/* Atlas shared page measure. Owner direction: a consistent 75% desktop rail.
   This layer changes presentation only; artwork, copy, forms and release state
   remain owned by their existing page sources. */
body {
  --atlas-layout-width: 75%;
  --atlas-layout-gutter: 12.5%;
  --atlas-section-space: clamp(48px, 4.5vw, 80px);
}

/* Shared chrome and page containers align to the same edges. */
body .site-top.atlas-review-shell,
body[data-site-shell] .site-top.atlas-review-shell,
body .titan-owner-chrome + .build-notice,
body[data-site-shell] .titan-owner-chrome + .build-notice {
  padding-inline: var(--atlas-layout-gutter) !important;
}
body .atlas-owner-note .titan-owner-banner {
  padding-inline: var(--atlas-layout-gutter);
}
body .wrap,
body[data-route="abilities"] .hero .wrap,
body[data-route="pricing"] #launch-main,
body.launch-page #launch-main,
body .meet > .in {
  box-sizing: border-box;
  width: var(--atlas-layout-width);
  max-width: none;
  margin-inline: auto;
}
body .wrap .wrap { width: 100%; }
body main > .page-hero,
body[data-route="abilities"] main > .hero,
body.launch-page .launch-hero,
body .meet {
  padding-block: var(--atlas-section-space);
}
body main > .section.wrap,
body[data-route="abilities"] main .sec {
  padding-block: var(--atlas-section-space);
}
body[data-route="abilities"] .abilities-deep-dive > summary {
  box-sizing: border-box;
  width: var(--atlas-layout-width);
  margin-inline: auto;
}
body[data-route="why-atlas"] main.why-atlas {
  box-sizing: border-box;
  width: var(--atlas-layout-width);
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
body[data-route="upgrades"] main > .atlas-live {
  box-sizing: border-box;
  width: var(--atlas-layout-width);
  max-width: none;
  margin-inline: auto;
}

/* Home uses the same rail, with its original two-column scenes and artwork. */
body[data-route="home"] #hero,
body[data-route="home"] #time {
  box-sizing: border-box;
  width: var(--atlas-layout-width);
  max-width: none;
  margin-inline: auto;
  padding: var(--atlas-section-space) 0;
}
body[data-route="home"] #hero {
  gap: clamp(28px, 3vw, 72px);
}
body[data-route="home"] #hero > .in { max-width: none; }
body[data-route="home"] .atlas-primary-visual,
body[data-route="home"] .atlas-history-visual {
  width: 100%;
  max-width: 640px;
}
body[data-route="home"] #event-horizon-launch,
body[data-route="home"] #state,
body[data-route="home"] #recon-bridge,
body[data-route="home"] #live-now,
body[data-route="home"] .atlas-welcome {
  box-sizing: border-box;
  width: var(--atlas-layout-width);
  max-width: none;
  margin-inline: auto;
}
body[data-route="home"] .editions-showcase {
  padding-inline: var(--atlas-layout-gutter);
}
body[data-route="home"] .editions-inner { max-width: none; }
body[data-route="home"] #state .sec-head,
body[data-route="home"] #state .table,
body[data-route="home"] #state .legend {
  max-width: none;
  padding-inline: 0;
}
body[data-route="home"] .foot,
body .launch-footer {
  padding-inline: var(--atlas-layout-gutter);
}
/* The live chronicle has an independent visual composition and the same rail. */
body:has(#collider) main {
  width: var(--atlas-layout-width);
  max-width: none;
  margin-inline: auto;
}

/* Keep navigation usable before its links can crowd the narrower content rail. */
@media (min-width: 1101px) and (max-width: 1599px) {
  body .site-top.atlas-review-shell { flex-wrap: wrap; }
  body .site-top.atlas-review-shell > .site-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
  }
}

/* Small screens retain practical gutters and the existing stacked layouts. */
@media (max-width: 1023px) {
  body {
    --atlas-layout-width: calc(100% - 64px);
    --atlas-layout-gutter: 32px;
    --atlas-section-space: 48px;
  }
}
@media (max-width: 540px) {
  body {
    --atlas-layout-width: calc(100% - 40px);
    --atlas-layout-gutter: 20px;
    --atlas-section-space: 40px;
  }
  body[data-route="home"] .atlas-primary-visual { max-width: 334px; }
  body[data-route="home"] .atlas-history-visual { max-width: 334px; }
}