

html, body { max-width: 100%; overflow-x: clip; }


/* Media and embeds never exceed their container. */
img, svg, video, canvas, iframe, embed, object, figure, picture { max-width: 100%; }
img, video, canvas { height: auto; }
pre, code, kbd, samp { overflow-x: auto; max-width: 100%; }


picture { display: block; height: 100%; }


h1, h2, h3, h4, h5, h6,
[class*="lockup"], [class*="display"], [class*="headline"], [class*="title"],
[class*="hero"] h1, [class*="hero"] h2 {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: manual;
}
[class*="lockup"], [class*="lockup"] > * { white-space: normal !important; }


h1, h2, h3 { text-wrap: balance; }
td, th, time, output, data,
[class*="price"], [class*="cost"], [class*="rate"], [class*="amount"],
[class*="figure"], [class*="stat"], [class*="number"], [class*="count"] { font-variant-numeric: lining-nums tabular-nums; }


p, li, dd, dt, blockquote, figcaption, address, a, span, td, th,
div, strong, b, em, i, small, label, output, time, cite, abbr, code, summary,
h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }


/* Grid and flex children may shrink below their content so a single wide
	child cannot force the whole track past the viewport. */
[class*="grid"] > *, [class*="row"] > *, [class*="flex"] > *,
[class*="cols"] > *, [class*="columns"] > * { min-width: 0; }


:not(img):not(picture):not(svg):not(video):not(canvas):only-child { grid-column: 1 / -1; }


@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; }
@media (prefers-reduced-motion: reduce) {
	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) { animation: none !important; }
}


.gobo481 {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	container-type: inline-size;
}
.gobo481 > table { width: 100%; }
@media (max-width: 48rem) {
	.gobo481 > table { font-size: .94em; }
}
.gobo481 > table,
.gobo481 > table > thead, .gobo481 > table > tbody,
.gobo481 > table > tfoot, .gobo481 > table tr,
.gobo481 > table th, .gobo481 > table td { display: revert; }
.gobo481 > table th, .gobo481 > table td {
	inline-size: auto;
	min-inline-size: 0;
}



@media (max-width: 30rem) {
	:root {
		--lado-43a: clamp(2.2rem, 9vw, 3rem);
		--lado-071: clamp(2rem, 8vw, 2.7rem);
		--lado-06a: clamp(1.8rem, 7vw, 2.4rem);
		--lado-c73: clamp(1.55rem, 6vw, 2.05rem);
		--lado-785: clamp(1.35rem, 5vw, 1.8rem);
	}
}
@media (min-width: 30.01rem) and (max-width: 48rem) {
	:root {
		--lado-43a: clamp(2.8rem, 8vw, 4.6rem);
		--lado-071: clamp(2.5rem, 7vw, 4rem);
		--lado-06a: clamp(2.2rem, 6vw, 3.4rem);
	}
}


/* Touch targets stay usable. */
@media (pointer: coarse) {
	a.btn, button, [role="button"], .btn,
	input[type="submit"], input[type="button"] { min-height: 44px; }
}


a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible,
[tabindex]:focus-visible, [role="button"]:focus-visible {
	outline: 2px solid var(--focus-ring, currentColor);
	outline-offset: 3px;
}


html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
textarea, button, [type="submit"], [type="button"] {
	-webkit-appearance: none;
	appearance: none;
}


@media (pointer: coarse) and (max-width: 767px) {
	input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
	select, textarea { font-size: max(16px, 1em) !important; }
}


@container (max-width: 26rem) {
	.gobo481.cano5e8.nuvue4f > table,
	.gobo481.cano5e8.nuvue4f > table > tbody,
	.gobo481.cano5e8.nuvue4f > table > tbody > tr,
	.gobo481.cano5e8.nuvue4f > table > tbody > tr > td,
	.gobo481.cano5e8.nuvue4f > table > tbody > tr > th {

		display: block;
		inline-size: auto;
		min-inline-size: 0 !important;
	}
	.gobo481.cano5e8.nuvue4f > table > thead { display: none; }
	.gobo481.cano5e8.nuvue4f > table > tbody > tr {
		margin-block-end: .75rem;
		padding: .2rem .25rem;
		border: 1px solid;
		border-color: color-mix(in srgb, currentColor 20%, transparent);
		border-radius: .5rem;
	}
	.gobo481.cano5e8.nuvue4f > table > tbody > tr > td {
		padding-block: .4rem;
		padding-inline: .7rem;
	}
	.gobo481.cano5e8.nuvue4f > table > tbody > tr > td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: .82em;
		font-weight: 600;
		letter-spacing: .02em;
		opacity: .68;
	}
	.gobo481.cano5e8.nuvue4f > table > tbody > tr > td:empty { display: none; }
}

@container (max-width: 35rem) {
	.gobo481.cano5e8.loro748 > table,
	.gobo481.cano5e8.loro748 > table > tbody,
	.gobo481.cano5e8.loro748 > table > tbody > tr,
	.gobo481.cano5e8.loro748 > table > tbody > tr > td,
	.gobo481.cano5e8.loro748 > table > tbody > tr > th {
		display: block;
		inline-size: auto;
		min-inline-size: 0 !important;
	}
	.gobo481.cano5e8.loro748 > table > thead { display: none; }
	.gobo481.cano5e8.loro748 > table > tbody > tr {
		margin-block-end: .75rem;
		padding: .2rem .25rem;
		border: 1px solid;
		border-color: color-mix(in srgb, currentColor 20%, transparent);
		border-radius: .5rem;
	}
	.gobo481.cano5e8.loro748 > table > tbody > tr > td {
		padding-block: .4rem;
		padding-inline: .7rem;
	}
	.gobo481.cano5e8.loro748 > table > tbody > tr > td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: .82em;
		font-weight: 600;
		letter-spacing: .02em;
		opacity: .68;
	}
	.gobo481.cano5e8.loro748 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 44rem) {
	.gobo481.cano5e8.tcols-5 > table,
	.gobo481.cano5e8.tcols-5 > table > tbody,
	.gobo481.cano5e8.tcols-5 > table > tbody > tr,
	.gobo481.cano5e8.tcols-5 > table > tbody > tr > td,
	.gobo481.cano5e8.tcols-5 > table > tbody > tr > th {
		display: block;
		inline-size: auto;
		min-inline-size: 0 !important;
	}
	.gobo481.cano5e8.tcols-5 > table > thead { display: none; }
	.gobo481.cano5e8.tcols-5 > table > tbody > tr {
		margin-block-end: .75rem;
		padding: .2rem .25rem;
		border: 1px solid;
		border-color: color-mix(in srgb, currentColor 20%, transparent);
		border-radius: .5rem;
	}
	.gobo481.cano5e8.tcols-5 > table > tbody > tr > td {
		padding-block: .4rem;
		padding-inline: .7rem;
	}
	.gobo481.cano5e8.tcols-5 > table > tbody > tr > td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: .82em;
		font-weight: 600;
		letter-spacing: .02em;
		opacity: .68;
	}
	.gobo481.cano5e8.tcols-5 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 52rem) {
	.gobo481.cano5e8.tcols-6 > table,
	.gobo481.cano5e8.tcols-6 > table > tbody,
	.gobo481.cano5e8.tcols-6 > table > tbody > tr,
	.gobo481.cano5e8.tcols-6 > table > tbody > tr > td,
	.gobo481.cano5e8.tcols-6 > table > tbody > tr > th {
		display: block;
		inline-size: auto;
		min-inline-size: 0 !important;
	}
	.gobo481.cano5e8.tcols-6 > table > thead { display: none; }
	.gobo481.cano5e8.tcols-6 > table > tbody > tr {
		margin-block-end: .75rem;
		padding: .2rem .25rem;
		border: 1px solid;
		border-color: color-mix(in srgb, currentColor 20%, transparent);
		border-radius: .5rem;
	}
	.gobo481.cano5e8.tcols-6 > table > tbody > tr > td {
		padding-block: .4rem;
		padding-inline: .7rem;
	}
	.gobo481.cano5e8.tcols-6 > table > tbody > tr > td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: .82em;
		font-weight: 600;
		letter-spacing: .02em;
		opacity: .68;
	}
	.gobo481.cano5e8.tcols-6 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 61rem) {
	.gobo481.cano5e8.tcols-7 > table,
	.gobo481.cano5e8.tcols-7 > table > tbody,
	.gobo481.cano5e8.tcols-7 > table > tbody > tr,
	.gobo481.cano5e8.tcols-7 > table > tbody > tr > td,
	.gobo481.cano5e8.tcols-7 > table > tbody > tr > th {
		display: block;
		inline-size: auto;
		min-inline-size: 0 !important;
	}
	.gobo481.cano5e8.tcols-7 > table > thead { display: none; }
	.gobo481.cano5e8.tcols-7 > table > tbody > tr {
		margin-block-end: .75rem;

		padding: .2rem .25rem;
		border: 1px solid;
		border-color: color-mix(in srgb, currentColor 20%, transparent);
		border-radius: .5rem;
	}
	.gobo481.cano5e8.tcols-7 > table > tbody > tr > td {
		padding-block: .4rem;
		padding-inline: .7rem;
	}
	.gobo481.cano5e8.tcols-7 > table > tbody > tr > td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: .82em;
		font-weight: 600;
		letter-spacing: .02em;
		opacity: .68;
	}
	.gobo481.cano5e8.tcols-7 > table > tbody > tr > td:empty { display: none; }
}



/* Consent — a corner card on a desk, a short bar on a phone, and late. */
@keyframes consent-arrive { from { opacity: 0; } }
.cookie-banner-docked {
	max-height: 30vh;
	overflow: auto;
	box-sizing: border-box;
	top: auto;
	bottom: 0;
}
html body .cookie-banner-docked.cookie-banner-docked { animation: consent-arrive .6s ease-out 1.8s backwards !important; }
@media (min-width: 48rem) {
	html body .cookie-banner-docked.cookie-banner-docked {
		position: fixed !important;
		top: auto !important;
		bottom: 1.25rem !important;
		left: 1.25rem !important;
		right: auto !important;
		width: min(380px, calc(100vw - 2.5rem)) !important;
		max-width: 380px !important;
		max-height: min(60vh, 30rem) !important;
		margin: 0 !important;
		padding: 1.1rem 1.25rem !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: .8rem !important;
	}
	.cookie-banner-docked > :where(div, form, section, nav):not([hidden]) {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: .8rem !important;
	}
	/* A `flex: 1 1 320px` written for a row is a 320px HEIGHT in a column. */
	.cookie-banner-docked > :not([hidden]),
	.cookie-banner-docked > :where(div, form, section, nav):not([hidden]) > :not([hidden]) {
		flex: 0 0 auto !important;
		min-width: 0;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}
	.cookie-banner-docked :where(div, p, nav, form, section) { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
	html body .cookie-banner-docked.cookie-banner-docked { animation-duration: .01s !important; }
}


/* MEASURED: flex rows that ran out of room and did not wrap */
/* out of room at 390px, fitted at 768px */
@media (max-width: 767px) { div.plate-meta { flex-wrap: wrap !important; } }


/* MEASURED: words found printed outside their own card */
a.glance-jump { white-space: normal !important; }


/* MEASURED: tables whose cells came out too narrow to read */
/* 4 columns measured unreadable in a 1206px box, where the threshold was 35rem */
@container (max-width: 1206px) {
	.gobo481.cano5e8.loro748 > table,
	.gobo481.cano5e8.loro748 > table > tbody,
	.gobo481.cano5e8.loro748 > table > tbody > tr,
	.gobo481.cano5e8.loro748 > table > tbody > tr > td,
	.gobo481.cano5e8.loro748 > table > tbody > tr > th {
		display: block;
		inline-size: auto;
		min-inline-size: 0 !important;
	}
	.gobo481.cano5e8.loro748 > table > thead { display: none; }
	.gobo481.cano5e8.loro748 > table > tbody > tr {
		margin-block-end: .75rem;
		padding: .2rem .25rem;
		border: 1px solid;
		border-color: color-mix(in srgb, currentColor 20%, transparent);
		border-radius: .5rem;
	}
	.gobo481.cano5e8.loro748 > table > tbody > tr > td {
		padding-block: .4rem;
		padding-inline: .7rem;
	}
	.gobo481.cano5e8.loro748 > table > tbody > tr > td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: .82em;
		font-weight: 600;
		letter-spacing: .02em;
		opacity: .68;
	}
	.gobo481.cano5e8.loro748 > table > tbody > tr > td:empty { display: none; }
}


/* column 1 measured at the width of its longest word, holding up to 31 characters */
table.glance-table tr > :nth-child(1) { min-width: 28ch !important; }
/* column 2 measured at the width of its longest word, holding up to 17 characters */
table.glance-table tr > :nth-child(2) { min-width: 17ch !important; }
/* column 3 measured at the width of its longest word, holding up to 37 characters */
table.glance-table tr > :nth-child(3) { min-width: 28ch !important; }
/* column 1 measured at the width of its longest word, holding up to 37 characters */
table.spec-table tr > :nth-child(1) { min-width: 28ch !important; }
table.spec-table tr > :nth-child(2) { min-width: 28ch !important; }
/* column 3 measured at the width of its longest word, holding up to 37 characters */
table.spec-table tr > :nth-child(3) { min-width: 28ch !important; }
/* column 4 measured at the width of its longest word, holding up to 34 characters */
table.spec-table tr > :nth-child(4) { min-width: 28ch !important; }


/* a.footer-link read again at 1920px with this, the widest screen measured */
div.footer-main-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; }
/* td read again at 1920px with this, the widest screen measured */
div.glance-table-wrapper { overflow-x: auto !important; }
/* td read again at 1920px with this, the widest screen measured */
table.glance-table { min-width: 1614px !important; }


/* MEASURED: controls that stood on, or against, other words */
/* button.chat-launcher-btn stood clear at 390px with this; left as designed from 768px */
@media (max-width: 767px) { body.cookie-banner-active div.chat-launcher-root { bottom: 216px !important; } }
/* a.condensed-contact-link stood clear at 320px with this; left as designed from 390px */
@media (max-width: 389px) { div.condensed-inner { column-gap: 12px !important; } }


/* measured 3.9:1 — rgb(47, 127, 138) on rgb(233, 237, 241), floor 4.5:1 */
span.quantity-unit { color: #2a717b !important; }
div.craft-story-cell div.spec-prop { color: #26666f !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
div.margin-note-card div.margin-note-heading { color: #26666f !important; }
/* measured 3.4:1 — rgb(47, 127, 138) on rgb(218, 222, 227), floor 4.5:1 */
section.at-a-glance-panel a.glance-jump { color: #26666f !important; }
section.at-a-glance-panel table.glance-table th { color: #26666f !important; }
table.glance-table th { color: #225c64 !important; }


/* MEASURED: display sizes that hold the longest word on one line */
@media (max-width: 389px) { div.lead-numeral-block span { font-size: clamp(36.9px, 11.53vw, 50px) !important; } }
/* span broke "$25–$1850" at 390px; 44.5px holds it */
@media (min-width: 390px) and (max-width: 767px) { div.lead-numeral-block span { font-size: clamp(44.5px, 11.41vw, 52px) !important; } }


/* MEASURED: running text held to a reading measure */
/* li ran 105 characters a line */
div.container li { max-width: 40.7em !important; }
/* p ran 86 characters a line */
div.container p { max-width: 33.3em !important; }
div.product-info-panel p { max-width: 34em !important; }
/* p.lead-paragraph ran 87 characters a line */
p.lead-paragraph { max-width: 34.2em !important; }
/* p ran 87 characters a line */
section.chip-legal-section p { max-width: 34.8em !important; }
