/* Final visual contract: loaded after every component stylesheet.
   Scene geometry and photography remain in their component files. */
body.selected-preview {
  --color-green: #104b41;
  --color-deep: #082f29;
  --color-cream: #f3efe4;
  --color-surface: #fbf8f0;
  --color-accent: #ff8a24;
  --color-text: #153f36;
  --color-muted: #53665d;
  --color-border: #ccd3c8;
  --color-on-dark: #fff4dc;
  --color-on-dark-muted: #c6d4c9;
  --color-footer-bg: var(--color-deep);
  --color-error: #a33221;
  --color-error-on-dark: #ffd2b8;
  --color-scrim: rgb(8 47 41 / 56%);
  --green: var(--color-green);
  --deep: var(--color-deep);
  --cream: var(--color-cream);
  --orange: var(--color-accent);
  --action: var(--color-accent);
  --action-hover: var(--color-accent);
  --ink: var(--color-text);
  --muted: var(--color-muted);
  --font-body: Pretendard, sans-serif;
  --font-heading: Pretendard, sans-serif;
  /* Each role uses a locally available font weight. */
  --weight-body: 400;
  --weight-copy: 600;
  --weight-label: 600;
  --weight-heading: 800;
  --weight-metric: 900;
  --type-section: clamp(34px, calc(26px + 2vw), 64px);
  --type-subheading: 26px;
  --type-body: 18px;
  --type-card-body: 20px;
  --type-field: 18px;
  --type-action: 20px;
  --type-brand-description: 24px;
  --type-lead: 20px;
  --type-detail: 16px;
  --type-caption: 15px;
  --type-control: 18px;
  --type-display: clamp(48px, 6vw, 104px);
  --type-menu-display: clamp(36px, 6vw, 96px);
  --line-heading: 1.2;
  --line-body: 1.65;
  --line-label: 1.4;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --section-space: clamp(64px, 6vw, 112px);
  --copy-gap: clamp(16px, 2vw, 24px);
  --content-gap: clamp(24px, 3vw, 48px);
  --grid-gap: clamp(16px, 1.7vw, 24px);
  --card-padding: clamp(20px, 2vw, 32px);
  --radius-control: 8px;
  --radius-panel: 16px;
  --radius-capsule: 999px;
  --radius-round: 50%;
  --control-height: 52px;
  --shadow-panel: 0 8px 24px rgb(8 47 41 / 8%);
  --site-content-width: min(var(--content-max), calc(100% - 2 * var(--gutter)));
  --site-edge: var(--page-edge);
  color: var(--color-text);
  background-color: var(--color-cream);
  font-family: var(--font-body);
  font-size: var(--type-body);
  font-weight: var(--weight-body);
  line-height: var(--line-body);
}
html[lang="ko"][data-selected-font="active"] body.selected-preview {
  --font-heading: 'umamor', Pretendard, sans-serif;
}
/* Hide only the page scrollbar; scrolling and dialog overflow stay available. */
html:has(body.selected-preview),
body.selected-preview { scrollbar-width: none; }
html:has(body.selected-preview)::-webkit-scrollbar,
body.selected-preview::-webkit-scrollbar { display: none; width: 0; height: 0; }

.selected-preview :is(a[href], button, summary, [role="button"], input[type="checkbox"], input[type="radio"]),
.selected-preview label:has(input[type="checkbox"], input[type="radio"]) { cursor: pointer; }
.selected-preview :is(button:disabled, input:disabled, [aria-disabled="true"]),
.selected-preview label:has(input:disabled) { cursor: not-allowed; }

/* One baseline for contained content; full-bleed photographic scenes keep theirs. */
.selected-preview #inquiry .inquiry-scene__layout,
.selected-preview #inquiry .inquiry-scene__phone-band > .selected-wrap {
  width: var(--site-content-width);
  margin-inline: auto;
}
.selected-preview #proof.selected-proof {
  --proof-content-width: min(var(--content-max), calc(100vw - 2 * var(--gutter)));
  --proof-edge: var(--site-edge);
  --proof-column-gap: var(--content-gap);
  width: 100%;
  margin-inline: 0;
  padding-inline: var(--site-edge);
}
.selected-preview #support,
.selected-preview #space.selected-opening { padding-inline: var(--site-edge); }
.selected-preview #operations > .selected-wrap,
.selected-preview #offer > .selected-wrap {
  width: auto;
  margin: 0;
  padding-left: var(--content-gap);
  padding-right: var(--site-edge);
}
.selected-preview #menu .menu-dish__copy {
  width: min(var(--content-max), calc(100% - 2 * var(--menu-gutter, var(--gutter))));
}

/* The same heading role wins over both language and component breakpoints. */
html[lang] body.selected-preview :is(#door, #reviews, #operations, #proof, #support, #space, #inquiry) h2,
html[lang] body.selected-preview #door .selected-space__copy h2 {
  font-family: var(--font-heading);
  font-size: var(--type-section);
  font-weight: var(--weight-heading);
  font-synthesis: none;
  line-height: var(--line-heading);
  letter-spacing: -.04em;
  word-break: keep-all;
  text-wrap: balance;
}
html[lang] body.selected-preview #support h3,
html[lang] body.selected-preview #space .finance-step-copy h4 {
  font-family: var(--font-body);
  font-size: var(--type-subheading);
  font-weight: var(--weight-heading);
  line-height: 1.3;
  letter-spacing: -.025em;
  color: var(--color-green);
}
html[lang] body.selected-preview #support li p,
html[lang] body.selected-preview #space .finance-step-copy p {
  font-family: var(--font-body);
  font-size: var(--type-card-body);
  font-weight: var(--weight-copy);
  line-height: var(--line-body);
  letter-spacing: -.015em;
  color: var(--color-text);
}
html[lang] body.selected-preview #door .selected-space__copy > p:not([hidden]),
html[lang] body.selected-preview #operations p,
html[lang] body.selected-preview #inquiry .selected-inquiry__intro {
  font-size: var(--type-lead);
  font-weight: var(--weight-copy);
  line-height: var(--line-body);
  letter-spacing: -.02em;
  margin-top: var(--copy-gap);
}
.selected-preview #operations p,
.selected-preview #inquiry .selected-inquiry__intro { color: var(--color-text); }
.selected-preview #door .selected-space__copy > p:not([hidden]) { left: 0; margin-bottom: var(--copy-gap); }
.selected-preview #door .selected-space__copy h2 span { inset-inline-start: 0; }
/* Display slogans and menu names retain a separate scale from section headings. */
html[lang] body.selected-preview #offer h2 { font-size: var(--type-display); line-height: var(--line-heading); font-weight: var(--weight-heading); margin-block: var(--space-3) var(--copy-gap); }
html[lang] body.selected-preview #menu .editorial-menu__title { font-size: var(--type-menu-display); line-height: var(--line-heading); }
html[lang="en"] body.selected-preview #menu { --type-menu-display: clamp(30px, 4.8vw, 80px); }
.selected-preview #offer .selected-wrap > div > p:first-child { font-size: var(--type-subheading); font-weight: var(--weight-label); }
.selected-preview #offer .selected-offer__note { font-size: var(--type-body); font-weight: var(--weight-copy); margin-bottom: var(--copy-gap); }
.selected-preview #brand .brand-cream__description { font-size: var(--type-brand-description); font-weight: var(--weight-heading); line-height: 1.4; }

/* Repeated panels share the same surface, border, radius and inset. */
.selected-preview #support > ol > li,
.selected-preview #space .selected-finance__steps li,
.selected-preview #proof .proof-reference-card,
.selected-preview .selected-reviews__card {
  color: var(--color-text);
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-panel);
  box-shadow: none;
}
.selected-preview #support > ol > li,
.selected-preview #space .selected-finance__steps li { padding: var(--card-padding); min-height: 0; }
.selected-preview #support > ol,
.selected-preview #space .selected-finance__steps,
.selected-preview #proof .proof-reference-cards { gap: var(--grid-gap); }
.selected-preview #support > ol > li::before,
.selected-preview #space .selected-finance__steps li::before {
  color: var(--color-green);
  font-size: var(--type-subheading);
  font-weight: var(--weight-heading);
  line-height: 1.3;
}
.selected-preview #support > ol > li::before { color: var(--color-accent); }
.selected-preview #space .selected-finance__steps li { grid-template-columns: 48px minmax(0, 1fr); column-gap: var(--space-6); }
.selected-preview #space .selected-finance__steps li::before { padding: var(--space-2) var(--space-4) var(--space-2) 0; border-color: var(--color-border); }
.selected-preview #support li p { margin-top: var(--space-2); }
.selected-preview #space .finance-step-copy { gap: var(--space-2); }
.selected-preview #proof .proof-reference-card { padding: var(--card-padding) var(--space-5); row-gap: var(--space-2); }
.selected-preview #proof .proof-reference-card dt { color: var(--color-text); font-weight: var(--weight-heading); }
.selected-preview #proof .proof-reference-card :is(.proof-result, .proof-period),
.selected-preview #proof .selected-receipt__content strong { font-weight: var(--weight-metric); }
/* Keep the approved orange emphasis on the key result periods. */
.selected-preview #proof .proof-reference-card .proof-period { color: var(--color-accent); }
.selected-preview #space .opening-model-guides { color: var(--color-muted); }
.selected-preview #space .opening-model-size { color: var(--color-text); font-weight: var(--weight-label); }
.selected-preview .selected-reviews { --review-gap: var(--grid-gap); }
.selected-preview .selected-reviews__card { padding: var(--space-2); box-shadow: var(--shadow-panel); }

/* Section rhythm is shared; the receipt and model keep their internal measured fit. */
.selected-preview #reviews,
.selected-preview #space.selected-opening,
.selected-preview #inquiry .inquiry-scene__layout { padding-block: var(--section-space); }
.selected-preview #proof.selected-proof { row-gap: var(--content-gap); }
.selected-preview #support { row-gap: var(--content-gap); --support-card-gap: var(--grid-gap); }
.selected-preview #space.selected-opening { column-gap: var(--content-gap); row-gap: var(--content-gap); }
.selected-preview #operations > .selected-wrap,
.selected-preview #offer > .selected-wrap { padding-block: var(--section-space); }
.selected-preview #inquiry .inquiry-scene__layout { column-gap: var(--content-gap); row-gap: var(--content-gap); }
.selected-preview #reviews .selected-reviews__heading { margin-bottom: var(--content-gap); }
.selected-preview #door .selected-space__stage { padding-block: var(--section-space); gap: var(--space-6) 0; }

/* Shared palette, including every dark scene's live lettering and controls. */
.selected-preview #brand,
.selected-preview #inquiry,
.selected-preview #operations,
.selected-preview #support,
.selected-preview #space { color: var(--color-green); background-color: var(--color-cream); }
.selected-preview #menu,
.selected-preview #proof,
.selected-preview #offer,
.selected-preview #inquiry .inquiry-scene__phone-band {
  color: var(--color-on-dark);
  background-color: var(--color-green);
}
.selected-preview #door.selected-space,
.selected-preview #door .selected-space__visual { background-color: var(--color-deep); }
.selected-preview #door :is(.selected-space__copy, .selected-space__tools, .space-photo-count),
.selected-preview #door .selected-space__tools :is(.room-status, .selected-space__load-status),
.selected-preview #menu .editorial-menu__title,
.selected-preview #offer .selected-offer__note,
.selected-preview #inquiry .selected-phone > span,
.selected-preview #hero :is(.hero__live-sign, .hero__signature) { color: var(--color-on-dark); }
.selected-preview #hero .hero__power { color: var(--color-accent); }
.selected-preview #door .space-photo-count__rest,
.selected-preview #menu .copy-menu-note { color: var(--color-on-dark-muted); }
.selected-preview #door .space-photo-count__rest { font-weight: var(--weight-label); }
.selected-preview .site-header,
.selected-preview .site-header:is(.is-scrolling-up, .is-open) { background: var(--color-surface); color: var(--color-green); border-color: var(--color-border); }
.selected-preview .site-header .primary-navigation { font-size: var(--type-control); font-weight: var(--weight-heading); }
html[lang] body.selected-preview .site-header .primary-navigation .primary-navigation__group > a:not(.button) {
  font-size: 18px;
  font-weight: var(--weight-heading);
  text-decoration: none;
}
.selected-preview .site-header .language-switch { font-size: 14px; font-weight: var(--weight-label); }
.selected-preview #inquiry .inquiry-scene__phone-band { background-image: url('../../images/approved/consult-tile-texture-20260914.webp'); }

/* Both photographic scenes use the same open tab row and selected capsule. */
html[lang] body.selected-preview #menu .menu-tabs,
html[lang] body.selected-preview #door .selected-space__copy .branch-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  padding: 0;
  gap: var(--space-3);
  border-radius: var(--radius-capsule);
  background: transparent;
  box-shadow: none;
}
html[lang] body.selected-preview #menu .menu-tabs button,
html[lang] body.selected-preview #door .selected-space__copy .branch-links button {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  padding: var(--space-2) 18px;
  border-radius: var(--radius-capsule);
  color: var(--color-on-dark);
  background: transparent;
  border: 1px solid rgb(255 244 220 / 70%);
  font-size: var(--type-control);
  font-weight: var(--weight-label);
  line-height: var(--line-label);
}
html[lang] body.selected-preview #menu .menu-tabs button[aria-selected="true"],
html[lang] body.selected-preview #door .selected-space__copy .branch-links button[aria-pressed="true"] {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-deep);
  font-weight: var(--weight-label);
}
html[lang] body.selected-preview #menu .menu-tabs button:focus-visible,
html[lang] body.selected-preview #door .selected-space__copy .branch-links button:focus-visible { outline-color: var(--color-on-dark); }
.selected-preview #menu .menu-controls button {
  background: rgb(255 255 255 / 64%);
  color: #333;
  border: 0;
  border-radius: var(--radius-round);
  box-shadow: none;
}
.selected-preview #door .selected-space__tools .room-controls button { color: var(--color-on-dark); border-radius: var(--radius-round); }

/* Calls to action, inputs and feedback share the same interaction language. */
html[lang] body.selected-preview .selected-button,
html[lang] body.selected-preview #offer .selected-button,
html[lang] body.selected-preview #inquiry .inquiry-submit,
html[lang] body.selected-preview .selected-contact .quick-submit,
html[lang] body.selected-preview .selected-contact__action,
html[lang] body.selected-preview .selected-inquiry-success__confirm {
  border-radius: var(--radius-control);
  font-family: var(--font-body);
  font-size: var(--type-action);
  font-weight: var(--weight-heading);
  line-height: var(--line-label);
}
/* Fixed-bar controls keep their measured height and narrow desktop columns. */
html[lang] body.selected-preview .selected-contact .quick-submit { font-size: 17px; }
html[lang] body.selected-preview .selected-contact__action { font-size: 18px; }
html[lang] body.selected-preview .selected-button,
html[lang] body.selected-preview #offer .selected-button,
html[lang] body.selected-preview #inquiry .inquiry-submit,
html[lang] body.selected-preview .selected-inquiry-success__confirm { min-height: var(--control-height); padding: var(--space-3) var(--space-6); }
.selected-preview .selected-button { background: var(--color-green); color: var(--color-on-dark); }
.selected-preview .selected-button--orange,
.selected-preview #inquiry .inquiry-submit,
.selected-preview .selected-contact .quick-submit,
.selected-preview .selected-contact__action,
.selected-preview .selected-inquiry-success__confirm { background: var(--color-accent); color: var(--color-deep); }
.selected-preview #inquiry .inquiry-form :is(.form-field label, .consent-row, .consent-row button) { font-size: var(--type-detail); font-weight: var(--weight-label); line-height: var(--line-label); }
.selected-preview #inquiry .inquiry-form .form-field label { margin-bottom: var(--space-2); font-size: var(--type-detail); }
.selected-preview #inquiry .inquiry-form .form-field input { color: var(--color-text); border-color: var(--color-muted); font-size: var(--type-field); font-weight: var(--weight-copy); min-height: var(--control-height); padding-block: var(--space-3); }
.selected-preview #inquiry .inquiry-form .form-field input::placeholder { color: var(--color-muted); }
.selected-preview #inquiry .inquiry-form { gap: var(--space-6); }
.selected-preview #inquiry .inquiry-form__fields { gap: var(--space-6); }
.selected-preview #inquiry .inquiry-form .consent-row input { accent-color: var(--color-green); }
.selected-preview #inquiry .inquiry-form input[aria-invalid="true"] { border-color: var(--color-error); }
.selected-preview #inquiry .inquiry-form .field-error { color: var(--color-error); font-size: var(--type-caption); }
.selected-preview #inquiry .form-result,
.selected-preview .selected-contact .quick-result,
.selected-preview .selected-contact .quick-privacy__copy,
.selected-preview #menu .selected-menu__feedback {
  color: var(--color-text);
  background: var(--color-surface);
  border-radius: var(--radius-control);
  font-size: var(--type-caption);
  line-height: var(--line-body);
}
.selected-preview .selected-contact { color: var(--color-on-dark); border-color: rgb(255 244 220 / 20%); }
.selected-preview .selected-contact .quick-field input { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-control); font-weight: var(--weight-copy); }
.selected-preview .selected-contact .field-error { color: var(--color-error-on-dark); }
.selected-preview .selected-contact .quick-field input[aria-invalid="true"] { border-color: var(--color-error-on-dark); }
.selected-preview .selected-contact__compact a { font-weight: var(--weight-label); }
.selected-preview .selected-contact .quick-privacy > summary { font-size: var(--type-caption); font-weight: var(--weight-label); }
.selected-preview .selected-contact__number > span { font-size: var(--type-caption); font-weight: var(--weight-label); }
.selected-preview dialog:not(.selected-inquiry-success) { border-radius: var(--radius-panel); color: var(--color-text); background: var(--color-surface); }
.selected-preview dialog::backdrop { background: var(--color-scrim); }

@media (hover: hover) and (pointer: fine) {
  html[lang] body.selected-preview #menu .menu-tabs button:not([aria-selected="true"]):hover,
  html[lang] body.selected-preview #door .selected-space__copy .branch-links button:not([aria-pressed="true"]):hover { background: rgb(255 244 220 / 10%); border-color: var(--color-on-dark); }
  html[lang] body.selected-preview #menu .menu-tabs button[aria-selected="true"]:hover,
  html[lang] body.selected-preview #door .selected-space__copy .branch-links button[aria-pressed="true"]:hover {
    background: color-mix(in srgb, var(--color-accent) 92%, var(--color-surface));
  }
  .selected-preview .selected-button:hover { background: var(--color-deep); }
  html[lang] body.selected-preview .selected-button--orange:hover,
  html[lang] body.selected-preview #inquiry .inquiry-submit:hover:not(:disabled),
  html[lang] body.selected-preview .selected-contact .quick-submit:hover:not(:disabled),
  html[lang] body.selected-preview .selected-contact__action:hover,
  html[lang] body.selected-preview .selected-inquiry-success__confirm:hover {
    background: color-mix(in srgb, var(--color-accent) 92%, var(--color-surface));
    border-color: transparent;
    box-shadow: none;
  }
  .selected-preview #menu .menu-controls button:hover { background: rgb(255 255 255 / 80%); }
}
@media (hover: hover) and (pointer: fine) {
  html[lang] body.selected-preview .site-header .primary-navigation .primary-navigation__group > a:not(.button):hover {
    text-decoration: none;
  }
  .selected-preview :is(.dialog-close, .selected-inquiry-success__close) { transition: background-color 180ms ease; }
  .selected-preview :is(.dialog-close, .selected-inquiry-success__close):hover { background: rgb(16 75 65 / 8%); }
  .selected-preview .selected-footer a { transition: color 180ms ease; }
  .selected-preview .selected-footer a:hover { color: var(--color-accent); }
  .selected-preview .selected-contact .quick-privacy > summary { transition: color 180ms ease; }
  .selected-preview .selected-contact .quick-privacy > summary:hover { color: var(--color-on-dark); }
  /* Information cards keep their position and ordinary cursor. The reveal owns
     its transition until its temporary state attribute is removed. */
  .selected-preview #proof .proof-reference-card,
  .selected-preview #support > ol > li,
  .selected-preview #space .selected-finance__steps > li { cursor: default; }
  .selected-preview #proof .proof-reference-card:not([data-selected-reveal]):hover,
  .selected-preview #support > ol > li:not([data-selected-reveal]):hover,
  .selected-preview #space .selected-finance__steps > li:not([data-selected-reveal]):hover {
    border-color: color-mix(in srgb, var(--color-green) 35%, var(--color-border));
    box-shadow: 0 4px 12px rgb(8 47 41 / 8%);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[lang] body.selected-preview .selected-button,
  html[lang] body.selected-preview #inquiry .inquiry-form .inquiry-submit,
  html[lang] body.selected-preview .selected-contact .quick-submit,
  html[lang] body.selected-preview .selected-inquiry-success__confirm {
    transition: translate 220ms cubic-bezier(.22, 1, .36, 1), background-color 180ms ease, box-shadow 180ms ease;
  }
  html[lang] body.selected-preview .selected-button:not(:disabled):not([aria-disabled="true"]):hover,
  html[lang] body.selected-preview #inquiry .inquiry-form .inquiry-submit:not(:disabled):not([aria-disabled="true"]):hover,
  html[lang] body.selected-preview .selected-contact .quick-submit:not(:disabled):not([aria-disabled="true"]):hover,
  html[lang] body.selected-preview .selected-inquiry-success__confirm:not(:disabled):not([aria-disabled="true"]):hover { translate: 0 -2px; }
  html[lang] body.selected-preview .selected-button:not(:disabled):not([aria-disabled="true"]):active,
  html[lang] body.selected-preview #inquiry .inquiry-form .inquiry-submit:not(:disabled):not([aria-disabled="true"]):active,
  html[lang] body.selected-preview .selected-contact .quick-submit:not(:disabled):not([aria-disabled="true"]):active,
  html[lang] body.selected-preview .selected-inquiry-success__confirm:not(:disabled):not([aria-disabled="true"]):active { translate: 0 0; }
  html[lang] body.selected-preview #menu .menu-tabs button,
  html[lang] body.selected-preview #door .selected-space__copy .branch-links button { transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease; }
  .selected-preview #proof .proof-reference-card:not([data-selected-reveal]),
  .selected-preview #support > ol > li:not([data-selected-reveal]),
  .selected-preview #space .selected-finance__steps > li:not([data-selected-reveal]) { transition: border-color 200ms ease, box-shadow 200ms ease; }
  .selected-preview #door [data-space-step] svg { transition: translate 220ms cubic-bezier(.22, 1, .36, 1); }
  .selected-preview #door [data-space-step="-1"]:hover svg { translate: -3px 0; }
  .selected-preview #door [data-space-step="1"]:hover svg { translate: 3px 0; }
  .selected-preview .selected-footer__utilities a svg { transition: translate 220ms cubic-bezier(.22, 1, .36, 1); }
  .selected-preview .selected-footer__utilities a:hover svg { translate: 0 -2px; }
}
@media (prefers-reduced-motion: reduce) {
  html[lang] body.selected-preview .selected-button,
  html[lang] body.selected-preview #inquiry .inquiry-form .inquiry-submit,
  html[lang] body.selected-preview .selected-contact .quick-submit,
  html[lang] body.selected-preview .selected-inquiry-success__confirm,
  .selected-preview :is(.dialog-close, .selected-inquiry-success__close),
  .selected-preview .selected-footer a,
  .selected-preview .selected-footer__utilities a svg,
  .selected-preview .selected-contact .quick-privacy > summary,
  .selected-preview #door [data-space-step] svg { transition: none; translate: none; }
  html[lang] body.selected-preview #menu .menu-tabs button,
  html[lang] body.selected-preview #door .selected-space__copy .branch-links button,
  .selected-preview #proof .proof-reference-card,
  .selected-preview #support > ol > li,
  .selected-preview #space .selected-finance__steps > li { transition: none; }
}
@media (min-width: 1440px) and (min-height: 700px) {
  .selected-preview .selected-contact .quick-field label,
  .selected-preview .selected-contact .quick-consent > label { font-size: var(--type-caption); line-height: 20px; }
  .selected-preview .selected-contact .quick-consent,
  .selected-preview .selected-contact .quick-submit { margin-top: 26px; }
}
@media (max-width: 1100px) {
  body.selected-preview { --type-subheading: 24px; }
  html[lang] body.selected-preview .site-header .primary-navigation .primary-navigation__group > a:not(.button) { font-size: 20px; }
}
@media (max-width: 1000px) {
  .selected-preview #operations > .selected-wrap { padding-inline: var(--site-edge); }
}
@media (max-width: 760px) {
  body.selected-preview {
    --card-padding: 16px;
    --grid-gap: 16px;
    --type-subheading: 22px;
    --type-body: 17px;
    --type-card-body: 18px;
    --type-lead: 18px;
    --type-control: 16px;
    --type-field: 17px;
    --type-action: 18px;
    --type-brand-description: 20px;
  }
  .selected-preview #offer > .selected-wrap { padding-inline: var(--site-edge); }
  .selected-preview #support { --support-top: var(--section-space); padding-bottom: var(--section-space); }
  .selected-preview #space .selected-finance__steps li { grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--space-3); }
  .selected-preview #space .selected-finance__steps li::before { padding: 0; border: 0; }
  .selected-preview #proof .proof-reference-card { padding: var(--space-5) var(--space-3); }
  html[lang] body.selected-preview #proof .proof-reference-card dt { font-size: var(--type-detail); }
  html[lang] body.selected-preview #proof .proof-reference-card :is(.proof-prefix, .proof-suffix) { font-size: var(--type-detail); }
  html[lang] body.selected-preview #menu .menu-tabs,
  html[lang] body.selected-preview #door .selected-space__copy .branch-links { gap: var(--space-2); }
  html[lang] body.selected-preview #door .selected-space__copy .branch-links { margin-inline: auto; }
  html[lang] body.selected-preview #menu .menu-tabs button,
  html[lang] body.selected-preview #door .selected-space__copy .branch-links button { font-size: var(--type-control); padding-inline: var(--space-3); }
  /* The bottom bar deliberately meets the screen edges, including its corners. */
  html[lang] body.selected-preview .selected-contact__compact a { border-radius: 0; }
  .selected-preview .selected-contact__compact { background: var(--color-accent); }
  .selected-preview .selected-contact__action,
  .selected-preview .selected-contact__action:hover,
  .selected-preview .selected-contact__phone { color: var(--color-deep); background: transparent; }
  .selected-preview .selected-contact__phone { border-color: rgb(8 47 41 / 20%); }
}
@media (max-width: 400px) {
  .selected-preview #proof .proof-reference-card { padding-inline: var(--space-2); }
}
@media (max-width: 360px) {
  body.selected-preview { --type-subheading: 20px; --type-card-body: 17px; }
  html[lang] body.selected-preview #menu .menu-tabs button,
  html[lang] body.selected-preview #door .selected-space__copy .branch-links button { padding-inline: var(--space-2); }
  html[lang="ko"] body.selected-preview #menu .menu-tabs button { padding-inline: 6px; }
}
@media (max-width: 760px) {
  /* Longer English category names form two compact rows without stretching. */
  html[lang="en"] body.selected-preview #menu .menu-tabs { max-width: min(100%, 280px); }
  html[lang="en"] body.selected-preview #menu .menu-tabs button { padding-inline: var(--space-3); }
}