/*
  AV LÜ™ Desktop Density System v2.4.6
  Desktop and tablet presentation only. Mobile remains governed by the
  existing stylesheet stack at 720px and below.
  © 2026 AVLU. All rights reserved.
*/

@media (min-width: 721px) {
  body.avlu-site-polish:not(.route-presentation):not(.route-login) {
    --avlu-desktop-gutter: clamp(24px, 3.2vw, 48px);
    --avlu-desktop-section-space: clamp(52px, 5.2vw, 82px);
    --avlu-desktop-grid-gap: clamp(16px, 1.8vw, 28px);
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(.v13-container, .ref-container) {
    width: min(calc(100% - (var(--avlu-desktop-gutter) * 2)), 1280px);
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-page-hero,
      .v13-page-hero,
      .about-hero,
      .authority-hero,
      .simulation-hero,
      .case-walkthrough-hero
    ) {
    padding-block: var(--avlu-desktop-section-space);
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-section,
      .v13-section,
      .simulation-section,
      .authority-section
    ) {
    padding-block: var(--avlu-desktop-section-space);
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login) .section-tight {
    padding-block: 28px;
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login):not(.route-client-review):not(.route-portal):not(.route-outreach)
    :is(.v13-header__inner, .v13-container, .ref-container, .container, .avlu-footer-version) {
    width: min(calc(100% - (var(--avlu-desktop-gutter) * 2)), 1280px);
    margin-inline: auto;
  }

  @media (min-width: 1600px) {
    body.avlu-site-polish:not(.route-presentation):not(.route-login):not(.route-client-review):not(.route-portal):not(.route-outreach)
      :is(.v13-header__inner, .v13-container, .ref-container, .container, .avlu-footer-version) {
      width: min(calc(100% - (var(--avlu-desktop-gutter) * 2)), 1440px);
      margin-inline: auto;
    }
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-hero-grid,
      .v13-page-hero__grid,
      .about-hero__grid,
      .authority-hero__grid,
      .simulation-hero__grid,
      .ref-contact-layout,
      .ref-source-workspace,
      .case-grid,
      .case-builder-grid,
      .simulation-layout,
      .simulation-grid,
      .authority-gate-grid
    ) {
    gap: clamp(24px, 3.2vw, 52px);
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-card-grid,
      .ref-card-grid--3,
      .ref-card-grid--5,
      .v13-process-grid,
      .v13-proof-grid,
      .about-principles,
      .about-boundary-grid,
      .authority-boundary-grid,
      .authority-map-grid,
      .simulation-boundary-grid,
      .case-method-grid
    ) {
    gap: var(--avlu-desktop-grid-gap);
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-page-hero h1,
      .v13-page-hero h1,
      .about-hero h1,
      .authority-hero h1,
      .simulation-hero h1,
      .case-hero h1,
      .ref-title-small
    ) {
    max-width: 22ch;
    font-size: clamp(3rem, 6.2vw, 6.2rem);
    line-height: 0.94;
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-lead,
      .ref-page-hero__lead,
      .v13-page-hero__lead,
      .about-hero__lead,
      .authority-hero__lead,
      .simulation-lead
    ) {
    max-width: 72ch;
    margin-top: 20px;
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(.ref-page-hero .ref-actions, .v13-page-hero .v13-actions) {
    margin-top: 24px;
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-card,
      .ref-step-card,
      .ref-help-card,
      .ref-benefit,
      .v13-process-card,
      .v13-proof-box,
      .authority-map-card,
      .simulation-boundary-card,
      .case-method-grid > article
    ) {
    padding: clamp(18px, 1.7vw, 28px);
  }
}

@media (min-width: 1000px) {
  body.avlu-site-polish:not(.route-presentation):not(.route-login)
    :is(
      .ref-hero-grid,
      .ref-hero-grid--wide,
      .v13-page-hero__grid,
      .about-hero__grid,
      .authority-hero__grid,
      .simulation-hero__grid
    ) {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: start;
  }

  body.avlu-site-polish:not(.route-presentation):not(.route-login) .section-tight {
    padding-block: 36px;
  }

  body.avlu-site-polish.route-feedback .ref-page-hero {
    min-height: auto;
  }
}

@media (min-width: 1081px) {
  body.avlu-site-polish.route-for-dealers .ref-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: clamp(28px, 3.2vw, 48px);
  }

  body.avlu-site-polish.route-for-dealers
    .ref-hero-grid > .simple-hero-side {
    min-width: 0;
  }
}

@media (min-width: 721px) and (max-width: 1080px) {
  body.avlu-site-polish.route-for-dealers .ref-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }

  body.avlu-site-polish.route-for-dealers
    .ref-hero-grid > .simple-hero-side {
    min-width: 0;
    justify-self: start;
  }
}

@media (min-width: 1081px) {
  body.avlu-site-polish.route-feedback .ref-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: clamp(28px, 3.2vw, 48px);
  }

  body.avlu-site-polish.route-feedback
    .ref-hero-grid > .dealer-preview {
    min-width: 0;
  }
}

@media (min-width: 721px) and (max-width: 1080px) {
  body.avlu-site-polish.route-feedback .ref-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }

  body.avlu-site-polish.route-feedback
    .ref-hero-grid > .dealer-preview {
    position: static;
    min-width: 0;
    justify-self: start;
  }
}

@media (min-width: 1081px) {
  body.avlu-site-polish.route-authority-map .authority-hero__grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: clamp(28px, 3.2vw, 48px);
  }
}

@media (min-width: 721px) and (max-width: 1080px) {
  body.avlu-site-polish.route-authority-map .authority-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }
}

@media (min-width: 721px) {
  body.avlu-site-polish.route-evidence .ref-page-hero h1 {
    max-width: 15ch;
  }
}

@media (min-width: 721px) {
  body.avlu-site-polish.route-about .about-proof-map ol {
    align-items: start;
  }

  body.avlu-site-polish.route-about
    :is(.about-proof-map li, .about-principles article) {
    min-height: 0;
  }
}

@media (min-width: 721px) {
  body.avlu-site-polish.route-evidence .v13-evidence__grid {
    align-items: start;
  }

  body.avlu-site-polish.route-evidence .v13-evidence__item {
    min-height: 0;
  }
}

@media (min-width: 721px) and (max-width: 1080px) {
  body.avlu-site-polish.route-simulation-lab .simulation-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*
  AV LÜ™ v2.4.6 standard desktop hero refinement.
  Keep the homepage Answer Snap, Client Review, Login, Presentation,
  Portal, and Outreach compositions outside this layer.
*/
@media (min-width: 1000px) {
  body.avlu-site-polish:not(.route-index):not(.route-client-review):not(.route-login):not(.route-presentation):not(.route-portal):not(.route-outreach)
    :is(.ref-page-hero, .v13-page-hero, .about-hero, .authority-hero, .simulation-hero, .case-walkthrough-hero) {
    padding-block: clamp(42px, 3.6vw, 56px);
  }

  body.avlu-site-polish:not(.route-index):not(.route-client-review):not(.route-login):not(.route-presentation):not(.route-portal):not(.route-outreach):not(.route-for-dealers):not(.route-feedback):not(.route-authority-map)
    :is(.ref-hero-grid, .ref-hero-grid--wide, .v13-page-hero__grid, .about-hero__grid, .authority-hero__grid, .simulation-hero__grid) {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  }

  body.avlu-site-polish:not(.route-index):not(.route-client-review):not(.route-login):not(.route-presentation):not(.route-portal):not(.route-outreach)
    :is(.ref-hero-grid, .ref-hero-grid--wide, .v13-page-hero__grid, .about-hero__grid, .authority-hero__grid, .simulation-hero__grid) {
    gap: clamp(28px, 2.6vw, 40px);
  }

  body.avlu-site-polish:not(.route-index):not(.route-client-review):not(.route-login):not(.route-presentation):not(.route-portal):not(.route-outreach)
    :is(.ref-page-hero h1, .v13-page-hero h1, .about-hero h1, .authority-hero h1, .simulation-hero h1, .case-hero h1, .ref-title-small) {
    max-width: 20ch;
    font-size: clamp(3.6rem, 4.25vw, 5rem);
    line-height: 0.98;
  }

  body.avlu-site-polish:not(.route-index):not(.route-client-review):not(.route-login):not(.route-presentation):not(.route-portal):not(.route-outreach)
    :is(.ref-page-hero, .v13-page-hero, .about-hero, .authority-hero, .simulation-hero, .case-walkthrough-hero)
    :is(.ref-lead, .ref-page-hero__lead, .v13-page-hero__lead, .about-hero__lead, .authority-hero__lead, .simulation-lead) {
    max-width: 68ch;
    margin-top: 16px;
  }

  body.avlu-site-polish:not(.route-index):not(.route-client-review):not(.route-login):not(.route-presentation):not(.route-portal):not(.route-outreach)
    :is(.ref-page-hero .ref-actions, .v13-page-hero .v13-actions) {
    margin-top: 18px;
  }

  body.avlu-site-polish.route-evidence .ref-page-hero h1 {
    max-width: 19ch;
  }
}

/*
  AV LÜ™ v2.4.6 homepage Answer Snap desktop refinement.
  Keep PAGE/down-arrow safeguards, mobile section guidance, answer rail,
  answer state attributes, and JavaScript hooks outside this layer.
*/
@media (min-width: 1000px) {
  body.route-index .avlu-answer-snap {
    padding-block: clamp(42px, 3.6vw, 56px);
  }

  body.route-index .avlu-answer-snap__copy > h1 {
    max-width: 20ch;
    font-size: clamp(3.6rem, 4.25vw, 5rem);
    line-height: 0.98;
  }

  body.route-index .avlu-answer-snap__lead {
    max-width: 68ch;
    margin-top: 16px;
  }

  body.route-index .avlu-answer-snap .ref-actions {
    margin-top: 18px;
  }

  body.route-index .avlu-answer-questions {
    margin-top: 20px;
  }

  body.route-index .avlu-answer-question {
    min-height: 126px;
  }

  body.route-index .avlu-answer-machine {
    min-height: 520px;
  }

  body.route-index .avlu-answer-machine__stage {
    min-height: 460px;
  }
}

@media (min-width: 1081px) {
  body.route-index .avlu-answer-snap__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.9fr);
    gap: clamp(28px, 2.6vw, 40px);
  }
}

/*
  AV LÜ™ v2.4.6 Client Review desktop refinement.
  Keep the existing mobile intake and form behavior unchanged.
*/
@media (min-width: 1000px) {
  body.route-client-review.avlu-site-polish
    .avlu-intake-ignition-hero h1 {
    max-width: 19ch;
    font-size: clamp(3.8rem, 4.8vw, 5.4rem);
    line-height: 0.96;
  }

  body.route-client-review .avlu-intake-ignition-hero__grid {
    width: min(calc(100% - 40px), 1280px);
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: clamp(28px, 3.2vw, 40px);
  }

  body.route-client-review .ref-intake-layout {
    width: min(1280px, calc(100% - 48px));
    margin-inline: auto;
  }
}

/*
  AV LÜ™ v2.4.6 Presentation desktop toolbar alignment.
  Keep Presentation JavaScript and mobile rules outside this layer.
*/
@media (min-width: 1000px) {
  body.route-presentation .presentation-toolbar {
    min-height: 72px;
  }

  body.route-presentation .presentation-slide,
  body.route-presentation .presentation-deck > .presentation-slide {
    min-height: calc(100svh - 72px);
    scroll-margin-top: 72px;
  }
}