/*
 * Alamo Ad Valorem onboarding. Every rule is scoped to .aav-onb; nothing here touches the host theme.
 *
 * Skins (set by [aav_onboarding skin="..."]):
 *   site  (default): matches the current alamoadvalorem.com theme (navy #282E3F, gold #B1976B, Poppins/Roboto).
 *   brand: the 2026 brand kit (carbon/ivory, slate, tan, Source Serif 4/Inter) for the redesign.
 * Only the token blocks differ; components read tokens. Sizes are px so a theme's root font size can't shrink them.
 * All text/background pairs are WCAG AA (ratios noted per token).
 */

/* ---------- Tokens ---------- */

.aav-onb {
	--aav-band: #282e3f;          /* header band (site navy) */
	--aav-band-text: #ffffff;     /* 13.5:1 on band */
	--aav-band-muted: #c9ccd4;    /* 8.4:1 on band */
	--aav-band-accent: #b1976b;   /* 4.84:1 on band */
	--aav-band-line: rgba(255, 255, 255, 0.16);
	--aav-surface: #ffffff;
	--aav-surface-alt: #f7f4ee;   /* notices, summary, document */
	--aav-heading: #1c1b1b;       /* 17.2:1 on white */
	--aav-text: #363636;          /* 12.1:1 */
	--aav-muted: #5c5f66;         /* 6.4:1 on white, 5.8:1 on alt */
	--aav-accent: #b1976b;        /* fills and rules only; never text on white */
	--aav-accent-text: #7a6337;   /* 5.7:1 on white, 5.2:1 on alt */
	--aav-on-accent: #282e3f;     /* 4.84:1 on accent */
	--aav-strong: #282e3f;        /* hover fill, 13.5:1 with white */
	--aav-line: #e4e1da;          /* decorative dividers */
	--aav-control: #767b85;       /* control borders, 4.25:1 on white */
	--aav-error: #a12622;         /* 7.5:1 on white */
	--aav-focus: #282e3f;
	--aav-band-focus: #b1976b;
	--aav-disabled-bg: #ece9e3;
	--aav-disabled-text: #4a4d55; /* 7.0:1 on disabled bg */
	--aav-radius: 3px;
	--aav-font-heading: Poppins, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--aav-font-body: Roboto, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--aav-font-label: var(--aav-font-heading); /* eyebrows, buttons, table heads */
	--aav-heading-weight: 600;
	--aav-button-case: uppercase;
	--aav-pad: 40px;
}

.aav-onb[data-skin="brand"] {
	--aav-band: #14191c;
	--aav-band-text: #f8f5ef;
	--aav-band-muted: #9c9891;
	--aav-band-accent: #b1976b;
	--aav-band-line: #333a3b;
	--aav-surface: #efebe3;
	--aav-surface-alt: #f8f5ef;
	--aav-heading: #0f1315;
	--aav-text: #0f1315;
	--aav-muted: #3e403e;
	--aav-accent: #6e5a34;
	--aav-accent-text: #6e5a34;
	--aav-on-accent: #efebe3;
	--aav-strong: #0f1315;
	--aav-line: #c9c4b9;
	--aav-control: #3e403e;
	--aav-focus: #6e5a34;
	--aav-disabled-bg: #e3ded4;
	--aav-disabled-text: #3e403e;
	--aav-radius: 0;
	--aav-font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;
	--aav-font-body: Inter, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--aav-font-label: var(--aav-font-body);
	--aav-heading-weight: 400;
	--aav-button-case: none;
}

/* ---------- Root and scoped reset (neutralizes theme element rules) ---------- */

.aav-onb {
	container: aav-onb / inline-size; /* Layout follows the theme's content column, not the viewport. */
	margin: 0 0 32px;
	border: 1px solid var(--aav-line);
	background: var(--aav-surface);
	color: var(--aav-text);
	font-family: var(--aav-font-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
	-webkit-font-smoothing: antialiased;
}

.aav-onb *,
.aav-onb *::before,
.aav-onb *::after { box-sizing: border-box; }

.aav-onb h2,
.aav-onb h3,
.aav-onb h4 {
	clear: none;
	margin: 0;
	padding: 0;
	color: var(--aav-heading);
	font-family: var(--aav-font-heading);
	font-weight: var(--aav-heading-weight);
	letter-spacing: 0;
	text-transform: none;
}

.aav-onb p,
.aav-onb ul,
.aav-onb ol,
.aav-onb dl,
.aav-onb dd,
.aav-onb fieldset,
.aav-onb legend,
.aav-onb form,
.aav-onb table { margin: 0; padding: 0; }

.aav-onb p { color: inherit; font-size: 16px; line-height: 1.6; }
.aav-onb ul,
.aav-onb ol { list-style: none; }
.aav-onb li { margin: 0; padding: 0; }
.aav-onb dt { padding: 0; font-weight: 400; }
.aav-onb fieldset { min-width: 0; border: 0; }
.aav-onb legend { display: block; width: auto; border: 0; color: inherit; font-size: 15px; line-height: 1.4; }
.aav-onb label { display: block; margin: 0; }
.aav-onb small { font-size: 14px; font-weight: 400; }
.aav-onb strong { font-weight: 600; }
.aav-onb table { border-collapse: collapse; border-spacing: 0; }
.aav-onb th,
.aav-onb td { border: 0; }

.aav-onb button {
	margin: 0;
	box-shadow: none;
	font-family: var(--aav-font-body);
	letter-spacing: 0;
	text-shadow: none;
	transition: background-color 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out;
}

.aav-onb :focus-visible { outline: 2px solid var(--aav-focus); outline-offset: 2px; }
.aav-onb .aav-onb__head :focus-visible { outline-color: var(--aav-band-focus); }

.aav-onb .sr-only {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---------- Header band ---------- */

.aav-onb .aav-onb__head {
	padding: 36px var(--aav-pad) 0;
	background: var(--aav-band);
	color: var(--aav-band-text);
}

.aav-onb .aav-onb__eyebrow {
	margin: 0 0 10px;
	color: var(--aav-accent-text);
	font-family: var(--aav-font-label);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.aav-onb .aav-onb__head .aav-onb__eyebrow { color: var(--aav-band-accent); }

.aav-onb .aav-onb__title {
	margin: 0 0 10px;
	color: var(--aav-band-text);
	font-size: 32px;
	line-height: 1.2;
}

.aav-onb .aav-onb__lead { max-width: 62ch; margin: 0; color: var(--aav-band-muted); font-size: 16px; }

.aav-onb .aav-onb__demo {
	margin: 24px 0 0;
	padding: 14px 16px;
	border: 1px solid var(--aav-band-accent);
	border-radius: var(--aav-radius);
}
.aav-onb .aav-onb__demo-text { color: var(--aav-band-text); font-size: 15px; line-height: 1.5; }
.aav-onb .aav-onb__demo-label {
	margin-right: 4px;
	color: var(--aav-band-accent);
	font-family: var(--aav-font-label);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.aav-onb .aav-onb__scenarios { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.aav-onb .aav-onb__scenarios-label { margin-right: 4px; color: var(--aav-band-muted); font-size: 14px; }

.aav-onb .aav-onb__chip {
	min-height: 36px;
	padding: 6px 12px;
	border: 1px solid var(--aav-band-accent);
	border-radius: var(--aav-radius);
	background: transparent;
	color: var(--aav-band-text);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	text-transform: none;
	cursor: pointer;
}
.aav-onb .aav-onb__chip:hover { background: rgba(177, 151, 107, 0.18); color: var(--aav-band-text); }
.aav-onb .aav-onb__chip[aria-pressed="true"] { background: var(--aav-band-accent); color: var(--aav-band); font-weight: 500; }

/* Progress */
.aav-onb .aav-onb__steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 28px 0 0;
	border-top: 1px solid var(--aav-band-line);
}
.aav-onb .aav-onb__steps li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 8px 14px 0;
	border-bottom: 3px solid transparent;
	color: var(--aav-band-muted);
	font-size: 15px;
	line-height: 1.3;
}
.aav-onb .aav-onb__steps li[data-state="current"] { border-bottom-color: var(--aav-band-accent); color: var(--aav-band-text); font-weight: 500; }
.aav-onb .aav-onb__steps li[data-state="done"] { color: var(--aav-band-text); }
.aav-onb .aav-onb__step-num {
	display: inline-flex;
	flex: 0 0 26px;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 1px solid var(--aav-band-muted);
	border-radius: 50%;
	font-size: 13px;
	font-weight: 500;
}
.aav-onb .aav-onb__steps li[data-state="current"] .aav-onb__step-num { border-color: var(--aav-band-accent); background: var(--aav-band-accent); color: var(--aav-band); }
.aav-onb .aav-onb__steps li[data-state="done"] .aav-onb__step-num { border-color: var(--aav-band-accent); color: var(--aav-band-accent); }

/* ---------- Body ---------- */

.aav-onb .aav-onb__body { padding: 32px var(--aav-pad) 40px; }
.aav-onb .aav-onb__body--rail { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 36px; }
.aav-onb .aav-onb__panel { min-width: 0; }

.aav-onb .aav-onb__panel h2 { margin: 0 0 6px; font-size: 26px; line-height: 1.25; }
.aav-onb .aav-onb__panel > p { max-width: 70ch; margin: 0 0 20px; color: var(--aav-muted); }
.aav-onb .muted { color: var(--aav-muted); }

.aav-onb .aav-onb__group { padding: 22px 0 4px; border-top: 1px solid var(--aav-line); }
.aav-onb .aav-onb__group h3,
.aav-onb .aav-onb__summary h3 { margin: 0 0 14px; font-size: 19px; line-height: 1.3; }

/* Fields */
.aav-onb .aav-onb__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.aav-onb .aav-onb__row--3 { grid-template-columns: minmax(0, 2fr) minmax(0, 0.7fr) minmax(0, 1fr); }
.aav-onb .aav-onb__row--street { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }

.aav-onb .aav-onb__field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0 0 18px; }
.aav-onb .aav-onb__field > label,
.aav-onb .aav-onb__field > legend { color: var(--aav-heading); font-size: 15px; font-weight: 500; line-height: 1.4; }
.aav-onb .aav-onb__field small { color: var(--aav-muted); font-size: 14px; line-height: 1.45; }

.aav-onb input[type="text"],
.aav-onb input[type="email"],
.aav-onb input[type="tel"],
.aav-onb input[type="search"],
.aav-onb select {
	width: 100%;
	max-width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--aav-control);
	border-radius: var(--aav-radius);
	background-color: #ffffff;
	box-shadow: none;
	color: var(--aav-heading);
	font-family: var(--aav-font-body);
	font-size: 16px; /* 16px stops iOS zooming on focus */
	line-height: 1.4;
	opacity: 1;
	-webkit-appearance: none;
	appearance: none;
}
.aav-onb select {
	padding-right: 36px;
	background-image: linear-gradient(45deg, transparent 50%, var(--aav-heading) 50%), linear-gradient(135deg, var(--aav-heading) 50%, transparent 50%);
	background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	cursor: pointer;
}
.aav-onb input:focus,
.aav-onb select:focus { border-color: var(--aav-focus); outline: 2px solid var(--aav-focus); outline-offset: 0; }
.aav-onb input::placeholder { color: var(--aav-muted); opacity: 1; }
.aav-onb [aria-invalid="true"] { border: 2px solid var(--aav-error); }
.aav-onb .aav-onb__field-error { color: var(--aav-error); font-size: 14px; font-weight: 500; line-height: 1.4; }

/* Radio choices */
.aav-onb .aav-onb__choice { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.aav-onb .aav-onb__choice legend { width: 100%; margin: 0 0 8px; color: var(--aav-heading); font-size: 15px; font-weight: 500; }
.aav-onb .aav-onb__choice label {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 16px;
	border: 1px solid var(--aav-control);
	border-radius: var(--aav-radius);
	background: #ffffff;
	color: var(--aav-heading);
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
}
.aav-onb .aav-onb__choice input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--aav-strong);
	vertical-align: middle;
}
.aav-onb .aav-onb__choice label:has(input:checked) { border: 2px solid var(--aav-strong); padding: 0 15px; background: var(--aav-surface-alt); font-weight: 500; }

/* Buttons */
.aav-onb .aav-onb__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 24px;
	border: 2px solid var(--aav-accent);
	border-radius: var(--aav-radius);
	background: var(--aav-accent);
	color: var(--aav-on-accent);
	font-family: var(--aav-font-label);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.5px;
	text-align: center;
	text-transform: var(--aav-button-case);
	cursor: pointer;
}
.aav-onb .aav-onb__btn::after { content: "→"; font-family: var(--aav-font-body); }
.aav-onb .aav-onb__btn:hover:not(:disabled) { border-color: var(--aav-strong); background: var(--aav-strong); color: #ffffff; }
.aav-onb .aav-onb__btn--secondary { border-color: var(--aav-strong); background: #ffffff; color: var(--aav-strong); }
.aav-onb .aav-onb__btn--secondary::after { content: "+"; }
.aav-onb .aav-onb__btn:disabled {
	border-color: var(--aav-disabled-bg);
	background: var(--aav-disabled-bg);
	color: var(--aav-disabled-text);
	cursor: not-allowed;
}
.aav-onb .aav-onb__btn:disabled::after { content: none; }

.aav-onb .aav-onb__link {
	min-height: 44px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--aav-accent-text);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 3px;
	text-transform: none;
	cursor: pointer;
}
.aav-onb .aav-onb__link:hover { background: none; color: var(--aav-strong); text-decoration-color: currentColor; }

.aav-onb .aav-onb__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--aav-line);
}
.aav-onb .aav-onb__actions .muted { font-size: 14px; }

/* Search */
.aav-onb .aav-onb__search { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto; gap: 0 12px; align-items: end; }
.aav-onb .aav-onb__search .aav-onb__btn { margin-bottom: 18px; }
.aav-onb .aav-onb__group > p.muted { margin: 0 0 12px; font-size: 14px; }

/* Records */
.aav-onb .aav-onb__record {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px 16px;
	align-items: start;
	padding: 16px 0;
	border-top: 1px solid var(--aav-line);
}
.aav-onb .aav-onb__record:last-child { border-bottom: 1px solid var(--aav-line); }
.aav-onb .aav-onb__record-title { margin: 0; color: var(--aav-heading); font-weight: 500; overflow-wrap: anywhere; }
.aav-onb .aav-onb__record-meta { margin: 2px 0 0; color: var(--aav-muted); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.aav-onb .aav-onb__record-body { grid-column: 1 / -1; }

.aav-onb .aav-onb__tag {
	display: inline-block;
	margin: 0 6px 2px 0;
	padding: 1px 8px;
	border: 1px solid var(--aav-control);
	border-radius: var(--aav-radius);
	color: var(--aav-text);
	font-size: 13px;
	line-height: 1.5;
	white-space: nowrap;
	vertical-align: 1px;
}
.aav-onb .aav-onb__tag--demo {
	border-color: var(--aav-band);
	background: var(--aav-band);
	padding: 2px 8px;
	color: var(--aav-band-accent);
	font-family: var(--aav-font-label);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

/* Notices */
.aav-onb .aav-onb__notice {
	margin: 12px 0;
	padding: 12px 16px;
	border-left: 4px solid var(--aav-accent);
	background: var(--aav-surface-alt);
	color: var(--aav-text);
}
.aav-onb .aav-onb__notice strong { color: var(--aav-heading); font-weight: 600; }
.aav-onb .aav-onb__notice p { margin: 4px 0 0; color: var(--aav-text); font-size: 15px; }
.aav-onb .aav-onb__notice--quiet { border-left-color: var(--aav-control); }
.aav-onb .aav-onb__notice--error { border-left-color: var(--aav-error); }
.aav-onb .aav-onb__notice--error strong { color: var(--aav-error); }
.aav-onb .aav-onb__provisional { max-width: 420px; margin-top: 12px; }

/* Tables */
.aav-onb .aav-onb__table-wrap { margin: 8px 0 16px; overflow-x: auto; }
.aav-onb .aav-onb__table { width: 100%; font-size: 15px; }
.aav-onb .aav-onb__table th,
.aav-onb .aav-onb__table td {
	padding: 12px 12px 12px 0;
	border: 0;
	border-bottom: 1px solid var(--aav-line);
	background: none;
	color: var(--aav-text);
	text-align: left;
	vertical-align: top;
}
.aav-onb .aav-onb__table th {
	color: var(--aav-muted);
	font-family: var(--aav-font-label);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}
.aav-onb .aav-onb__table .aav-onb__tag--demo { display: block; width: fit-content; margin: 0 0 6px; }
.aav-onb .aav-onb__table td.rate { color: var(--aav-heading); font-family: var(--aav-font-heading); font-size: 18px; font-weight: 600; white-space: nowrap; }
.aav-onb .aav-onb__table tr[aria-current="true"] td { background: var(--aav-surface-alt); color: var(--aav-heading); font-weight: 600; }
.aav-onb .aav-onb__table tr[aria-current="true"] td:first-child { box-shadow: inset 4px 0 0 var(--aav-accent); }
.aav-onb .aav-onb__table tr td:first-child,
.aav-onb .aav-onb__table tr th:first-child { padding-left: 12px; }

/* Agreement document preview */
.aav-onb .aav-onb__doc { margin-top: 8px; padding: 28px; border: 1px solid var(--aav-line); background: var(--aav-surface-alt); }
.aav-onb .aav-onb__doc h3 { margin: 0 0 6px; font-size: 22px; line-height: 1.3; }
.aav-onb .aav-onb__doc > p.muted { margin: 0 0 8px; }
.aav-onb .aav-onb__doc-eyebrow { display: inline-block; margin-bottom: 14px; padding: 3px 10px; background: var(--aav-band); color: var(--aav-band-accent); font-size: 12px; }
.aav-onb .aav-onb__doc .aav-onb__table td { background: none; }
.aav-onb .aav-onb__slot { padding: 16px 0; border-top: 1px solid var(--aav-line); }
.aav-onb .aav-onb__slot h4 { margin: 0 0 4px; font-size: 16px; line-height: 1.4; }
.aav-onb .aav-onb__slot p { color: var(--aav-muted); font-size: 15px; }
.aav-onb .aav-onb__slot ul { margin: 6px 0 8px; }
.aav-onb .aav-onb__slot li { position: relative; padding-left: 16px; color: var(--aav-text); font-size: 15px; }
.aav-onb .aav-onb__slot li::before { content: ""; position: absolute; top: 0.7em; left: 2px; width: 6px; height: 6px; background: var(--aav-accent); }
.aav-onb #aav-enroll-reason { margin-top: 10px; font-size: 14px; }

/* Summary rail */
.aav-onb .aav-onb__summary {
	position: sticky;
	top: 110px; /* below the theme's sticky header */
	align-self: start;
	padding: 20px;
	border-top: 3px solid var(--aav-accent);
	background: var(--aav-surface-alt);
}
.aav-onb .aav-onb__summary dl { margin: 0 0 12px; }
.aav-onb .aav-onb__summary dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--aav-line); }
.aav-onb .aav-onb__summary dt { color: var(--aav-muted); font-size: 15px; }
.aav-onb .aav-onb__summary dd { margin: 0; color: var(--aav-heading); font-size: 15px; font-weight: 600; text-align: right; }
.aav-onb .aav-onb__summary p { margin: 0 0 8px; color: var(--aav-muted); font-size: 14px; line-height: 1.5; }
.aav-onb .aav-onb__status { min-height: 0; font-size: 14px; }
.aav-onb .aav-onb__noscript { padding: 24px var(--aav-pad); }

/* ---------- Container-width layouts ---------- */

@container aav-onb (max-width: 820px) {
	.aav-onb .aav-onb__body--rail { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.aav-onb .aav-onb__summary { position: static; order: -1; padding: 14px 16px; }
	.aav-onb .aav-onb__summary h3 { margin-bottom: 6px; font-size: 16px; }
	.aav-onb .aav-onb__summary dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 12px; margin-bottom: 8px; }
	.aav-onb .aav-onb__summary dl div { flex-direction: column; gap: 0; border-bottom: 0; padding: 4px 0; }
	.aav-onb .aav-onb__summary dd { text-align: left; }
}

@container aav-onb (max-width: 640px) {
	.aav-onb .aav-onb__head,
	.aav-onb .aav-onb__body { --aav-pad: 20px; }
	.aav-onb .aav-onb__head { padding-top: 24px; }
	.aav-onb .aav-onb__title { font-size: 26px; }
	.aav-onb .aav-onb__panel h2 { font-size: 22px; }
	.aav-onb .aav-onb__row,
	.aav-onb .aav-onb__row--street,
	.aav-onb .aav-onb__search { grid-template-columns: minmax(0, 1fr); }
	.aav-onb .aav-onb__row--3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.aav-onb .aav-onb__row--3 > :first-child { grid-column: 1 / -1; }
	.aav-onb .aav-onb__choice label { flex: 1 1 100%; }
	.aav-onb .aav-onb__scenarios { gap: 6px; }
	.aav-onb .aav-onb__scenarios-label { flex: 1 1 100%; }
	.aav-onb .aav-onb__chip { min-height: 36px; padding: 5px 10px; font-size: 13px; }
	.aav-onb .aav-onb__steps li { flex-direction: column; align-items: flex-start; gap: 6px; font-size: 13px; }
	.aav-onb .aav-onb__step-label { display: none; }
	.aav-onb .aav-onb__steps li[data-state="current"] .aav-onb__step-label { display: block; }
	.aav-onb .aav-onb__summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aav-onb .aav-onb__record { grid-template-columns: minmax(0, 1fr); }
	.aav-onb .aav-onb__record > .aav-onb__btn { justify-self: start; }
	.aav-onb .aav-onb__actions { flex-direction: column-reverse; align-items: stretch; }
	.aav-onb .aav-onb__actions .aav-onb__btn { width: 100%; }
	.aav-onb .aav-onb__doc { padding: 18px 16px; }
	/* Rate schedule as stacked rows: no sideways scrolling on phones. */
	.aav-onb .aav-onb__table--schedule thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.aav-onb .aav-onb__table--schedule tr { display: block; padding: 12px 0; border-bottom: 1px solid var(--aav-line); }
	.aav-onb .aav-onb__table--schedule td { display: flex; justify-content: space-between; gap: 16px; padding: 3px 0; border: 0; text-align: right; }
	.aav-onb .aav-onb__table--schedule tr td:first-child { display: block; padding: 0 0 6px; text-align: left; }
	.aav-onb .aav-onb__table--schedule td::before { content: attr(data-label); color: var(--aav-muted); font-family: var(--aav-font-body); font-size: 14px; font-weight: 400; text-align: left; }
	.aav-onb .aav-onb__table--schedule td:first-child::before { content: none; }
}

@media (prefers-reduced-motion: reduce) {
	.aav-onb *,
	.aav-onb *::after { transition: none !important; }
}