/*
 * BIOS Editorial V2
 * Shared product language for every page outside the finished home and patient
 * experiences. Loaded only by pages carrying the editorial-v2 body class.
 */

body.editorial-v2 {
  --editorial-ink: #101114;
  --editorial-muted: #6e6e73;
  --editorial-soft: #f5f5f7;
  --editorial-soft-blue: #f1f7ff;
  --editorial-paper: #fff;
  --editorial-blue: #0071e3;
  --editorial-blue-hover: #0077ed;
  --editorial-line: rgba(16, 17, 20, .1);
  --editorial-radius: 32px;
  --editorial-radius-small: 24px;
  color: var(--editorial-ink);
  background: var(--editorial-paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Arial, sans-serif;
}

body.editorial-v2 main { overflow: clip; }

body.editorial-v2 h1,
body.editorial-v2 h2,
body.editorial-v2 h3 {
  color: var(--editorial-ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  text-wrap: balance;
}

body.editorial-v2 p { text-wrap: pretty; }

/* Content must never depend on an observer firing at exactly the right moment. */
body.editorial-v2 .reveal,
body.editorial-v2 .reveal.visible {
  opacity: 1;
  transform: none;
}

body.editorial-v2 .shell {
  width: min(1180px, calc(100% - 64px));
}

/* Header follows the calm, product-first language of the finished pages. */
body.editorial-v2 .site-header {
  border-bottom: 1px solid rgba(16, 17, 20, .055);
  background: rgba(255, 255, 255, .88);
  box-shadow: none;
  backdrop-filter: saturate(180%) blur(20px);
}

body.editorial-v2 .site-header.is-scrolled {
  border-color: var(--editorial-line);
  box-shadow: none;
}

body.editorial-v2 .header-inner { min-height: 68px; }
body.editorial-v2 .brand { color: var(--editorial-ink); }
body.editorial-v2 .main-nav a { color: #3f3f44; }

body.editorial-v2 .btn {
  min-height: 50px;
  padding-inline: 23px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 560;
  letter-spacing: -.015em;
  box-shadow: none;
}

body.editorial-v2 .btn-primary,
body.editorial-v2 .btn-dark {
  color: #fff;
  border-color: var(--editorial-blue);
  background: var(--editorial-blue);
}

body.editorial-v2 .btn-primary:hover,
body.editorial-v2 .btn-dark:hover {
  border-color: var(--editorial-blue-hover);
  background: var(--editorial-blue-hover);
  transform: none;
}

body.editorial-v2 .btn-light {
  color: var(--editorial-blue);
  border-color: var(--editorial-blue);
  background: transparent;
}

body.editorial-v2 .btn-light:hover {
  color: #fff;
  border-color: var(--editorial-blue-hover);
  background: var(--editorial-blue-hover);
}

body.editorial-v2 .btn-text,
body.editorial-v2 .text-link,
body.editorial-v2 .document-link { color: var(--editorial-blue); }

body.editorial-v2 .eyebrow {
  margin-bottom: 22px;
  color: #3a3a3f;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -.01em;
  text-transform: none;
}

/* A subpage hero is quieter than the home hero, but still feels like a product. */
body.editorial-v2 .page-hero {
  min-height: 640px;
  padding: clamp(98px, 8vw, 132px) 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(0, 113, 227, .08), transparent 30%),
    var(--editorial-soft);
}

body.editorial-v2 .page-hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  align-items: center;
  gap: clamp(54px, 7vw, 110px);
}

body.editorial-v2 .page-hero h1 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(52px, 4.8vw, 68px);
  font-weight: 600;
  letter-spacing: -.058em;
  line-height: .98;
}

body.editorial-v2 .page-hero .lead {
  max-width: 720px;
  margin-top: 30px;
  color: var(--editorial-muted);
  font-size: clamp(19px, 1.5vw, 22px);
  line-height: 1.5;
}

body.editorial-v2 .hero-actions { gap: 12px; margin-top: 34px; }
body.editorial-v2 .hero-note { margin-top: 22px; color: #86868b; }

/* Branded hero surfaces replace generic decoration with a restrained motif. */
body.editorial-v2 .media-lockup {
  position: relative;
  min-height: 430px;
  border: 1px solid rgba(16, 17, 20, .06);
  border-radius: 36px;
  background:
    radial-gradient(circle at 50% 100%, rgba(0, 113, 227, .18), transparent 46%),
    linear-gradient(145deg, #fff 0%, #f8fbff 52%, #eef5ff 100%);
  box-shadow: 0 24px 70px rgba(35, 53, 87, .08);
  overflow: hidden;
}

body.editorial-v2 .media-lockup::before,
body.editorial-v2 .media-lockup::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(0, 113, 227, .1);
  border-radius: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

body.editorial-v2 .media-lockup::after {
  width: 460px;
  height: 460px;
  border-color: rgba(101, 70, 255, .07);
}

body.editorial-v2 .media-lockup .brand {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: grid;
  width: 180px;
  height: 180px;
  place-items: center;
  border: 1px solid rgba(16, 17, 20, .06);
  border-radius: 50%;
  color: transparent;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 22px 60px rgba(35, 53, 87, .09);
  transform: translate(-50%, -50%);
}

body.editorial-v2 .media-lockup .brand img { width: 92px; height: 92px; }

body.editorial-v2 .hero-stat-grid {
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(16, 17, 20, .06);
  border-radius: 32px;
  background: rgba(16, 17, 20, .08);
  box-shadow: 0 24px 70px rgba(35, 53, 87, .07);
  overflow: hidden;
}

body.editorial-v2 .hero-stat {
  min-height: 190px;
  padding: 30px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, .97);
}

body.editorial-v2 .hero-stat strong {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.025em;
}

body.editorial-v2 .hero-stat p { color: var(--editorial-muted); }

body.editorial-v2 .signal-visual {
  min-height: 500px;
  border: 1px solid rgba(16, 17, 20, .06);
  border-radius: 36px;
  background:
    radial-gradient(circle at 50% 45%, rgba(0, 113, 227, .12), transparent 28%),
    linear-gradient(145deg, #fff, #f2f7ff);
  box-shadow: 0 24px 70px rgba(35, 53, 87, .07);
}

body.editorial-v2 .signal-chip {
  border: 1px solid rgba(16, 17, 20, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 14px 36px rgba(35, 53, 87, .07);
}

/* Editorial rhythm: one thought per section, with alternating calm surfaces. */
body.editorial-v2 .section { padding: clamp(108px, 10vw, 160px) 0; }
body.editorial-v2 .section-tight { padding: clamp(84px, 8vw, 118px) 0; }
body.editorial-v2 .section-soft { background: var(--editorial-soft); }
body.editorial-v2 .section-dark { background: var(--editorial-ink); }

body.editorial-v2 .section-head {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .55fr);
  align-items: end;
  gap: clamp(38px, 6vw, 90px);
  margin-bottom: clamp(52px, 6vw, 82px);
}

body.editorial-v2 .section-head.single { max-width: 960px; }

body.editorial-v2 .section-head h2,
body.editorial-v2 .legal-hero h1 {
  max-width: 960px;
  margin: 0;
  font-size: clamp(46px, 4.4vw, 64px);
  font-weight: 600;
  letter-spacing: -.056em;
  line-height: .99;
}

body.editorial-v2 .section-lead {
  max-width: 590px;
  color: var(--editorial-muted);
  font-size: 18px;
  line-height: 1.55;
}

body.editorial-v2 .section-head.single .section-lead {
  max-width: 720px;
  margin-top: 28px;
}

body.editorial-v2 .section-dark h2,
body.editorial-v2 .section-dark h3,
body.editorial-v2 .section-dark strong { color: #f5f5f7; }

body.editorial-v2 .section-dark p,
body.editorial-v2 .section-dark .section-lead { color: #a1a1a6; }

body.editorial-v2 .section-dark .eyebrow { color: #d2d2d7; }

/* Larger surfaces replace dense dashboard grids. */
body.editorial-v2 .card-grid,
body.editorial-v2 .metric-grid,
body.editorial-v2 .problem-grid,
body.editorial-v2 .source-grid,
body.editorial-v2 .trust-grid,
body.editorial-v2 .audience-grid,
body.editorial-v2 .use-case-grid { gap: 18px; }

body.editorial-v2 .card-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

body.editorial-v2 :is(.card, .metric-card, .problem-card, .trust-card, .source-card, .audience-card, .contact-card, .pilot-step, .roadmap-phase, .thesis-card, .result-card) {
  min-height: 290px;
  padding: clamp(30px, 3.2vw, 44px);
  border: 0;
  border-radius: var(--editorial-radius-small);
  background: var(--editorial-soft);
  box-shadow: none;
}

body.editorial-v2 .section-soft :is(.card, .metric-card, .problem-card, .trust-card, .source-card, .audience-card, .contact-card, .pilot-step, .roadmap-phase, .thesis-card, .result-card) {
  background: var(--editorial-paper);
}

body.editorial-v2 :is(.card, .metric-card, .problem-card, .trust-card, .source-card, .audience-card) h3 {
  font-size: clamp(24px, 2.2vw, 31px);
  font-weight: 600;
  letter-spacing: -.042em;
  line-height: 1.06;
}

body.editorial-v2 :is(.card, .metric-card, .problem-card, .trust-card, .source-card, .audience-card) p {
  color: var(--editorial-muted);
  font-size: 17px;
  line-height: 1.5;
}

body.editorial-v2 .card-index,
body.editorial-v2 .metric-code,
body.editorial-v2 .stage-code {
  color: #86868b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .035em;
}

body.editorial-v2 .card-index { margin-bottom: clamp(58px, 7vw, 90px); }

body.editorial-v2 .status {
  border: 0;
  color: #626269;
  background: #ececf0;
}

body.editorial-v2 .status.available { color: #216e4b; background: #e9f6ef; }

/* Technical material looks like a product surface, not a flow-chart template. */
body.editorial-v2 :is(.architecture, .process-flow, .steps-line, .memory-states, .stage-strip, .hypothesis-card, .product-frame, .governance-grid, .data-lifecycle, .form-shell) {
  border: 1px solid var(--editorial-line);
  border-radius: var(--editorial-radius);
  background: var(--editorial-paper);
  box-shadow: none;
}

body.editorial-v2 .memory-states {
  display: grid;
  gap: 10px;
  padding: 20px;
}

body.editorial-v2 .memory-state {
  min-height: 92px;
  border: 0;
  border-radius: 17px;
  background: var(--editorial-soft);
}

body.editorial-v2 .section-soft :is(.architecture, .process-flow, .steps-line, .memory-states, .stage-strip, .hypothesis-card, .product-frame, .governance-grid, .data-lifecycle, .form-shell) {
  border-color: rgba(16, 17, 20, .055);
}

body.editorial-v2 .section-dark .architecture {
  border-color: rgba(255, 255, 255, .14);
  background: #1b1b1f;
}

body.editorial-v2 .section-dark .architecture-module,
body.editorial-v2 .section-dark .architecture-module.core {
  color: #f5f5f7;
  background: #2a2a2f;
}

body.editorial-v2 .architecture-module,
body.editorial-v2 .architecture-module.core {
  min-height: 76px;
  border: 0;
  border-radius: 16px;
  background: var(--editorial-soft);
  box-shadow: none;
}

body.editorial-v2 .process-step {
  min-height: 300px;
  padding: 36px 30px;
}

body.editorial-v2 .process-step h3 {
  margin-top: 72px;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -.035em;
}

body.editorial-v2 .principle-list {
  border-top: 1px solid var(--editorial-line);
}

body.editorial-v2 .principle {
  grid-template-columns: 64px minmax(220px, .7fr) minmax(300px, 1fr);
  gap: 30px;
  padding-block: 34px;
  border-bottom-color: var(--editorial-line);
}

body.editorial-v2 .principle h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.035em;
}

body.editorial-v2 .principle p { color: var(--editorial-muted); font-size: 17px; }

body.editorial-v2 .clarity-scene,
body.editorial-v2 .memory-layout {
  gap: clamp(48px, 7vw, 110px);
}

body.editorial-v2 .clarity-statement h2,
body.editorial-v2 .memory-copy h2 {
  font-size: clamp(46px, 4.4vw, 64px);
  font-weight: 600;
  letter-spacing: -.056em;
  line-height: .99;
}

body.editorial-v2 .clarity-statement p,
body.editorial-v2 .memory-copy p { color: var(--editorial-muted); font-size: 18px; }

body.editorial-v2 .faq-list details {
  border-color: var(--editorial-line);
  background: transparent;
}

body.editorial-v2 .faq-list summary {
  padding-block: 28px;
  font-size: 21px;
  font-weight: 600;
}

/* Legal pages share the brand system but preserve reading density. */
body.editorial-v2 .legal-hero {
  padding: clamp(94px, 8vw, 130px) 0 72px;
  background: var(--editorial-soft);
}

body.editorial-v2 .legal-hero p {
  max-width: 760px;
  color: var(--editorial-muted);
  font-size: 19px;
}

body.editorial-v2 .legal-meta {
  gap: 12px 28px;
  border-color: var(--editorial-line);
  color: #86868b;
}

body.editorial-v2 .legal-layout { gap: clamp(48px, 7vw, 104px); }

body.editorial-v2 .legal-toc {
  top: 96px;
  padding: 26px;
  border-radius: 20px;
  background: var(--editorial-soft);
}

body.editorial-v2 .legal-copy { max-width: 800px; }

body.editorial-v2 .legal-copy h2 {
  margin-top: 68px;
  font-size: 31px;
  font-weight: 600;
  letter-spacing: -.04em;
}

body.editorial-v2 .legal-copy h3 { font-size: 20px; }
body.editorial-v2 .legal-copy p,
body.editorial-v2 .legal-copy li { color: #4f4f55; line-height: 1.65; }

body.editorial-v2 .legal-note {
  padding: 24px 26px;
  border: 0;
  border-radius: 18px;
  background: var(--editorial-soft-blue);
}

/* Forms and final actions are deliberately simple. */
body.editorial-v2 .form-shell {
  padding: clamp(32px, 4vw, 54px);
  background: var(--editorial-soft);
}

body.editorial-v2 .field input,
body.editorial-v2 .field select,
body.editorial-v2 .field textarea {
  min-height: 54px;
  border-color: transparent;
  border-radius: 15px;
  background: var(--editorial-paper);
}

body.editorial-v2 .checkbox input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex: 0 0 20px;
  accent-color: var(--editorial-blue);
}

body.editorial-v2 .form-context {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  padding: 20px 22px;
  border: 1px solid rgba(0, 113, 227, .14);
  border-radius: 20px;
  background: linear-gradient(135deg, #eef7ff 0%, #f7f5ff 100%);
}

body.editorial-v2 .form-context span,
body.editorial-v2 .form-context small {
  color: #6e6e73;
  font-size: 13px;
  line-height: 1.4;
}

body.editorial-v2 .form-context strong {
  color: #1d1d1f;
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.25;
  letter-spacing: -.02em;
}

body.editorial-v2 .cta-band {
  padding: clamp(86px, 8vw, 126px) 0;
  background: var(--editorial-paper);
}

body.editorial-v2 .cta-shell {
  padding: clamp(48px, 6vw, 78px);
  border: 0;
  border-radius: 34px;
  color: #f5f5f7;
  background: var(--editorial-ink);
}

body.editorial-v2 .cta-shell h2 {
  color: #f5f5f7;
  font-size: clamp(42px, 4.3vw, 60px);
  font-weight: 600;
  letter-spacing: -.056em;
  line-height: .98;
}

body.editorial-v2 .cta-shell p { color: #a1a1a6; }
body.editorial-v2 .cta-shell .btn-light { color: #fff; border-color: #fff; }

body.editorial-v2 .site-footer {
  color: #d2d2d7;
  background: var(--editorial-ink);
}

body.editorial-v2 .site-footer .brand,
body.editorial-v2 .footer-column h3 { color: #f5f5f7; }
body.editorial-v2 .site-footer .footer-wordmark { content: url("brand/bios-wordmark-light-original.png"); }

body.editorial-v2 .footer-brand p,
body.editorial-v2 .footer-column a,
body.editorial-v2 .footer-bottom { color: #a1a1a6; }

body.editorial-v2:is([data-page="404"], [data-page="thank-you"]) .hero {
  display: flex;
  min-height: calc(100svh - 68px);
  align-items: center;
  padding: 96px 0;
  background:
    radial-gradient(circle at 72% 26%, rgba(0, 113, 227, .1), transparent 30%),
    var(--editorial-soft);
}

body.editorial-v2:is([data-page="404"], [data-page="thank-you"]) .section-head.single {
  max-width: 780px;
  margin-bottom: 0;
}

body.editorial-v2:is([data-page="404"], [data-page="thank-you"]) h1 {
  font-size: clamp(54px, 6vw, 76px);
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: .96;
}

/* The dedicated clinic page keeps its imagery and information architecture. */
body.editorial-v2.concept-clinics-life {
  --clinic-life-bg: #fff;
  --clinic-life-soft: #f5f5f7;
}

body.editorial-v2 .clinic-life-hero {
  background:
    radial-gradient(circle at 80% 12%, rgba(0, 113, 227, .08), transparent 32%),
    #f5f5f7;
}

body.editorial-v2 .clinic-life-hero-photo {
  border: 1px solid rgba(16, 17, 20, .06);
  box-shadow: 0 26px 74px rgba(35, 53, 87, .1);
}

body.editorial-v2 .clinic-life-section-head h2 {
  color: var(--editorial-ink);
  font-weight: 600;
  letter-spacing: -.056em;
}

body.editorial-v2 .clinic-life-section-head h2 span { color: inherit; }

body.editorial-v2 :is(.clinic-life-three-steps li, .clinic-life-problem-grid article, .clinic-life-value-grid article, .clinic-life-formats-grid article, .clinic-life-security-grid article) {
  box-shadow: none;
}

@media (max-width: 900px) {
  body.editorial-v2 .page-hero-grid { grid-template-columns: 1fr; }
  body.editorial-v2 .page-hero { min-height: auto; }
  body.editorial-v2 .page-hero h1 { max-width: 820px; }
  body.editorial-v2 .section-head { grid-template-columns: 1fr; align-items: start; gap: 26px; }
  body.editorial-v2 .section-lead { max-width: 720px; }
}

@media (max-width: 720px) {
  body.editorial-v2 .shell { width: calc(100% - 32px); }
  body.editorial-v2 .header-inner { min-height: 64px; }
  body.editorial-v2 .main-nav { top: 64px; }

  body.editorial-v2 .page-hero {
    padding: 72px 0 82px;
    background:
      radial-gradient(circle at 85% 12%, rgba(0, 113, 227, .075), transparent 32%),
      var(--editorial-soft);
  }

  body.editorial-v2 .page-hero-grid { gap: 48px; }

  body.editorial-v2 .page-hero h1 {
    font-size: clamp(39px, 11.2vw, 46px);
    letter-spacing: -.052em;
    line-height: 1;
  }

  body.editorial-v2 .page-hero .lead { margin-top: 24px; font-size: 18px; }
  body.editorial-v2 .hero-actions { align-items: stretch; flex-direction: column; margin-top: 30px; }
  body.editorial-v2 .hero-actions .btn { width: 100%; }

  body.editorial-v2 .media-lockup { display: block; min-height: 280px; border-radius: 28px; }
  body.editorial-v2 .media-lockup::before { width: 220px; height: 220px; }
  body.editorial-v2 .media-lockup::after { width: 330px; height: 330px; }
  body.editorial-v2 .media-lockup .brand { width: 126px; height: 126px; }
  body.editorial-v2 .media-lockup .brand img { width: 64px; height: 64px; }
  body.editorial-v2 .signal-visual { min-height: 430px; border-radius: 28px; }

  body.editorial-v2 .section { padding: 84px 0; }
  body.editorial-v2 .section-tight { padding: 68px 0; }
  body.editorial-v2 .section-head { margin-bottom: 42px; }
  body.editorial-v2 .section-head h2,
  body.editorial-v2 .legal-hero h1,
  body.editorial-v2 .clarity-statement h2,
  body.editorial-v2 .memory-copy h2 {
    font-size: clamp(36px, 10.2vw, 42px);
    letter-spacing: -.05em;
    line-height: 1.01;
  }

  body.editorial-v2 .section-lead { font-size: 17px; }

  body.editorial-v2 .card-grid.cols-2,
  body.editorial-v2 .problem-grid,
  body.editorial-v2 .integration-columns,
  body.editorial-v2 .contact-grid { grid-template-columns: 1fr; }

  body.editorial-v2 .card-grid.cols-3,
  body.editorial-v2 .card-grid.cols-4,
  body.editorial-v2 .metric-grid,
  body.editorial-v2 .source-grid,
  body.editorial-v2 .trust-grid,
  body.editorial-v2 .audience-grid,
  body.editorial-v2 .use-case-grid {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(86vw, 360px);
    gap: 14px;
    margin-right: -16px;
    padding-right: 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-left: 16px;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  body.editorial-v2 .card-grid.cols-3::-webkit-scrollbar,
  body.editorial-v2 .card-grid.cols-4::-webkit-scrollbar,
  body.editorial-v2 .metric-grid::-webkit-scrollbar,
  body.editorial-v2 .source-grid::-webkit-scrollbar,
  body.editorial-v2 .trust-grid::-webkit-scrollbar,
  body.editorial-v2 .audience-grid::-webkit-scrollbar,
  body.editorial-v2 .use-case-grid::-webkit-scrollbar { display: none; }

  body.editorial-v2 .card-grid.cols-3 > *,
  body.editorial-v2 .card-grid.cols-4 > *,
  body.editorial-v2 .metric-grid > *,
  body.editorial-v2 .source-grid > *,
  body.editorial-v2 .trust-grid > *,
  body.editorial-v2 .audience-grid > *,
  body.editorial-v2 .use-case-grid > * { scroll-snap-align: start; }

  body.editorial-v2 :is(.card, .metric-card, .problem-card, .trust-card, .source-card, .audience-card, .contact-card, .pilot-step, .roadmap-phase, .thesis-card, .result-card) {
    min-height: 300px;
    padding: 30px;
  }

  body.editorial-v2 .card-index { margin-bottom: 66px; }
  body.editorial-v2 .process-flow { grid-template-columns: 1fr; }
  body.editorial-v2 .process-step { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--editorial-line); }
  body.editorial-v2 .process-step:last-child { border-bottom: 0; }

  body.editorial-v2 .principle {
    grid-template-columns: 46px 1fr;
    gap: 12px 18px;
    padding-block: 28px;
  }

  body.editorial-v2 .principle p { grid-column: 2; }
  body.editorial-v2 .architecture { min-width: 680px; }
  body.editorial-v2 .legal-hero { padding: 76px 0 54px; }
  body.editorial-v2 .legal-layout { display: block; }
  body.editorial-v2 .legal-toc {
    position: sticky;
    z-index: 8;
    top: 64px;
    display: flex;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 0;
    background: rgba(255, 255, 255, .94);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    backdrop-filter: saturate(180%) blur(20px);
  }
  body.editorial-v2 .legal-toc::-webkit-scrollbar { display: none; }
  body.editorial-v2 .legal-toc strong,
  body.editorial-v2 .legal-toc a { flex: 0 0 auto; }
  body.editorial-v2 .legal-toc strong { margin: 0 6px 0 0; font-size: 11px; }
  body.editorial-v2 .legal-toc a {
    display: inline-flex;
    min-height: 36px;
    padding: 0 14px;
    align-items: center;
    border-radius: 999px;
    color: #3f3f44;
    background: var(--editorial-soft);
    font-size: 13px;
    white-space: nowrap;
  }
  body.editorial-v2 .legal-copy { padding-top: 34px; }
  body.editorial-v2 .legal-copy h2 { margin-top: 54px; font-size: 28px; }

  body.editorial-v2 .cta-band { padding: 68px 0; }
  body.editorial-v2 .cta-shell { padding: 42px 28px; border-radius: 28px; }
  body.editorial-v2 .cta-shell h2 { font-size: 38px; }
  body.editorial-v2 .cta-actions { align-items: stretch; }
  body.editorial-v2 .cta-actions .btn { width: 100%; }

  body.editorial-v2:is([data-page="404"], [data-page="thank-you"]) .hero {
    min-height: calc(100svh - 64px);
    padding: 70px 0;
  }
  body.editorial-v2:is([data-page="404"], [data-page="thank-you"]) h1 {
    font-size: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.editorial-v2 *,
  body.editorial-v2 *::before,
  body.editorial-v2 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}