/**
 * Knowledge Base articles — hub pages (What-is-*) + KB single posts.
 * Routes: /What-is-3D-printing.html, /What-is-Sheet-Metal-Fabrication/*, etc.
 * Also: WP posts in knowledge-base category (body.jcproto-knowledge-article.single-post)
 * Loads after jccnc-redesign (priority 115).
 */

body.jcproto-knowledge-article {
	--jcproto-text-body: #475569;
}

/* Full-bleed band shell — let section backgrounds span viewport */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap,
body.jcproto-knowledge-article .jcproto-article__content,
body.jcproto-knowledge-article .jcproto-article--legacy {
	background: transparent !important;
	overflow-x: visible;
}

/* Beat jccnc-redesign white page-shell — band backgrounds must show edge-to-edge */
body.jcproto-knowledge-article.jcproto-has-legacy-body:not(.home) .jcproto-page-shell,
body.jcproto-knowledge-article.jcproto-has-legacy-body #jcproto-main {
	background: transparent !important;
	width: 100% !important;
	max-width: none !important;
}

/* Hub landing — edge gutters match gray band (body default is white) */
body.jcproto-knowledge-article.jcproto-knowledge-hub {
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
}

body.jcproto-knowledge-article.jcproto-knowledge-hub.single-post .jcproto-page-shell,
body.jcproto-knowledge-article.jcproto-knowledge-hub.single-post #jcproto-main,
body.jcproto-knowledge-article.jcproto-knowledge-hub.single-post .jcproto-article--legacy,
body.jcproto-knowledge-article.jcproto-knowledge-hub.single-post .jcproto-single-template__main {
	background: transparent !important;
	overflow-x: visible !important;
}

body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-article--page,
body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-article__content,
body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap,
body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ── Full-bleed section bands (width 100% of unwrapped shell; content stays 1380) ─ */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	overflow-x: visible;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .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;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container > .row,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container-opened > .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}

/* ── Page shell unwrap — bands paint edge-to-edge; breadcrumb/content use inner containers ─ */
body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-page-shell > .container,
body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

/* ── Siteblocks (accordion, etc.) — full-bleed band, centered inner ─────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:not(#siteblocks-setting-wrap-qrKZLayWtYnj) {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	overflow-x: clip;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:not(#siteblocks-setting-wrap-qrKZLayWtYnj) .siteblocks-container {
	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;
}

/* ── Legacy widget offset reset ────────────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-text"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphic"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-picture"] {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] {
	padding-right: 0 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container > .row::before,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container > .row::after,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea .outerContainer .row::before,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea .outerContainer .row::after {
	display: none !important;
	content: none !important;
}

/* ── Section rhythm + gray bands ─────────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) {
	padding-top: clamp(1.25rem, 2.5vw, 2rem) !important;
	padding-bottom: clamp(1.25rem, 2.5vw, 2rem) !important;
}

/* Topic bands — one background per major section (JS: knowledge-article-bands.js) */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--white {
	background-color: #fff !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--gray,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--gray {
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
}

/* Same-topic follow-ups — tighten vertical padding inside a band */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--white + .outerContainer.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--gray + .outerContainer.jcproto-knowledge-band--gray,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--white + .siteblocks-setting-wrap.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--gray + .siteblocks-setting-wrap.jcproto-knowledge-band--gray,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--white + .siteblocks-setting-wrap.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--gray + .siteblocks-setting-wrap.jcproto-knowledge-band--gray,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--white + .outerContainer.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--gray + .outerContainer.jcproto-knowledge-band--gray {
	padding-top: clamp(0.5rem, 1vw, 0.85rem) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-empty-spacer.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-empty-spacer.jcproto-knowledge-band--gray {
	padding-top: clamp(0.75rem, 1.5vw, 1.25rem) !important;
	padding-bottom: clamp(0.75rem, 1.5vw, 1.25rem) !important;
}

/* Legacy layout-specific gray (bookmark accordion pairs) — inherit band color instead */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(+ .siteblocks-setting-wrap:has(.bookmark18444)):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:has(.bookmark18444):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white) {
	background-color: inherit !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(> .container > .row > .col-md-4:first-child):has(> .container > .row > .col-md-4:nth-child(2)):has(> .container > .row > .col-md-4:nth-child(3):last-child):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(> .container > .row > .col-md-8):has(> .container > .row > .col-md-4:last-child):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(> .container > .row > .col-md-6:first-child):has(> .container > .row > .col-md-6:nth-child(2):last-child):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white) {
	background-color: inherit !important;
}

/* ── Hero split banner ─────────────────────────────────────────── */
body.jcproto-knowledge-article .jcproto-inner-split-banner__media {
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
}

body.jcproto-knowledge-article .jcproto-inner-split-banner__media img {
	object-fit: contain !important;
	object-position: center center !important;
	padding: clamp(0.5rem, 1.5vw, 1rem);
	background: #fff !important;
}

/* ── Typography ────────────────────────────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h1,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h2,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .graphicNewTitle,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-title h1 {
	font-family: var(--jcproto-font-display, inherit) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: var(--jcproto-text, #0a0a0a) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd p,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd div,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-cont,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-cont p {
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	font-weight: 400 !important;
	color: var(--jcproto-text-body, #475569) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd strong,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .graphicNewTitle {
	font-size: clamp(1.125rem, 1.6vw, 1.375rem) !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
}

/* ── Legacy inline sizes / colors (beat widget HTML) ─────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size:34px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size: 34px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size:36px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size: 36px"] {
	font-size: clamp(1.625rem, 2.4vw, 2.125rem) !important;
	line-height: 1.25 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size:17px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size: 17px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size:18px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap span[style*="font-size: 18px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap div[style*="font-size:17px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap div[style*="font-size: 17px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap div[style*="font-size:18px"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap div[style*="font-size: 18px"] {
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	font-weight: 400 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="#777777"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="color:#777"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="color: #777"] {
	color: var(--jcproto-text-body, #555555) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child strong {
	display: block;
	margin: 0 0 0.75rem;
	padding-bottom: 0.625rem;
	border-bottom: 2px solid var(--jcproto-primary, #0a0a0a);
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-placeholder .resizee {
	height: clamp(1rem, 3vw, 3.75rem) !important;
}

/* ── CTA buttons ─────────────────────────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-button a.backstage-component-btncolor.gbBgColor0 {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.75rem 1.5rem !important;
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
	border: 1px solid var(--jcproto-primary, #0a0a0a) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-button a.backstage-component-btncolor.gbBgColor0:hover {
	background: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}

/* ── Text + image split rows (8/4) ───────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8):has(> .col-md-4) {
	display: grid !important;
	grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: center;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8):has(> .col-md-4) > [class*="col-md"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	min-width: 0;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8) .sitewidget-text .sitewidget-bd {
	max-width: 68ch;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8) .sitewidget-text .sitewidget-bd span,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8) .sitewidget-text .sitewidget-bd p {
	white-space: normal !important;
	word-break: normal;
	overflow-wrap: break-word;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew .picture-wrap,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew .picture-resize-wrap,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew .imgBox {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden;
	border-radius: var(--jcproto-radius-lg, 12px);
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0);
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew img {
	width: 100% !important;
	height: auto !important;
	display: block;
	object-fit: cover;
	border-radius: var(--jcproto-radius-lg, 12px);
}

/* ── Section label rows (Material Selection / Finish Available) ─ */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-12:only-child) .sitewidget-text .sitewidget-bd strong,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-12:only-child) .graphicNewTitle {
	display: block;
	margin: 0 0 0.25rem;
	padding-bottom: 0.625rem;
	border-bottom: 2px solid var(--jcproto-primary, #0a0a0a);
}

/* ── Two-column rows (col-md-6) ──────────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child) {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
	align-items: start;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child) > [class*="col-md"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child) > [class*="col-md"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	min-width: 0;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-6) > [class*="col-md-6"]:has([class*="sitewidget-text"], [class*="sitewidget-graphic"]) {
	padding: 1rem 1.125rem !important;
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	box-sizing: border-box;
}

/* Intro split (text + image) — left copy column blends with band, no card chrome */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child):has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-md-6"]:not(:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"])):has([class*="sitewidget-text"], [class*="sitewidget-graphic"]),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child):has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-md-6"]:not(:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"])):has([class*="sitewidget-text"], [class*="sitewidget-graphic"]) {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew .picture-resize-wrap {
	text-align: left !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew .picture-wrap,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew .imgBox {
	display: block !important;
	max-width: 100% !important;
}

/* ── Intro copy — full content width (match industry pages) ─── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-empty-spacer) > .container > .row > .col-md-12 .sitewidget-text .sitewidget-bd {
	max-width: 100%;
}

/* ── Pagetab accordion (bookmark18444) ───────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(+ .siteblocks-setting-wrap:has(.bookmark18444)) {
	padding-bottom: 0.75rem !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:has(.bookmark18444) {
	padding-top: 0 !important;
	padding-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--jcproto-border, #e0e0e0) !important;
	background: #fff !important;
	border-radius: var(--jcproto-radius, 8px);
	overflow: hidden;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 div,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 ul,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 li {
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title {
	border-top: 1px solid var(--jcproto-border, #e0e0e0) !important;
	min-height: 56px;
	cursor: pointer;
	transition: background-color 0.2s ease;
	background: #fff !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title:first-child,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .pagetab:first-child .title {
	border-top: 0 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title .content {
	margin-left: 2.75rem;
	width: auto;
	max-width: calc(100% - 3.5rem);
	padding-top: 1rem;
	padding-bottom: 1rem;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title .content a {
	color: var(--jcproto-text, #0a0a0a) !important;
	-webkit-text-fill-color: currentColor !important;
	font-family: var(--jcproto-font-body, inherit) !important;
	font-size: 1.0625rem !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	text-decoration: none !important;
	cursor: pointer;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title_color,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title:hover,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title.is-open {
	background: var(--jcproto-surface, #f8f8f8) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title:hover a,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title.is-open a {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .icon-jiahao path,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .icon-jianhao path {
	fill: var(--jcproto-text, #0a0a0a) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .cont,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .content,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .cont span,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .cont p {
	color: var(--jcproto-text-body, #475569) !important;
	-webkit-text-fill-color: currentColor !important;
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	padding-left: 2.75rem;
	padding-right: 1.25rem;
}

/* ── Three-column feature / material cards ───────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.5vw, 1rem);
	align-items: stretch;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) > [class*="col-md-4"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) [class*="sitewidget-text"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) [class*="sitewidget-graphic"] {
	height: 100%;
	margin: 0 !important;
	padding: 1rem 1.125rem !important;
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) [class*="sitewidget-text"]:hover,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) [class*="sitewidget-graphic"]:hover {
	border-color: var(--jcproto-primary, #0a0a0a) !important;
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) .sitewidget-bd,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) .sitewidget-bd span,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) .sitewidget-bd p {
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	color: var(--jcproto-text-body, #555555) !important;
}

/* ── graphicNew lists (benefits, bullets) ────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul {
	display: grid;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul li {
	margin: 0;
	padding: 1rem 1.125rem;
	background: #fff;
	border: 1px solid var(--jcproto-border, #e0e0e0);
	border-radius: var(--jcproto-radius, 8px);
	border-left: 3px solid var(--jcproto-primary, #0a0a0a);
	box-sizing: border-box;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul li strong {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul li span {
	font-size: 1.0625rem !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--jcproto-text-body, #555555) !important;
}

/* graphicNew stacked tip rows (strong label + body in same div) — skip sole prose blocks */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong):not(:only-child) {
	margin: 0 0 0.75rem;
	padding: 1rem 1.125rem;
	background: #fff;
	border: 1px solid var(--jcproto-border, #e0e0e0);
	border-radius: var(--jcproto-radius, 8px);
	border-left: 3px solid var(--jcproto-primary, #0a0a0a);
	box-sizing: border-box;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong):not(:only-child) strong {
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong):not(:only-child),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong):not(:only-child) span {
	font-size: 1.0625rem !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--jcproto-text-body, #555555) !important;
}

/* ── Tables ────────────────────────────────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd table,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-cont table {
	width: 100% !important;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--jcproto-border, #e0e0e0);
	border-radius: var(--jcproto-radius, 8px);
	overflow: hidden;
	margin: 1rem 0;
	background: #fff;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd table th,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-cont table th {
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 0.8125rem !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd table td,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-cont table td {
	padding: 0.875rem 1rem !important;
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	color: var(--jcproto-text-body, #555555) !important;
	border-bottom: 1px solid var(--jcproto-border, #e0e0e0) !important;
	vertical-align: top;
	word-break: break-word;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd table tr:last-child td {
	border-bottom: 0 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .hasOverflowX {
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
}

/* ── Inline links ──────────────────────────────────────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-cont a:not(.backstage-component-btn):not(.btn) {
	color: var(--jcproto-text-body, #555555) !important;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0):hover,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .articledetail-cont a:not(.backstage-component-btn):not(.btn):hover {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

/* ── KB single posts (articledetail) — widen + center ─────────── */
body.jcproto-knowledge-article.single-post .jcproto-page-shell > .container {
	max-width: var(--jcproto-container, 1380px) !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
}

body.jcproto-knowledge-article.single-post:not(.jcproto-knowledge-hub) .jcproto-article--legacy,
body.jcproto-knowledge-article.single-post:not(.jcproto-knowledge-hub) .jcproto-legacy-body-wrap .sitewidget-articledetail,
body.jcproto-knowledge-article.single-post:not(.jcproto-knowledge-hub) .jcproto-legacy-body-wrap .articleDetail-container-left,
body.jcproto-knowledge-article.single-post:not(.jcproto-knowledge-hub) .jcproto-legacy-body-wrap .articledetail-cont,
body.jcproto-knowledge-article.single-post:not(.jcproto-knowledge-hub) .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer,
body.jcproto-knowledge-article.single-post:not(.jcproto-knowledge-hub) .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer > .container {
	max-width: 100% !important;
	width: 100% !important;
}

body.jcproto-knowledge-article.single-post .jcproto-related-posts,
body.jcproto-knowledge-article.single-post .jcproto-legacy-body-wrap .previousAndNext {
	max-width: 100% !important;
	width: 100% !important;
}

body.jcproto-knowledge-article.single-post .jcproto-legacy-body-wrap .articledetail-cont table th {
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
}

/* ── KB hub landing (CNC / 3DP / sheet metal / injection) ─────── */
body.jcproto-knowledge-hub .jcproto-article--legacy,
body.jcproto-knowledge-hub .jcproto-single-template__main,
body.jcproto-knowledge-hub .jcproto-article--legacy #backstage-bodyArea,
body.jcproto-knowledge-hub .jcproto-article--legacy #backstage-bodyArea [id^="column_"],
body.jcproto-knowledge-hub .jcproto-article--legacy #backstage-bodyArea [id^="location_"],
body.jcproto-knowledge-hub .jcproto-article--legacy #backstage-bodyArea .backstage-stwidgets-settingwrap,
body.jcproto-knowledge-hub.single-post .jcproto-legacy-body-wrap .sitewidget-articledetail,
body.jcproto-knowledge-hub.single-post .jcproto-legacy-body-wrap .articleDetail-container-left,
body.jcproto-knowledge-hub.single-post .jcproto-legacy-body-wrap .articledetail-cont {
	max-width: 100% !important;
	width: 100% !important;
}

body.jcproto-knowledge-hub .jcproto-page-shell > .container,
body.jcproto-knowledge-hub .jcproto-page-shell > .jcproto-container {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap {
	background: transparent !important;
}

/* Hub intro split — hide in-card title (hero H1 already covers it) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) > [id^="location_"] > .backstage-stwidgets-settingwrap:has(.sitewidget-text.sitewidget-olul-liststyle):first-child {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}

/* Hub intro split — larger lead copy (beat inner-typography picture-column 1.125rem) */
body.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) > [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-graphic"]) .sitewidget-bd,
body.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) > [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-graphic"]) .sitewidget-bd span,
body.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) > [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-graphic"]) .sitewidget-bd p,
body.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) > [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-graphic"]) .sitewidget-bd span[style*="font-size:17px"],
body.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) > [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-graphic"]) .sitewidget-bd span[style*="font-size: 17px"] {
	font-size: clamp(1.25rem, 1.4vw, 1.375rem) !important;
	font-weight: 400 !important;
	line-height: 1.75 !important;
	color: var(--jcproto-text-body, #475569) !important;
}

body.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap .outerContainer:not(.jcproto-inner-hero) > .container > .row:has([class*="sitewidget-pictureNew"], [class*="sitewidget-picture"]:not([class*="pictureNew"])) > [class*="col-"]:not(:has([class*="sitewidget-picture"])) > [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-graphic"]) .sitewidget-bd strong {
	color: var(--jcproto-text, #0a0a0a) !important;
	font-weight: 700 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child):has([class*="sitewidget-pictureNew"]) > [class*="col-md-6"]:not(:has([class*="sitewidget-pictureNew"])) > [id^="location_"] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* Hub section headings (What-is-* intro titles) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child strong,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text .sitewidget-bd > div:only-child strong,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(+ .outerContainer [class*="sitewidget-graphicNew"]) .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child strong {
	display: block;
	margin: 0 0 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid var(--jcproto-primary, #0a0a0a);
	font-family: var(--jcproto-font-display, inherit) !important;
	font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em;
	color: var(--jcproto-text, #0a0a0a) !important;
}

/* Keep hub section title spans at heading scale (beat legacy 17px/34px shrink rules) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child span[style*="font-size:34px"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child span[style*="font-size: 34px"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child span[style*="font-size:36px"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child span[style*="font-size: 36px"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(+ .outerContainer [class*="sitewidget-graphicNew"]) .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child span[style*="font-size"] {
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
}

/* Benefit / value props — stacked graphicNew rows become responsive card grid */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: clamp(0.75rem, 1.5vw, 1rem);
	align-items: stretch;
}

/* Hide legacy spacer divs between cards (whitespace text nodes break :empty) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd > div:not(:has(strong)) {
	display: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Intro copy rows above card grid */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd > div:not(:has(strong)):has(span, p, a, img, table, ul, ol),
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd > div:only-child {
	display: block !important;
	grid-column: 1 / -1;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 0 0 0.75rem !important;
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
}

/* Sole prose block in graphicNew — full content width, no card grid */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd:has(> div:only-child),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd:has(> div:only-child) {
	display: block !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd:has(> div:only-child) > div,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd:has(> div:only-child) > div,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd:has(> div:only-child) > div[style*="text-align"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd:has(> div:only-child) > div[style*="text-align"] {
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong):not(:only-child) {
	margin: 0 !important;
}

/* Four-column process tabs (FDM / SLA / SLS / DMLS) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(2)):has(> .col-md-3:nth-child(3)):has(> .col-md-3:nth-child(4):last-child),
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(2)):has(> .col-md-3:nth-child(3)):has(> .col-md-3:nth-child(4):last-child) {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.5vw, 1rem);
	align-items: stretch;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"] [class*="sitewidget-graphicNew"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"] .sitewidget-button {
	height: 100%;
	margin: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"] [class*="sitewidget-graphicNew"] {
	display: flex;
	flex-direction: column;
	padding: 1rem 1.125rem !important;
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"] [class*="sitewidget-graphicNew"]:hover {
	border-color: var(--jcproto-primary, #0a0a0a) !important;
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"] [class*="sitewidget-graphicNew"] .sitewidget-bd a {
	display: block;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: color 0.2s ease;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:nth-child(4):last-child) > [class*="col-md-3"] [class*="sitewidget-graphicNew"] .sitewidget-bd a:hover {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

/* Gray bands — hub card sections (inherit topic band from knowledge-article-bands.js) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(> .container > .row > .col-md-3:first-child):has(> .container > .row > .col-md-3:nth-child(4):last-child):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white),
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(> .container > .row > .col-md-4:first-child):has(> .container > .row > .col-md-4:nth-child(3):last-child):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white),
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(> .container > .row > .col-md-5:first-child):has(> .container > .row > .col-md-5:nth-child(3):last-child):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white),
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(> .container > .row > .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong)):not(.jcproto-knowledge-band--gray):not(.jcproto-knowledge-band--white) {
	background-color: inherit !important;
}

/* Nested rows (accordion panels) — material / finish card grids */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.5vw, 1rem);
	align-items: stretch;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child) > [class*="col-md-4"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(3):last-child) [class*="sitewidget-graphicNew"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(3):last-child) [class*="sitewidget-text"] {
	height: 100%;
	margin: 0 !important;
	padding: 0.875rem 1rem !important;
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	box-sizing: border-box;
	overflow: hidden;
	word-break: break-word;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .bookmark18444 .cont,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .bookmark18444 .content {
	overflow-x: clip;
	max-width: 100%;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .bookmark18444 .row:has(> .col-md-8):has(> .col-md-4) {
	display: grid !important;
	grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
	gap: clamp(1rem, 2vw, 1.5rem);
	align-items: center;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .bookmark18444 .row:has(> .col-md-8):has(> .col-md-4) > [class*="col-md"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding: 0 !important;
	min-width: 0;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5:first-child):has(> .col-md-2:nth-child(2)):has(> .col-md-5:nth-child(3):last-child),
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-5:first-child):has(> .col-md-2:nth-child(2)):has(> .col-md-5:nth-child(3):last-child) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) clamp(0.75rem, 2vw, 2rem) minmax(0, 1fr);
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: start;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5:first-child):has(> .col-md-2:nth-child(2)):has(> .col-md-5:nth-child(3):last-child) > [class*="col-md"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-5:first-child):has(> .col-md-2:nth-child(2)):has(> .col-md-5:nth-child(3):last-child) > [class*="col-md"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	min-width: 0;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) > [class*="col-md-5"] [id^="location_"] {
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 2.5vw, 2rem);
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) > [class*="col-md-2"] .sitewidget-placeholder .resizee {
	height: 0 !important;
	min-height: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) > [class*="col-md-5"] .sitewidget-text .sitewidget-bd {
	text-align: center !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) > [class*="col-md-5"] .sitewidget-text .sitewidget-bd strong {
	display: block;
	margin: 0 0 0.5rem;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	text-align: center !important;
	color: var(--jcproto-text, #0a0a0a) !important;
}

/* Unified hub card — picture + CTA in one frame (JS: knowledge-hub-cards.js) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card {
	display: flex;
	flex-direction: column;
	margin: 0 0 clamp(1.25rem, 2.5vw, 2rem) !important;
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius-lg, 12px) !important;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card:hover {
	border-color: var(--jcproto-primary, #0a0a0a) !important;
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card > .backstage-stwidgets-settingwrap {
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card > .backstage-stwidgets-settingwrap:has([class*="sitewidget-button"]) {
	padding: 0.375rem 1.125rem 0.875rem !important;
	flex-shrink: 0;
	text-align: center !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card .sitewidget-button .sitewidget-bd,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card .sitewidget-button .sitewidget-bd > div {
	text-align: center !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card [class*="sitewidget-pictureNew"] .picture-resize-wrap,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card [class*="sitewidget-pictureNew"] .picture-wrap,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card [class*="sitewidget-pictureNew"] .imgBox,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card [class*="sitewidget-pictureNew"] .picture-description {
	border: 0 !important;
	box-shadow: none !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card [class*="sitewidget-pictureNew"] .picture-description {
	border: 0 !important;
	box-shadow: none !important;
	border-top: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .picture-resize-wrap,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .picture-wrap,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .picture-description,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .pic-desc-under {
	border: 0 !important;
	box-shadow: none !important;
	border-top: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"],
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card [class*="sitewidget-pictureNew"] {
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: hidden;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .sitewidget-bd {
	padding: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .picture-wrap,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .imgBox {
	display: block !important;
	max-width: 100% !important;
	border-radius: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] img {
	display: block;
	width: 100% !important;
	height: auto !important;
	min-height: clamp(160px, 18vw, 220px);
	max-height: clamp(200px, 22vw, 280px);
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .picture-description,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .pic-desc-under {
	display: block;
	margin: 0 !important;
	padding: 1rem 1.125rem 0.25rem !important;
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	color: var(--jcproto-text-body, #555555) !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .picture-description strong,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) [class*="sitewidget-pictureNew"] .picture-description span[style*="font-size:16px"] strong {
	color: var(--jcproto-text, #0a0a0a) !important;
	font-weight: 700 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5) .backstage-stwidgets-settingwrap:has([class*="sitewidget-button"]) {
	margin: 0 !important;
	padding: 0 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .sitewidget-button a.backstage-component-btncolor,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .sitewidget-button a.backstage-component-btncolor.gbBgColor0 {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0.5rem 1.25rem !important;
	height: auto !important;
	line-height: 1.2 !important;
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
	border: 1px solid var(--jcproto-primary, #0a0a0a) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .sitewidget-button a.backstage-component-btncolor:hover,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .sitewidget-button a.backstage-component-btncolor.gbBgColor0:hover {
	background: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}

/* Hub card CTA — compact height (beat legacy inline height + 68px wrapper bloat) */
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card .sitewidget-button,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card .sitewidget-button .sitewidget-bd,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card .sitewidget-button .sitewidget-bd > div {
	height: auto !important;
	min-height: 0 !important;
	line-height: normal !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card .sitewidget-button a.backstage-component-btncolor,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .jcproto-kb-hub-card .sitewidget-button a.backstage-component-btncolor.gbBgColor0 {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	padding: 0 1.25rem !important;
	line-height: 1.2 !important;
}

body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-5 .sitewidget-placeholder .resizee {
	height: clamp(0.75rem, 1.5vw, 1.25rem) !important;
}

/* ── Process tab nav (buttonGroup on hub pages) ───────────────── */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-item {
	margin: 0;
	padding: 0;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.5rem 1rem;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-link:hover,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-link.on,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-buttonGroup .btnGroup-link.btnGroup-link-default {
	background: var(--jcproto-primary, #0a0a0a) !important;
	border-color: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
}

/* ── Final cascade: unwrap page-shell (beat any 1380px re-cap) ─ */
body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-page-shell > .container,
body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	overflow-x: visible;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea .container,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea .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;
}

@media (min-width: 990px) {
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(:first-child):not(.jcproto-dark-band):not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container:not([data-module-width]),
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(:first-child):not(.jcproto-dark-band):not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container-opened:not([data-module-width]),
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) .container:not([data-module-width]),
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) .container-opened:not([data-module-width]) {
		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;
	}
}

@media (min-width: 1220px) {
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(:first-child):not(.jcproto-dark-band):not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container:not([data-module-width]),
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(:first-child):not(.jcproto-dark-band):not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container-opened:not([data-module-width]),
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) .container:not([data-module-width]),
	body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) .container-opened:not([data-module-width]) {
		width: 100% !important;
		max-width: var(--jcproto-container, 1380px) !important;
	}
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew img,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-pictureNew .pictureNew-box {
	aspect-ratio: auto !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row > [class*="col-"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row > [class*="col-"] {
	min-width: 0;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong):not(:only-child),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4) [class*="sitewidget-text"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4) [class*="sitewidget-graphic"] {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (min-width: 1200px) {
	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd:has(> div:has(strong):nth-child(6)) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8):has(> .col-md-4),
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(2)):has(> .col-md-4:nth-child(3):last-child),
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child),
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-6:first-child):has(> .col-md-6:nth-child(2):last-child),
	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-5:first-child):has(> .col-md-2:nth-child(2)):has(> .col-md-5:nth-child(3):last-child),
	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-5:first-child):has(> .col-md-2:nth-child(2)):has(> .col-md-5:nth-child(3):last-child) {
		grid-template-columns: 1fr !important;
	}

	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(4):last-child),
	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(4):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .row:has(> .col-md-4:first-child):has(> .col-md-4:nth-child(3):last-child) {
		grid-template-columns: 1fr !important;
	}

	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .bookmark18444 .row:has(> .col-md-8):has(> .col-md-4) {
		grid-template-columns: 1fr !important;
	}

	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .col-md-12 [class*="sitewidget-graphicNew"] .sitewidget-bd {
		grid-template-columns: 1fr !important;
	}

	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8):has(> .col-md-4) .sitewidget-pictureNew {
		order: -1;
	}
}

@media (max-width: 767px) {
	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(4):last-child),
	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container-opened > .row:has(> .col-md-3:first-child):has(> .col-md-3:nth-child(4):last-child) {
		grid-template-columns: 1fr !important;
	}

	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8):has(> .col-md-4) {
		grid-template-columns: 1fr !important;
	}

	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-8) .sitewidget-pictureNew {
		order: -1;
	}

	body.jcproto-knowledge-hub .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd > div:has(strong):not(:only-child) {
		padding: 0.875rem 1rem !important;
	}

	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title .content,
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .cont,
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .content {
		padding-left: 2.5rem;
		padding-right: 1rem;
	}

	body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-empty-spacer) > .container > .row > .col-md-12 .sitewidget-text .sitewidget-bd {
		max-width: 100%;
	}

	body.jcproto-knowledge-article .jcproto-inner-split-banner__actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.jcproto-knowledge-article .jcproto-inner-split-banner__btn {
		width: 100%;
		justify-content: center;
	}

	body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul {
		grid-template-columns: 1fr;
	}
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.qin18464) {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	background: #0a0a0a !important;
	background-color: #0a0a0a !important;
}

/* Flush quote band to footer — beat single-article page-shell bottom pad */
body.jcproto-knowledge-article.jcproto-knowledge-hub.single-post.jcproto-has-legacy-body .jcproto-page-shell,
body.jcproto-knowledge-article.jcproto-knowledge-hub.single-post.jcproto-has-legacy-body #jcproto-main > .jcproto-page-shell {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

body.jcproto-knowledge-article.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878:has(.qin18464),
body.jcproto-knowledge-article.jcproto-knowledge-hub .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj {
	padding-top: clamp(3rem, 5vw, 4rem) !important;
	padding-bottom: 0 !important;
}

/* Footer — full viewport band, flush with quote form */
body.jcproto-knowledge-article #jcproto-footer,
body.jcproto-knowledge-article .jcproto-footer {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	box-sizing: border-box !important;
	overflow-x: clip;
}

body.jcproto-knowledge-article .jcproto-footer .jcproto-container,
body.jcproto-knowledge-article .jcproto-footer .container {
	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;
}

@media (prefers-reduced-motion: reduce) {
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child) [class*="sitewidget-text"]:hover,
	body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row:has(> .col-md-4:first-child) [class*="sitewidget-graphic"]:hover {
		box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	}
}

/* ── Typography overrides (after typography.css) — match industry body scale ─ */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd p,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd div,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd li,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphic"] .sitewidget-bd,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphic"] .sitewidget-bd p,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphic"] .sitewidget-bd div,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap [class*="sitewidget-graphic"] .sitewidget-bd span {
	color: var(--jcproto-text-body, #475569) !important;
	-webkit-text-fill-color: currentColor !important;
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	font-weight: 400 !important;
}

/* Beat typography.css layout-resource inline-size rules on knowledge articles */
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:17px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 17px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:16px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 16px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size:18px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span[style*="font-size: 18px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size:17px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size: 17px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size:16px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="font-size: 16px"],
body.jcproto-knowledge-article.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul li span {
	font-size: 1.0625rem !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .col-md-12 .sitewidget-text .sitewidget-bd > div:only-child strong,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .col-md-12 .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child strong,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text .sitewidget-bd > div:only-child strong,
body.jcproto-knowledge-hub .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-12 .sitewidget-text.sitewidget-olul-liststyle .sitewidget-bd > div:first-child strong {
	color: var(--jcproto-text, #0a0a0a) !important;
	-webkit-text-fill-color: currentColor !important;
	font-family: var(--jcproto-font-display, inherit) !important;
	font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .outerContainer > .container > .row > .col-md-5 .sitewidget-text .sitewidget-bd strong {
	color: var(--jcproto-text, #0a0a0a) !important;
	-webkit-text-fill-color: currentColor !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="#777777"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="color:#777"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="color: #777"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="#555555"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="color:#555"],
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .sitewidget-bd [style*="color: #555"] {
	color: var(--jcproto-text-body, #475569) !important;
	-webkit-text-fill-color: currentColor !important;
}

body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title:hover a,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap .bookmark18444 .title.is-open a {
	color: var(--jcproto-primary, #0a0a0a) !important;
	-webkit-text-fill-color: currentColor !important;
}

/* ── KB hub landing — 1380px content + full-bleed bands (beat single-post 920px cap) ── */
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-article.jcproto-article--single,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-article--legacy,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-single-template__main,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-article__content,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea [id^="column_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea [id^="location_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea .backstage-stwidgets-settingwrap,
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
	overflow-x: visible !important;
}

body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer),
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj,
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer),
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap {
	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;
	box-sizing: border-box !important;
	overflow-x: clip;
}

body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container-opened,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap .siteblocks-container,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj .siteblocks-container,
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(.jcproto-empty-spacer) > .container {
	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;
}

body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--gray,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj.jcproto-knowledge-band--gray {
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
}

body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--white,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body .jcproto-legacy-body-wrap #backstage-bodyArea > #siteblocks-setting-wrap-qrKZLayWtYnj.jcproto-knowledge-band--white {
	background-color: #fff !important;
}

/* KB hub — beat single-post 920px row/column cap inside 1380px bands */
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container > .row,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container-opened > .row,
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container > .row,
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container-opened > .row,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) [id^="column_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) [id^="location_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body.single-post .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) .backstage-stwidgets-settingwrap,
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) [id^="column_"],
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) [id^="location_"],
body.single-post.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body article.jcproto-article--legacy .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) .backstage-stwidgets-settingwrap {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
}

/* KB hub legacy pages (What-is-*) — same 1380px row width as single-post hub */
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container > .row,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container-opened > .row,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) [id^="column_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) [id^="location_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) .backstage-stwidgets-settingwrap,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap .siteblocks-container > .row,
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap [id^="column_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap [id^="location_"],
body.jcproto-knowledge-article.jcproto-knowledge-hub.jcproto-has-legacy-body:not(.single-post) .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap .backstage-stwidgets-settingwrap {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
}

/* Topic bands + quote CTA — full-bleed without 100vw scrollbar gutters */
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--gray:not(.jcproto-inner-hero),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-knowledge-band--white:not(.jcproto-inner-hero),
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-empty-spacer.jcproto-knowledge-band--gray,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-empty-spacer.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--gray,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap.jcproto-knowledge-band--white,
body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878 {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	overflow-x: visible;
}

/* ── Legacy articleDetail pages (e.g. additive-manufacturing-quotes) ── */
body.jcproto-knowledge-article.jcproto-legacy-article-detail {
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail.jcproto-has-legacy-body:not(.home) .jcproto-page-shell,
body.jcproto-knowledge-article.jcproto-legacy-article-detail.jcproto-has-legacy-body #jcproto-main {
	background: transparent !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .keyword_box,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .keyword_list {
	display: none !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail.jcproto-has-legacy-body .jcproto-page-shell > .container,
body.jcproto-knowledge-article.jcproto-legacy-article-detail.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-article--page,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-article__content {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail),
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background-color: var(--jcproto-section-gray, #f7f7f5) !important;
	padding-top: clamp(1.5rem, 3vw, 2.5rem) !important;
	padding-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
	box-sizing: border-box !important;
	overflow-x: visible;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail) > .container,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) > .container,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail) > .container-opened,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) > .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;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail) > .container > .row,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) > .container > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail) .col-md-9,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) .col-md-9 {
	flex: 1 1 0;
	width: auto !important;
	max-width: calc(100% - 280px) !important;
	min-width: 0;
	padding-right: clamp(1rem, 2vw, 2rem) !important;
	box-sizing: border-box !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail) .col-md-3,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) .col-md-3 {
	flex: 0 0 260px;
	width: 260px !important;
	max-width: 260px !important;
	box-sizing: border-box !important;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap .sitewidget-articledetail,
body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap .sitewidget-articleDetail {
	background: #fff;
	border: 1px solid var(--jcproto-border, #e8e8e8);
	border-radius: 12px;
	padding: clamp(1.25rem, 2.5vw, 2rem);
	box-sizing: border-box;
}

body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap .articledetail-title h1 {
	text-align: left !important;
}

@media (max-width: 991px) {
	body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail) .col-md-9,
	body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) .col-md-9,
	body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articledetail) .col-md-3,
	body.jcproto-knowledge-article.jcproto-legacy-article-detail .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.sitewidget-articleDetail) .col-md-3 {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-right: 0 !important;
	}
}

/*
 * FINAL: full-bleed section backgrounds + centered content (CNC pattern).
 * Avoid 100vw breakout (scrollbar gutters). Unwrap page-shell; bands = width 100%.
 */
html body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container,
html body.jcproto-knowledge-article.jcproto-has-legacy-body .jcproto-page-shell > .container {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

html body.jcproto-knowledge-article .jcproto-legacy-body-wrap,
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea,
html body.jcproto-knowledge-article .jcproto-article__content,
html body.jcproto-knowledge-article .jcproto-article--page {
	width: 100% !important;
	max-width: none !important;
	overflow-x: visible !important;
}

html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero),
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	overflow-x: visible !important;
}

html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container,
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container-opened,
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap .siteblocks-container,
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea .container,
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea .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;
}

/* Quote / dark CTA band also full-bleed */
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-dark-band,
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:has(.qin18464),
html body.jcproto-knowledge-article .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878 {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}