/* ===================================================================================================================
   Page group: FINANCING AND MAX-ATLAS (S011; 14 §14.1, §15). Blocks: the theme's inc/finance-max-atlas.php. The
   estimator band reuses the home financing band's markup (sections.css, home-bands.css). Loaded on top of pages.css
   only where one of these prints (mainland_enqueue_pages_css( 'finance' )). Tokens only.
   =================================================================================================================== */

/* F1. (A band whose stylesheet loads without blocking skips its layout until it nears the screen: .mn-defer, theme.css.) */

/* F2. Shared looks: display titles, raised cards, small print. */
:is(.mn-fin-units__ask-title, .mn-fin-ask .mn-fin-ask__title, .mn-fin-says__value, .mn-fin-says__dealer > p, .mn-fin-way__title, .mn-fin-also__link, .mn-fin-check > h3) { color: var(--mn-text-strong); font-family: var(--wp--preset--font-family--display); font-weight: 800; line-height: 1.1; letter-spacing: var(--wp--custom--tracking--heading); }
:is(.mn-fin-way__title, .mn-fin-also__link, .mn-fin-check > h3) { font-size: 1.1875rem; font-weight: 700; letter-spacing: -0.015em; }
:is(.mn-fin-units__ask, .mn-fin-ask, .mn-fin-says) { background: var(--wp--preset--gradient--stage); color: var(--mn-text); }
:is(.mn-fin-also, .mn-fin-sheets__list, .mn-fin-check, .mn-fin-says, .mn-fin-ask, .mn-fin-way) { border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--lg); }
:is(.mn-fin-says, .mn-fin-ask, .mn-fin-way) { border-color: var(--mn-rule-2); }
:is(.mn-fin-credit, .mn-fin-sheets__build, .mn-fin-sheet__note, .mn-fin-says__source, .mn-fin-build__note) { max-inline-size: var(--mn-measure); margin: 0; color: var(--mn-text-muted); font-size: var(--wp--custom--font-size--micro); }
.mn-kit :is(.mn-fin-checklist, .mn-fin-checklist__head, .mn-fin-build, .mn-fin-build__copy, .mn-fin-check, .mn-fin-way, .mn-fin-ask, .mn-fin-also, .mn-fin-units__ask-copy, .mn-fin-sheet__text) > * { margin-block: 0; }
:is(.mn-fin-ask, .mn-fin-way):is(:hover, :focus-within) { border-color: rgba(var(--wp--custom--cyan-rgb), 0.45); }

/* F3. Units strip: the rail's cards; with fewer units than asked, a tile asks for the one you need, over a yard
   photo under a scrim, filling the rest of the row. */
.mn-fin-units__ask { position: relative; isolation: isolate; overflow: hidden; box-sizing: border-box; display: grid; align-content: end; gap: 18px; min-block-size: 16rem; padding: clamp(22px, 2.4vw, 28px); border-radius: var(--wp--custom--radius--md); box-shadow: var(--wp--preset--shadow--card); }
.mn-fin-units__ask-photo { z-index: -2; }
.mn-fin-units__ask--photo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(var(--wp--custom--ink-rgb), 0.15), rgba(var(--wp--custom--ink-rgb), 0.55) 45%, rgba(var(--wp--custom--ink-rgb), 0.92)); }
.mn-fin-units__ask-copy { display: grid; gap: 8px; }
.mn-fin-units__ask-title { font-size: var(--wp--preset--font-size--x-large); }
.mn-fin-units__ask .mn-btn { justify-self: start; }
@container mn-units (width >= 74.5rem) {
	.mn-rail[data-count="2"] > .mn-fin-units__ask { grid-column: span 3; }
	.mn-rail[data-count="3"] > .mn-fin-units__ask { grid-column: span 2; }
}
@container mn-units (55.5rem <= width < 74.5rem) {
	.mn-rail[data-count="2"] > .mn-fin-units__ask { grid-column: span 2; }
}

/* F4. The Max-Atlas range (sections.css .mn-model): four across from 1200 px, label pairs, chips on the plate; then
   the other units as a ruled list beside the ink card that asks for another build. */
@media (min-width: 600px) and (max-width: 1199px) {
	.mn-fin-range__grid:is([data-count="2"], [data-count="4"]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
	.mn-fin-range__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.mn-fin-range__grid:is([data-count="3"]) { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* a model page's other models */
	.mn-fin-range__grid .mn-model__body { padding: 20px 18px 16px 20px; }
}
.mn-fin-model { position: relative; }
.mn-fin-model .mn-model__body { flex: 1 0 auto; align-items: flex-start; }
.mn-model__size--word { white-space: normal; font-size: var(--wp--preset--font-size--x-large); line-height: 1.1; }
.mn-fin-model__facts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 14px 20px 18px; border-block-start: 1px solid var(--mn-rule); }
.mn-fin-model__facts > div { display: grid; gap: 6px; }
.mn-fin-model__facts dd { margin: 0; color: var(--mn-text-strong); font-size: var(--wp--custom--font-size--ui); font-weight: 600; font-variant-numeric: tabular-nums; }
.mn-fin-model__chips { position: absolute; z-index: 2; inset: 12px auto auto 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.mn-fin-chip { display: inline-flex; align-items: center; gap: 7px; block-size: 26px; padding: 0 10px; border-radius: var(--wp--custom--radius--xs); background: var(--wp--preset--color--ink-1); color: var(--wp--preset--color--white); font-size: var(--wp--custom--font-size--micro); font-weight: 600; }
.mn-fin-chip--led::before { content: ""; inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--wp--preset--color--led); box-shadow: 0 0 8px rgba(var(--wp--custom--led-rgb), 0.8); }
.mn-fin-range__more { display: grid; gap: 20px; margin-block-start: 20px; }
.mn-fin-also { display: grid; align-content: start; gap: 14px; padding: 22px 24px 8px; background: var(--mn-surface-raised); }
.mn-fin-also__item { position: relative; justify-content: space-between; }
.mn-fin-also__item:last-child { border-block-end: 0; }
.mn-fin-also__link { text-decoration: none; }
.mn-fin-also__chips { display: flex; gap: 6px; margin-inline-start: auto; }
.mn-fin-also__arrow { flex: none; color: var(--mn-link); }
.mn-fin-ask { position: relative; display: grid; align-content: end; justify-items: start; gap: 12px; padding: clamp(24px, 3vw, 32px); box-shadow: var(--wp--preset--shadow--card); }
.mn-fin-ask > p { max-inline-size: 40ch; line-height: var(--wp--custom--line-height--lede); }
.mn-fin-ask .mn-fin-ask__title { font-size: var(--wp--preset--font-size--xx-large); line-height: 1; }
.mn-fin-ask__icon { inline-size: 28px; block-size: 28px; color: var(--wp--preset--color--cyan-300); }
.mn-fin-ask > .mn-arrow-link,
.mn-fin-way > .mn-arrow-link { justify-self: start; min-block-size: var(--wp--custom--target--min); }
.mn-fin-credit { font-size: var(--wp--preset--font-size--small); }
@media (min-width: 960px) {
	.mn-fin-range__more[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* F5. About Max-Atlas: the attributed story beside an ink card with Max-Atlas's own figures and the dealer line. */
.mn-fin-about__grid { display: grid; gap: clamp(32px, 5vw, 72px); }
.mn-fin-about__copy { display: grid; align-content: start; gap: var(--wp--custom--head-gap); }
.mn-fin-about__text { display: grid; gap: 14px; max-inline-size: 42rem; }
.mn-fin-about__text > p { margin: 0; color: var(--mn-text); font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--lede); }
.mn-fin-says { position: relative; isolation: isolate; overflow: clip; display: grid; gap: 20px; padding: clamp(26px, 3.2vw, 40px); box-shadow: var(--wp--preset--shadow--pop); }
.mn-fin-says > :not(.mn-texture-grid) { position: relative; margin: 0; }
.mn-fin-says__logo .mn-partner-logo { display: block; inline-size: auto; block-size: 36px; }
.mn-fin-says__kicker { color: var(--wp--preset--color--cyan-300); font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: var(--wp--custom--tracking--label); text-transform: uppercase; }
.mn-fin-says__figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-block: 20px; border-block: 1px solid var(--mn-rule-2); }
.mn-fin-says__fig dd { margin: 8px 0 0; font-size: var(--wp--preset--font-size--small); }
.mn-fin-says__value { font-size: clamp(2.25rem, 1.6rem + 2vw, 3.25rem); line-height: 1; }
.mn-fin-says__dealer { display: grid; justify-items: start; gap: 12px; }
.mn-fin-says__dealer > p { margin: 0; font-size: var(--wp--preset--font-size--x-large); font-weight: 700; }
@media (min-width: 960px) {
	.mn-fin-about__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; }
}

/* F6. Ways to get one: raised cards on the ink band, the whole card the link. */
.mn-fin-ways__grid { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.mn-fin-way { position: relative; display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; padding: 26px 24px 22px; background: var(--mn-surface-raised); transition: border-color var(--wp--custom--motion--ui) var(--wp--custom--motion--ease), transform var(--wp--custom--motion--ui) var(--wp--custom--motion--ease); }
.mn-fin-way > .mn-kit-icon { inline-size: 48px; block-size: 48px; border: 1.5px solid rgba(var(--wp--custom--cyan-rgb), 0.5); border-radius: 50%; }
.mn-fin-way > p { color: var(--mn-text); font-size: var(--wp--custom--font-size--ui); line-height: var(--wp--custom--line-height--lede); }
@media (hover: hover) and (pointer: fine) {
	.mn-fin-way.mn-card-host:hover { transform: translateY(-3px); }
}

/* F7. Spec sheets: ruled rows on a white card, two columns from 960 px; the file link and the model page beside. */
.mn-fin-sheets__list { display: grid; margin: 0; padding: 0 clamp(18px, 2.4vw, 28px); list-style: none; background: var(--mn-surface-raised); box-shadow: var(--mn-shadow-card); }
.mn-fin-sheet { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 4px 16px; padding-block: 16px; border-block-end: 1px solid var(--mn-rule); }
.mn-fin-sheet:last-child { border-block-end: 0; }
.mn-fin-sheet__icon { display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: var(--wp--custom--radius--sm); background: var(--mn-tick-bg); color: var(--wp--preset--color--cyan-300); }
.mn-fin-sheet__icon .mn-icon { inline-size: 20px; block-size: 20px; }
.mn-fin-sheet__name { color: var(--mn-text-strong); font-weight: 600; }
.mn-fin-sheet__links { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; }
.mn-fin-sheet__links > a { display: inline-flex; align-items: center; min-block-size: var(--wp--custom--target--min); }
.mn-fin-sheet__model { color: var(--mn-text); font-size: var(--wp--custom--font-size--ui); }
@media (min-width: 960px) {
	.mn-fin-sheets__list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
	.mn-fin-sheet { grid-template-columns: 40px minmax(0, 1fr) auto; }
	.mn-fin-sheet:nth-last-child(2):nth-child(odd) { border-block-end: 0; }
	.mn-fin-sheet__links { grid-column: 3; flex-direction: column; align-items: flex-end; }
	.mn-fin-sheet__links > a { min-block-size: 32px; }
}

/* F8. Build to order: the head and the options beside the form card. */
.mn-fin-build { display: grid; gap: clamp(32px, 5vw, 64px); }
.mn-fin-build__copy { display: grid; align-content: start; gap: 18px; }
.mn-fin-build__label { color: var(--mn-text-strong); font-size: var(--wp--custom--font-size--ui); }
.mn-fin-options { grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); column-gap: 24px; }
@media (min-width: 1100px) {
	.mn-fin-build { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: start; }
	.mn-fin-build__copy { position: sticky; inset-block-start: calc(var(--mn-sticky-top) + 32px); }
}

/* F9. Documents checklist: grouped tick lists on white cards, the optional group across, the print button. */
.mn-fin-checklist__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 32px; }
.mn-fin-checklist { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); }
.mn-fin-check { display: grid; align-content: start; gap: 16px; padding: 24px; background: var(--mn-surface-raised); box-shadow: var(--mn-shadow-card); }
.mn-fin-check .is-style-checks > li { font-weight: 500; }
.mn-fin-check--optional { grid-column: 1 / -1; border-style: dashed; background: transparent; box-shadow: none; }
.mn-fin-checklist__foot { max-inline-size: var(--mn-measure); color: var(--mn-text); }
@media (min-width: 960px) {
	.mn-fin-check--optional { grid-template-columns: 48px minmax(0, 14rem) minmax(0, 1fr); align-items: center; column-gap: 24px; }
	.mn-fin-check--optional .is-style-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
}
@media print {
	.mn-flow > :not(.mn-fin-checklist-band),
	.mn-chrome, .mn-footer, .mn-closing, .mn-action-bar, .mn-page-hero, .mn-fin-print { display: none !important; }
	.mn-fin-checklist-band { padding: 0 !important; background: none !important; }
	.mn-fin-check { break-inside: avoid; box-shadow: none; }
}

/* F10. The Max-Atlas model page (14 §14.2; mainland/model-specs, mainland-inventory) ---------------------------------------------------------------------------------- */
/* The page's own root (.mn-model-page), not the model card's (.mn-model, sections.css). */
.mn-model-page { display: grid; gap: var(--wp--preset--spacing--70); }
.mn-model__top { display: grid; gap: var(--wp--preset--spacing--50); }
.mn-model__studio { display: grid; place-items: center; min-block-size: 16rem; padding: var(--wp--preset--spacing--50); border-radius: var(--wp--custom--radius--lg); }
.mn-model-page .mn-model__img { inline-size: 100%; block-size: auto; mix-blend-mode: multiply; }
.mn-model__specs { padding: var(--wp--preset--spacing--50); border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--lg); background: var(--mn-surface-raised); }
.mn-spec-table { inline-size: 100%; border-collapse: collapse; }
.mn-spec-table caption { margin-block-end: 8px; color: var(--mn-text-muted); font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: var(--wp--custom--tracking--label); text-align: start; text-transform: uppercase; }
.mn-spec-table th,
.mn-spec-table td { padding: 10px 0; border-block-end: 1px solid var(--mn-rule); text-align: start; }
.mn-spec-table th { color: var(--mn-text-muted); font-size: var(--wp--preset--font-size--small); font-weight: 500; }
.mn-spec-table td { color: var(--mn-text-strong); font-weight: 600; text-align: end; }
.mn-model__note { margin: 12px 0 0; color: var(--mn-text-muted); font-size: var(--wp--custom--font-size--meta); }
.mn-model__h2 { margin: 0 0 var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--xx-large); }
.mn-model__units { container: mn-units / inline-size; }
/* Factory options (S014): the head, then a grid of white option cards with the tick, three or four across. */
.mn-model__options-head { display: grid; gap: 8px; margin-block-end: var(--wp--preset--spacing--50); }
.mn-model__options-head > * { margin: 0; }
.mn-model__lede { max-inline-size: 60ch; color: var(--mn-text); }
.mn-model__options-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: var(--wp--preset--spacing--30); margin: 0; padding: 0; list-style: none; }
.mn-model__option { display: flex; align-items: center; gap: 12px; min-block-size: 60px; padding: 12px 16px; border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--white); box-shadow: var(--mn-shadow-card); color: var(--mn-text-strong); font-weight: 600; line-height: 1.3; }
.mn-model__option .mn-checks__icon { margin: 0; }
@media (max-width: 599px) {
	.mn-model__options-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.mn-model__option { gap: 10px; min-block-size: 52px; padding: 10px 12px; font-size: var(--wp--preset--font-size--small); }
	.mn-model__option .mn-checks__icon { inline-size: 22px; block-size: 22px; padding: 4.5px; }
}
@media (min-width: 960px) {
	.mn-model__top { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; }
	.mn-model__specs { position: sticky; inset-block-start: calc(var(--mn-sticky-top) + 16px); }
}