/**
 * Material category/detail pages — late polish (after jccnc-redesign).
 * Shared by all jcproto-layout-material routes (CNC / sheet-metal / 3D-printing material hubs & detail pages).
 */

/* ── Global typography — all jcproto-layout-material pages ─────── */
body.jcproto-layout-material .jcproto-legacy-body-wrap {
	color: var(--jcproto-text-body) !important;
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
	font-size: var(--type-body);
	line-height: 1.72;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd p,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd li,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-prodlist .sitewidget-bd {
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .graphicNewTitle,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-hd > h2,
body.jcproto-layout-material .jcproto-legacy-body-wrap h2.graphicNewTitle {
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	font-size: var(--type-section) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em;
}

/* CNC material detail subpages — smaller in-content section headings */
body.jcproto-layout-material[class*="jcproto-legacy--cnc-machining-"] .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] h2.graphicNewTitle,
body.jcproto-layout-material[class*="jcproto-legacy--cnc-machining-"] .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-hd > h2 {
	font-size: var(--type-panel) !important;
	line-height: 1.35 !important;
	margin-bottom: 0.75rem !important;
}

body.jcproto-layout-material[class*="jcproto-legacy--cnc-machining-"] .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd li strong,
body.jcproto-layout-material[class*="jcproto-legacy--cnc-machining-"] .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd li strong span,
body.jcproto-layout-material[class*="jcproto-legacy--cnc-machining-"] .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul li span[style*="font-size:17px"] strong,
body.jcproto-layout-material[class*="jcproto-legacy--cnc-machining-"] .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul li span[style*="font-size: 17px"] strong {
	font-size: inherit !important;
	font-weight: 700 !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	font-family: inherit !important;
}

/* Body copy — inline bold lead-ins (same size as following text) */
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-material-hero-intro) .sitewidget-bd span:not([style*="font-size:28"]):not([style*="font-size: 28"]):not([style*="font-size:32"]):not([style*="font-size: 32"]):not([style*="font-size:34"]):not([style*="font-size: 34"]):not([style*="font-size:36"]):not([style*="font-size: 36"]):not([style*="font-size:26"]):not([style*="font-size: 26"]) > strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-material-hero-intro) .sitewidget-bd span:not([style*="font-size:28"]):not([style*="font-size: 28"]):not([style*="font-size:32"]):not([style*="font-size: 32"]):not([style*="font-size:34"]):not([style*="font-size: 34"]):not([style*="font-size:36"]):not([style*="font-size: 36"]):not([style*="font-size:26"]):not([style*="font-size: 26"]) > strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd p strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd p strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd li strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd li strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd td strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd td strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd th strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd th strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd p strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd p strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd li strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd li strong span {
	font-size: inherit !important;
	font-weight: 700 !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	font-family: inherit !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .materials-section .category-title,
body.jcproto-layout-material .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"]:has(.block-icon) .sitewidget-bd {
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	font-size: var(--type-card) !important;
	font-weight: 600 !important;
}

/* Category section block-icon — scale with heading (legacy nested markup) */
body.jcproto-layout-material .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] strong .block-icon {
	display: none !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .block-icon:has(.block-icon) {
	font-size: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	display: inline !important;
	vertical-align: middle !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .block-icon:not(:has(.block-icon)),
body.jcproto-layout-material .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"]:has(.block-icon) i.block-icon:not(:has(.block-icon)) {
	font-family: "block-icon" !important;
	font-size: clamp(2rem, 1vw + 1.25rem, 2.1875rem) !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	display: inline-block !important;
	width: auto !important;
	margin-right: 0.35em !important;
	overflow: visible !important;
	color: var(--jcproto-primary, #0a0a0a) !important;
	-webkit-text-fill-color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .materials-section .subhead,
body.jcproto-layout-material .jcproto-legacy-body-wrap .materials-section .material-tag,
body.jcproto-layout-material .jcproto-legacy-body-wrap .materials-section .stats-badge {
	color: var(--jcproto-text-muted) !important;
	-webkit-text-fill-color: var(--jcproto-text-muted) !important;
	font-size: var(--type-body-sm) !important;
}

/* Material cards — title / body (beat dark-band fill bleed) */
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-text:has(strong):not(:has(a[href*="/instant-quote"])) strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-text:has(strong):not(:has(a[href*="/instant-quote"])) strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-text:has(h3):not(:has(a[href*="/instant-quote"])) h3,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-text:has(h3):not(:has(a[href*="/instant-quote"])) h3 span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-text:has(b):not(:has(a[href*="/instant-quote"])) b span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card > .backstage-stwidgets-settingwrap:first-child .sitewidget-text .sitewidget-bd,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card > .backstage-stwidgets-settingwrap:first-child .sitewidget-text .sitewidget-bd > span:only-child strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card > .backstage-stwidgets-settingwrap:first-child .sitewidget-text .sitewidget-bd span {
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	font-size: var(--type-card) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-text:not(:has(strong)):not(:has(h3)):not(:has(b)) .sitewidget-bd,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-text:not(:has(strong)):not(:has(h3)):not(:has(b)) .sitewidget-bd span {
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
	font-size: var(--type-body-sm) !important;
	line-height: 1.6 !important;
}

/* Property tables — body text size (override global strong → section heading) */
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table {
	font-size: var(--type-body);
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table th,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table th,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table td,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table td {
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
	font-size: var(--type-body) !important;
	line-height: 1.5 !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table th,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table th {
	background: var(--jcproto-section-gray) !important;
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	font-weight: 600;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table th strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table th strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table td strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table td strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table th strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table th strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table td strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table td strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-bd table td span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont table td span {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	font-family: var(--jcproto-font-body) !important;
	font-size: inherit !important;
	font-weight: 600;
	line-height: inherit !important;
}

/* Dark bands — keep light text (global body rules must not win) */
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .sitewidget-bd,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .sitewidget-bd span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .sitewidget-bd p,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .sitewidget-bd div,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .sitewidget-hd,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .sitewidget-hd *,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .graphicNewTitle,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .graphicNewTitle * {
	color: rgba(255, 255, 255, 0.88) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .graphicNewTitle,
body.jcproto-layout-material .jcproto-legacy-body-wrap .jcproto-dark-band .sitewidget-hd > h2 {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* Quote band — flush to footer (no white body gap) */
body.jcproto-layout-material .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878,
body.jcproto-layout-material .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.qin18464) {
	margin-bottom: 0 !important;
}

/* ── Section backgrounds — default white; catalog gray band below ─ */
body.jcproto-layout-material .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-dark-band):not(.jcproto-gray-band):not(#outerContainer_1774317314878):not(#outerContainer_1684911074877):not(:has(+ #outerContainer_1684911074877)):not(:has(.qin18464)),
body.jcproto-layout-material .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:not(#siteblocks-setting-wrap-qrKZLayWtYnj):not(:has(.qin18464)) {
	background-color: #fff !important;
	background-image: none !important;
}

/* ── Process / CNC hub title band — white (not hero / stripe gray) ─── */
body.jcproto-layout-material.jcproto-has-inner-hero-band .jcproto-legacy-body-wrap #backstage-bodyArea > .jcproto-inner-hero + .outerContainer,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1701079564619,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1701156838059,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1701248857569,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1701250088222,
body.jcproto-layout-material .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):has(.sitewidget-text strong):not(:has([class*="sitewidget-pictureNew"])):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has(.sitewidget-buttonGroup)):not(:has(.qin18464)):not(:has(.sitewidget-inquire)):not(#outerContainer_1774317314878):not(#outerContainer_1684911074877) {
	background: #fff !important;
	background-color: #fff !important;
}

/* Material hub — centered column title (e.g. "3D Printing Shop") */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has(.sitewidget-buttonGroup)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd {
	text-align: center !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has(.sitewidget-buttonGroup)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd > strong:only-child,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has(.sitewidget-buttonGroup)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd > span:not([style*="font-size:17px"]):not([style*="font-size: 17px"]):not([style*="font-size:16px"]):not([style*="font-size: 16px"]) > strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has(.sitewidget-buttonGroup)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd > strong:only-child span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has(.sitewidget-buttonGroup)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd > span:not([style*="font-size:17px"]):not([style*="font-size: 17px"]):not([style*="font-size:16px"]):not([style*="font-size: 16px"]) > strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd span[style*="font-size:34px"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd span[style*="font-size:34px"] strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1684911074877):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(:has(.box-container)):not(:has(.jcproto-material-grid)):not(:has([class*="sitewidget-pictureNew"])) .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"] strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:has(.sitewidget-buttonGroup) > .container .sitewidget-text:first-of-type .sitewidget-bd span[style*="font-size:26px"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:has(.sitewidget-buttonGroup) > .container .sitewidget-text:first-of-type .sitewidget-bd span[style*="font-size: 26px"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:has(.sitewidget-buttonGroup) > .container .sitewidget-text:first-of-type .sitewidget-bd span[style*="font-size:26px"] strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:has(.sitewidget-buttonGroup) > .container .sitewidget-text:first-of-type .sitewidget-bd span[style*="font-size: 26px"] strong span {
	font-family: var(--jcproto-font-display, "Montserrat", system-ui, sans-serif) !important;
	font-size: var(--type-section) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
}

/* ── Intro text + product image (category detail pages) ─────────── */
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]),
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399:not(.jcproto-material-hero-intro) > .container > .row,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1701685751358:not(.jcproto-material-hero-intro) > .container > .row,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1700476633484:not(.jcproto-material-hero-intro) > .container > .row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: center;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"])::before,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"])::after,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 > .container > .row::before,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 > .container > .row::after {
	display: none !important;
	content: none !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"],
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 > .container > .row > [class*="col-"] {
	display: flex !important;
	flex-direction: column !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]) {
	background: #fff !important;
	border-radius: var(--jcproto-radius-lg, 12px);
	padding: clamp(0.75rem, 1.5vw, 1rem) !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) [class*="sitewidget-pictureNew"] .pictureNew-box,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) [class*="sitewidget-pictureNew"] .picture-wrap,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) [class*="sitewidget-pictureNew"] .picture-resize-wrap,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) [class*="sitewidget-pictureNew"] .imgBox,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 [class*="sitewidget-pictureNew"] .pictureNew-box,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 [class*="sitewidget-pictureNew"] .picture-wrap,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 [class*="sitewidget-pictureNew"] .picture-resize-wrap,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 [class*="sitewidget-pictureNew"] .imgBox {
	background: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: var(--jcproto-radius-lg, 12px) !important;
	overflow: hidden;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) [class*="sitewidget-pictureNew"] img,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]) [class*="sitewidget-pictureNew"] .img-default-bgc,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 [class*="sitewidget-pictureNew"] img,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 [class*="sitewidget-pictureNew"] .img-default-bgc {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	background: #fff !important;
	border-radius: var(--jcproto-radius-lg, 12px) !important;
	box-shadow: none !important;
}

/* Intro split sections — unified body copy (beat legacy inline 17px / Calibri) */
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-bd,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-bd span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-bd div,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-bd p {
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
	font-size: var(--type-lead) !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
}

/* Intro split — first section title below hero (e.g. "CNC Machining shops") */
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > span:only-child > strong:only-child,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > span:only-child > strong:only-child span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd span[style*="font-size:34px"] strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"] strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd span[style*="font-size:34px"] strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero):not(.jcproto-material-hero-intro) > .container > .row:has([class*="sitewidget-pictureNew"]) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"] strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1700476633484:not(.jcproto-material-hero-intro) > .container > .row > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1700476633484:not(.jcproto-material-hero-intro) > .container > .row > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child span,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399:not(.jcproto-material-hero-intro) > .container > .row > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399:not(.jcproto-material-hero-intro) > .container > .row > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child span,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1701685751358:not(.jcproto-material-hero-intro) > .container > .row > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1701685751358:not(.jcproto-material-hero-intro) > .container > .row > [class*="col-"]:not(:has([class*="sitewidget-picture"])) .sitewidget-text .sitewidget-bd > strong:only-child span {
	font-family: var(--jcproto-font-display, "Montserrat", system-ui, sans-serif) !important;
	font-size: var(--type-section) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	text-align: left !important;
	display: block;
	margin-bottom: 0.65em;
}

/* Hero intro (first split below banner) — hide duplicate hero image, center copy */
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro > .container > .row {
	grid-template-columns: minmax(0, 1fr) !important;
	justify-items: center;
	text-align: center;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-pictureNew"] {
	display: none !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro > .container > .row > [class*="col-"]:not(:has([class*="sitewidget-pictureNew"])) {
	align-items: center;
	text-align: center !important;
	max-width: min(920px, 100%);
	margin-left: auto;
	margin-right: auto;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd div,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd p {
	text-align: center !important;
}

/* Hero intro — section title (centered), match other intro split headings */
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd strong:not(p strong),
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd strong:not(p strong) span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size:34px"],
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"],
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size:34px"] strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"] strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size:34px"] strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"] strong span {
	font-family: var(--jcproto-font-display, "Montserrat", system-ui, sans-serif) !important;
	font-size: var(--type-section) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	text-align: center !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd strong:not(p strong),
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size:34px"] strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd span[style*="font-size: 34px"] strong {
	display: block;
	margin-bottom: 0.65em;
}

/* Hero intro — body paragraphs below title (graphicNew), normal content size */
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd div,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd p,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size:17px"],
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size: 17px"],
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size:16px"],
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size: 16px"] {
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
	font-size: var(--type-body) !important;
	font-weight: 400 !important;
	line-height: 1.72 !important;
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
	text-align: center !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd strong span {
	font-size: inherit !important;
	font-weight: 700 !important;
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}

/* ── "Our available materials" — full-viewport gray shell, 1380px content ─ */
/* Split selectors: `~ *:not(... ~ *)` is invalid in WebKit/Blink and drops the whole rule. */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(+ #outerContainer_1684911074877),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 {
	--jcproto-material-band-inset: max(clamp(1rem, 2vw, 2.5rem), calc((100vw - min(var(--jcproto-container, 1380px), calc(100vw - 2 * clamp(1rem, 2vw, 2.5rem)))) / 2));
	background: var(--jcproto-section-gray, #f7f7f5) !important;
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
	background-image: none !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	box-sizing: border-box !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1774317314878):not(:has(.qin18464)),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .box-container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .siteblocks-setting-wrap:not(:has(.qin18464)) {
	--jcproto-material-band-inset: max(clamp(1rem, 2vw, 2.5rem), calc((100vw - min(var(--jcproto-container, 1380px), calc(100vw - 2 * clamp(1rem, 2vw, 2.5rem)))) / 2));
	background: var(--jcproto-section-gray, #f7f7f5) !important;
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
	background-image: none !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	box-sizing: border-box !important;
}

/* End gray catalog band — restore default surface after material tabs marker. */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1685000001720,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1685000001720 ~ .outerContainer:not(:has(.qin18464)),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1685000001720 ~ .box-container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1685000001720 ~ .siteblocks-setting-wrap:not(:has(.qin18464)) {
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	width: auto !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Title row shell — same gray as material cards (legacy .container often stays white). */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 > .container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 > .container-opened,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 [class*="sitewidget-graphicNew"],
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 [class*="sitewidget-graphicNew"] .sitewidget-content,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 [class*="sitewidget-graphicNew"] .sitewidget-bd {
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
	background-image: none !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(+ #outerContainer_1684911074877) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 {
	padding-top: clamp(1.5rem, 2.5vw, 2.5rem) !important;
	padding-bottom: clamp(0.5rem, 1vw, 0.75rem) !important;
}

/* Main band title — "Available materials" (section scale, centered with icon) */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 [class*="sitewidget-graphicNew"] .sitewidget-bd,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 [class*="sitewidget-graphicNew"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 [class*="sitewidget-graphicNew"] strong span {
	font-size: var(--type-section) !important;
	font-weight: 700 !important;
	text-align: center !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 [class*="sitewidget-graphicNew"] .sitewidget-bd {
	display: block;
	text-align: center !important;
}

/* Category group headings within material band (ABS-Like, Available plastic, etc.) */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(.jcproto-empty-spacer) [class*="sitewidget-title"] .sitewidget-hd > h2,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(.jcproto-empty-spacer) [class*="sitewidget-graphicNew"]:has(.block-icon) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(.jcproto-empty-spacer) [class*="sitewidget-graphicNew"]:has(.block-icon) strong span {
	font-family: var(--jcproto-font-display, "Montserrat", system-ui, sans-serif) !important;
	font-size: var(--type-panel) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: -0.015em !important;
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	text-align: left !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(.jcproto-empty-spacer):has([class*="sitewidget-title"]) {
	padding-top: clamp(2rem, 3vw, 3rem) !important;
	padding-bottom: 0 !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 + .outerContainer.jcproto-empty-spacer + .outerContainer:has([class*="sitewidget-title"]),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 + .outerContainer:has([class*="sitewidget-title"]) {
	padding-top: clamp(1.25rem, 2vw, 1.75rem) !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(.jcproto-empty-spacer) [class*="sitewidget-title"] .sitewidget-hd {
	text-align: left !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(.jcproto-empty-spacer) [class*="sitewidget-title"] .sitewidget-hd > h2 {
	margin: 0 0 0.5rem !important;
	padding-bottom: 0.75rem !important;
	border-bottom: 2px solid var(--jcproto-border, rgba(10, 10, 10, 0.12)) !important;
	text-wrap: balance;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):not(.jcproto-empty-spacer) [class*="sitewidget-graphicNew"]:has(.block-icon) .sitewidget-bd {
	text-align: left !important;
	padding-top: clamp(1.5rem, 2vw, 2rem) !important;
}

/* Category intro paragraph — left-aligned body copy below group heading */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):has(.sitewidget-text):not(:has([class*="sitewidget-title"])) .sitewidget-text .sitewidget-bd,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)):has(.sitewidget-text):not(:has([class*="sitewidget-title"])) .sitewidget-text .sitewidget-bd span {
	font-size: var(--type-lead) !important;
	font-weight: 400 !important;
	line-height: 1.72 !important;
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
	text-align: left !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 > .container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 > .container-opened,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) > .container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) > .container-opened {
	width: 100% !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .box-container:not(#outerContainer_1685000001720 ~ *) {
	padding-left: var(--jcproto-material-band-inset, clamp(1rem, 2vw, 2.5rem)) !important;
	padding-right: var(--jcproto-material-band-inset, clamp(1rem, 2vw, 2.5rem)) !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *):not(#outerContainer_1774317314878):not(:has(.qin18464)) {
	padding-left: var(--jcproto-material-band-inset, clamp(1rem, 2vw, 2.5rem)) !important;
	padding-right: var(--jcproto-material-band-inset, clamp(1rem, 2vw, 2.5rem)) !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .box-container[data-layout-style="1"],
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .box-container[data-layout-style="4"],
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .box-container.jcproto-material-box--enhanced {
	margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem) !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .box-container:last-of-type:not(#outerContainer_1685000001720 ~ *) {
	padding-bottom: clamp(1.5rem, 2.5vw, 2.5rem) !important;
	margin-bottom: 0 !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1684911074877 ~ .box-container .jcproto-material-grid {
	margin-bottom: 0 !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1684911074877 + .outerContainer.jcproto-empty-spacer,
body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .box-container + .outerContainer.jcproto-empty-spacer {
	min-height: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	border: 0 !important;
}

body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(.jcproto-empty-spacer) ~ .outerContainer.jcproto-empty-spacer {
	background-color: #fff !important;
}

/* Finishing / multi-entry body copy — normal weight; only <strong> lead terms bold */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:17px"]:has(strong):has(br),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 17px"]:has(strong):has(br),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:16px"]:has(strong):has(br),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 16px"]:has(strong):has(br),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size:17px"]:has(strong):has(br),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size: 17px"]:has(strong):has(br),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size:16px"]:has(strong):has(br),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size: 16px"]:has(strong):has(br) {
	font-weight: 400 !important;
	font-size: var(--type-lead) !important;
	line-height: 1.72 !important;
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:17px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 17px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:16px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 16px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:17px"]:has(strong):has(br) strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 17px"]:has(strong):has(br) strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size:17px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size: 17px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size:16px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size: 16px"]:has(strong):has(br) strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size:17px"]:has(strong):has(br) strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .outerContainer:not(#outerContainer_1685000001720):not(#outerContainer_1685000001720 ~ *) .sitewidget-text .sitewidget-bd span[style*="font-size: 17px"]:has(strong):has(br) strong span {
	font-weight: 700 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
}

/* Keep every catalog card white (legacy #fafafa / hover gray overrides) */
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .box-container .jcproto-material-card,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .box-container .jcproto-material-card:hover {
	background: #fff !important;
}

/* READ MORE row alignment — equal-height cards, buttons pinned to bottom */
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-grid {
	align-items: stretch !important;
}

body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .jcproto-material-card__spacer,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card > .backstage-stwidgets-settingwrap:has(.sitewidget-placeholder),
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card [id^="component_"]:has(.sitewidget-placeholder) {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card > .backstage-stwidgets-settingwrap:has(.sitewidget-button) {
	margin-top: auto !important;
}

body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .box-container[data-layout-style="1"]:not(.jcproto-material-box--enhanced) > .container-column,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #outerContainer_1684911074877 ~ .box-container[data-layout-style="4"]:not(.jcproto-material-box--enhanced) > .container-column {
	background: #fff !important;
}

/* ── Material category nav (Plastics / Aluminum / Steel…) — all material pages ─ */
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: clamp(8px, 1.5vw, 12px) !important;
	justify-content: center !important;
	align-items: center !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-item {
	display: block !important;
	float: none !important;
	margin: 0 !important;
	list-style: none !important;
}

body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup .sitewidget-bd a.btnGroup-link,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup a.btnGroup-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: auto !important;
	height: auto !important;
	padding: 0.55rem 1.35rem !important;
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
	color: var(--jcproto-text, #0b0b0b) !important;
	-webkit-text-fill-color: var(--jcproto-text, #0b0b0b) !important;
	-webkit-text-fill-color: var(--jcproto-text, #0b0b0b) !important;
	border: 1px solid var(--jcproto-border, #deded9) !important;
	border-radius: var(--jcproto-radius-pill, 999px) !important;
	font-family: var(--jcproto-font-display, "Montserrat", system-ui, sans-serif) !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: normal !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup .sitewidget-bd a.btnGroup-link:hover,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup .sitewidget-bd a.btnGroup-link.on,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup a.btnGroup-link:hover,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup a.btnGroup-link.on,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup a.btnGroup-link.btnGroup-link-default,
body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup a.btnGroup-link.btnGroup-link-default:hover {
	background-color: var(--jcproto-primary, #0a0a0a) !important;
	border-color: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	text-decoration: none !important;
}

@media (max-width: 767px) {
	body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-list {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 0.5rem !important;
	}

	body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .sitewidget-buttonGroup a.btnGroup-link {
		width: 100% !important;
		justify-content: flex-start !important;
		border-radius: var(--jcproto-radius, 8px) !important;
	}

	body.jcproto-layout-material .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"]),
	body.jcproto-layout-material .jcproto-legacy-body-wrap #outerContainer_1686985446399 > .container > .row {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Material card READ MORE — hover must stay white on black (sitewidget-bd text-fill inherits otherwise) */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btn,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btncolor {
	color: var(--jcproto-primary, #0a0a0a) !important;
	-webkit-text-fill-color: var(--jcproto-primary, #0a0a0a) !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btn *,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btncolor * {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btn:hover,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btncolor:hover {
	background: #000 !important;
	background-color: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	text-decoration: none !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btn:hover *,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .jcproto-material-card .sitewidget-button a.backstage-component-btncolor:hover * {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* Quote form band — keep black (catalog gray band must not override quote-form-band.css) */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.qin18464),
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:has(.qin18464) {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: #0a0a0a !important;
	background-color: #0a0a0a !important;
	background-image: none !important;
	box-sizing: border-box !important;
	overflow-x: clip;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878 > .container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878 > .container-opened,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.qin18464) > .container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.qin18464) > .container-opened,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj .siteblocks-container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:has(.qin18464) .siteblocks-container,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj .qin18464,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:has(.qin18464) .qin18464 {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

/* Hero intro title — final cascade (beat inherit / lead on nested legacy spans) */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size:34px"],
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size: 34px"],
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size:34px"] span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size: 34px"] span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size:34px"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size: 34px"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size:34px"] strong span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size: 34px"] strong span {
	font-family: var(--jcproto-font-display, "Montserrat", system-ui, sans-serif) !important;
	font-size: var(--type-section) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: var(--jcproto-text) !important;
	-webkit-text-fill-color: var(--jcproto-text) !important;
	text-align: center !important;
}

html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size:34px"] strong,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro .sitewidget-text .sitewidget-bd > div:first-child span[style*="font-size: 34px"] strong {
	display: block;
	margin-bottom: 0.65em;
}

/* Hero intro body — final cascade (beat global 17px UI / inherit) */
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd div,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd p,
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size:17px"],
html body.jcproto-layout-material.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer.jcproto-material-hero-intro [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size: 17px"] {
	font-size: var(--type-body) !important;
	font-weight: 400 !important;
	line-height: 1.72 !important;
	color: var(--jcproto-text-body) !important;
	-webkit-text-fill-color: var(--jcproto-text-body) !important;
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
	text-align: center !important;
}

/* Material detail body — beat global sitewidget-text/graphicNew strong → section heading */
body.jcproto-layout-material .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span strong span,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont span strong,
body.jcproto-layout-material .jcproto-legacy-body-wrap .articledetail-cont span strong span {
	font-size: inherit !important;
	font-weight: 700 !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	font-family: inherit !important;
	display: inline !important;
	margin-bottom: 0 !important;
}