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; }

[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; }
}

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


@media (max-width: 30rem) {
	:root {
		--japa-28d:clamp(2.2rem, 9vw, 3rem);
		--japa-aa2:clamp(2rem, 8vw, 2.7rem);
		--japa-6fb:clamp(1.8rem, 7vw, 2.4rem);
		--japa-aef:clamp(1.55rem, 6vw, 2.05rem);
		--japa-890:clamp(1.35rem, 5vw, 1.8rem);
	}
}
@media (min-width: 30.01rem) and (max-width: 48rem) {
	:root {
		--japa-28d:clamp(2.8rem, 8vw, 4.6rem);
		--japa-aa2:clamp(2.5rem, 7vw, 4rem);

		--japa-6fb: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) {
	.jepo508.higace5.timof3a > table,
	.jepo508.higace5.timof3a > table > tbody,
	.jepo508.higace5.timof3a > table > tbody > tr,
	.jepo508.higace5.timof3a > table > tbody > tr > td,
	.jepo508.higace5.timof3a > table > tbody > tr > th {
		display:block;
		inline-size:auto;
		min-inline-size:0 !important;
	}
	.jepo508.higace5.timof3a > table > thead { display: none; }
	.jepo508.higace5.timof3a > 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;
	}
	.jepo508.higace5.timof3a > table > tbody > tr > td {
		padding-block:.4rem;
		padding-inline:.7rem;
	}
	.jepo508.higace5.timof3a > table > tbody > tr > td[data-label]::before {
		content:attr(data-label);
		display:block;
		font-size:.82em;
		font-weight:600;
		letter-spacing:.02em;
		opacity:.68;
	}
	.jepo508.higace5.timof3a > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 35rem) {
	.jepo508.higace5.foko113 > table,
	.jepo508.higace5.foko113 > table > tbody,
	.jepo508.higace5.foko113 > table > tbody > tr,
	.jepo508.higace5.foko113 > table > tbody > tr > td,
	.jepo508.higace5.foko113 > table > tbody > tr > th {
		display:block;
		inline-size:auto;
		min-inline-size:0 !important;
	}
	.jepo508.higace5.foko113 > table > thead { display: none; }
	.jepo508.higace5.foko113 > 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;
	}
	.jepo508.higace5.foko113 > table > tbody > tr > td {
		padding-block:.4rem;
		padding-inline:.7rem;
	}
	.jepo508.higace5.foko113 > table > tbody > tr > td[data-label]::before {
		content:attr(data-label);
		display:block;
		font-size:.82em;
		font-weight:600;
		letter-spacing:.02em;
		opacity:.68;
	}
	.jepo508.higace5.foko113 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 44rem) {
	.jepo508.higace5.rare11d > table,
	.jepo508.higace5.rare11d > table > tbody,
	.jepo508.higace5.rare11d > table > tbody > tr,
	.jepo508.higace5.rare11d > table > tbody > tr > td,
	.jepo508.higace5.rare11d > table > tbody > tr > th {
		display:block;
		inline-size:auto;
		min-inline-size:0 !important;
	}
	.jepo508.higace5.rare11d > table > thead { display: none; }
	.jepo508.higace5.rare11d > 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;
	}
	.jepo508.higace5.rare11d > table > tbody > tr > td {
		padding-block:.4rem;
		padding-inline:.7rem;
	}
	.jepo508.higace5.rare11d > table > tbody > tr > td[data-label]::before {
		content:attr(data-label);
		display:block;
		font-size:.82em;
		font-weight:600;
		letter-spacing:.02em;
		opacity:.68;
	}
	.jepo508.higace5.rare11d > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 52rem) {
	.jepo508.higace5.tcols-6 > table,
	.jepo508.higace5.tcols-6 > table > tbody,
	.jepo508.higace5.tcols-6 > table > tbody > tr,
	.jepo508.higace5.tcols-6 > table > tbody > tr > td,
	.jepo508.higace5.tcols-6 > table > tbody > tr > th {
		display:block;
		inline-size:auto;
		min-inline-size:0 !important;
	}
	.jepo508.higace5.tcols-6 > table > thead { display: none; }
	.jepo508.higace5.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;
	}
	.jepo508.higace5.tcols-6 > table > tbody > tr > td {
		padding-block:.4rem;
		padding-inline:.7rem;
	}
	.jepo508.higace5.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;
	}
	.jepo508.higace5.tcols-6 > table > tbody > tr > td:empty { display: none; }
}
@container (max-width: 61rem) {
	.jepo508.higace5.tcols-7 > table,
	.jepo508.higace5.tcols-7 > table > tbody,
	.jepo508.higace5.tcols-7 > table > tbody > tr,
	.jepo508.higace5.tcols-7 > table > tbody > tr > td,
	.jepo508.higace5.tcols-7 > table > tbody > tr > th {
		display:block;
		inline-size:auto;
		min-inline-size:0 !important;
	}
	.jepo508.higace5.tcols-7 > table > thead { display: none; }
	.jepo508.higace5.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;
	}
	.jepo508.higace5.tcols-7 > table > tbody > tr > td {
		padding-block:.4rem;
		padding-inline:.7rem;
	}
	.jepo508.higace5.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;
	}
	.jepo508.higace5.tcols-7 > table > tbody > tr > td:empty { display: none; }
}


@keyframes consent-arrive { from { opacity: 0; } }
.cookie-banner {
	max-height:30vh;
	overflow:auto;
	box-sizing:border-box;
	top:auto;
	bottom:0;
}
html body .cookie-banner.cookie-banner { animation:consent-arrive .6s ease-out 1.8s backwards !important; }
@media (min-width: 48rem) {
	html body .cookie-banner.cookie-banner {
		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 > :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 > :not([hidden]),
	.cookie-banner > :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 :where(div, p, nav, form, section) { flex-wrap:wrap; }
}
@media (prefers-reduced-motion: reduce) {
	html body .cookie-banner.cookie-banner { animation-duration: .01s !important; }
}

/* MEASURED: flex rows that ran out of room and did not wrap */
/* out of room at 1920px, the widest screen measured */
a.site-header__phone { flex-wrap: wrap !important; }
/* out of room at 320px, fitted at 390px */
@media (max-width: 389px) { div.card-service__footer { flex-wrap: wrap !important; } }
/* out of room at 1920px, the widest screen measured */
div.container.site-header__inner { flex-wrap: wrap !important; }

/* 4 columns measured unreadable in a 940px box, where the threshold was 35rem */
@container (max-width: 940px) {
	.jepo508.higace5.foko113 > table,
	.jepo508.higace5.foko113 > table > tbody,
	.jepo508.higace5.foko113 > table > tbody > tr,
	.jepo508.higace5.foko113 > table > tbody > tr > td,
	.jepo508.higace5.foko113 > table > tbody > tr > th {
		display:block;
		inline-size:auto;
		min-inline-size:0 !important;
	}
	.jepo508.higace5.foko113 > table > thead { display: none; }
	.jepo508.higace5.foko113 > 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;
	}
	.jepo508.higace5.foko113 > table > tbody > tr > td {
		padding-block:.4rem;
		padding-inline:.7rem;
	}
	.jepo508.higace5.foko113 > table > tbody > tr > td[data-label]::before {
		content:attr(data-label);
		display:block;
		font-size:.82em;
		font-weight:600;
		letter-spacing:.02em;
		opacity:.68;
	}
	.jepo508.higace5.foko113 > table > tbody > tr > td:empty { display: none; }
}

/* MEASURED: table columns starved by a neighbour full of prose */
/* column 1 measured at the width of its longest word, holding up to 9 characters */
table.clause-ledger__table tr > :nth-child(1) { min-width: 9ch !important; }
table.clause-ledger__table tr > :nth-child(2) { min-width: 28ch !important; }
/* column 3 measured at the width of its longest word, holding up to 22 characters */
table.clause-ledger__table tr > :nth-child(3) { min-width: 22ch !important; }
/* column 1 measured at the width of its longest word, holding up to 34 characters */
table.pricing-table tr > :nth-child(1) { min-width: 28ch !important; }
/* column 2 measured at the width of its longest word, holding up to 22 characters */
table.pricing-table tr > :nth-child(2) { min-width: 22ch !important; }
/* column 3 measured at the width of its longest word, holding up to 17 characters */
table.pricing-table tr > :nth-child(3) { min-width: 17ch !important; }
/* column 4 measured at the width of its longest word, holding up to 17 characters */
table.pricing-table tr > :nth-child(4) { min-width: 17ch !important; }
/* column 1 measured at the width of its longest word, holding up to 21 characters */
table.spec-table tr > :nth-child(1) { min-width: 21ch !important; }
table.spec-table tr > :nth-child(2) { min-width: 28ch !important; }

/* MEASURED: declarations the browser was shown to make squeezed copy read */
/* a.btn.btn-primary read again at 1024px with this; left as designed from 1440px */
@media (max-width: 1439px) { div.layout-offcenter { grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important; } }
/* td read again at 1024px with this; left as designed from 1440px */
@media (max-width: 1439px) { div.jepo508.higace5.rare11d { overflow-x: auto !important; } }
/* td read again at 1024px with this; left as designed from 1440px */
@media (max-width: 1439px) { table.spec-table { min-width: 1419px !important; } }
@media (max-width: 767px) { div.layout-offcenter { grid-template-columns: none !important; } }

/* MEASURED: controls that stood on, or against, other words */
/* button.chat-launcher.has-banner stood clear at 390px with this; left as designed from 768px */
@media (max-width: 767px) { button.chat-launcher.has-banner { bottom: 140px !important; } }

/* MEASURED: text that could not be read on its own background */
p.tag-badge.tag-badge--accent { color: #9c4925 !important; }
span.tag-badge.tag-badge--accent { color: #9c4925 !important; }
div.card-service div.card-service__price.tabular { color: #8c4121 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
div.clause-ledger td.clause-ledger__col-id { color: #8c4121 !important; }
div.ears-formula div.ears-formula__title { color: #8c4121 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
div.margin-note-card div.margin-note-card__tag { color: #8c4121 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
div.plate-box div.plate-box__tag { color: #8c4121 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
div.project-card span.project-card__id { color: #8c4121 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
div.project-card span.project-card__id.tabular { color: #8c4121 !important; }
div.tool-scope span.tool-range-val.tabular { color: #8c4121 !important; }
/* measured 3.7:1 — rgb(181, 84, 43) on rgb(232, 223, 208), floor 4.5:1 */
div.trace-node-card div.trace-node-card__id { color: #9c4925 !important; }
/* measured 3.7:1 — rgb(181, 84, 43) on rgb(232, 223, 208), floor 4.5:1 */
div.trace-node-card.is-active div.trace-node-card__id { color: #9c4925 !important; }
/* measured 3.7:1 — rgb(181, 84, 43) on rgb(232, 223, 208), floor 4.5:1 */
header.site-header a.nav-rail__link { color: #9c4925 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
span.hero-spec-chip span.hero-spec-chip__id { color: #8c4121 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
table.pricing-table td.pricing-table__rate { color: #8c4121 !important; }
/* measured 3.2:1 — rgb(181, 84, 43) on rgb(218, 208, 191), floor 4.5:1 */
table.pricing-table td.pricing-table__rate.tabular { color: #8c4121 !important; }

/* h1 broke "documentation" at 320px; 39.6px holds it */
@media (max-width: 389px) { div.container h1 { font-size: clamp(39.6px, 12.38vw, 41px) !important; } }

/* MEASURED: running text held to a reading measure */
div.margin-layout__main p { max-width: 31.6em !important; }
/* p ran 87 characters a line */
div.qa-answer.prose p { max-width: 31.6em !important; }
div.verb-prose p { max-width: 32em !important; }