/* =============================================================
   Legal pages (privacy, terms).
   Reuses the campaign palette and type from styles.css and adds only
   what a long read needs: a measured column, generous line height,
   and headings that scan. No hero, no ambient layer — the point of
   these pages is that they are read, not felt.
   ============================================================= */
body.legal{background:var(--ink)}
.doc{max-width:760px;margin:0 auto;padding:calc(var(--nav-h) + 46px) var(--gutter) 90px}
@media (min-width:1020px){.doc{padding-top:calc(var(--nav-h) + 70px)}}

.doc .eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.26em;
  color:var(--amber);margin-bottom:14px}
.doc h1{font-family:var(--font-display);font-style:italic;font-weight:700;
  font-size:clamp(30px,5.4vw,46px);line-height:1.05;letter-spacing:-.01em;margin-bottom:18px}
.doc .lead{font-size:16px;line-height:1.7;color:#fff;margin-bottom:10px}
.doc .updated{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;
  color:rgba(255,255,255,.45);margin-bottom:38px}

.doc h2{font-size:17px;font-weight:700;color:#fff;margin:38px 0 12px;
  padding-top:20px;border-top:1px solid var(--line)}
.doc p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.78);margin-bottom:14px}
.doc b{color:#fff}
.doc ul{margin:0 0 16px;padding-left:20px}
.doc li{font-size:15px;line-height:1.75;color:rgba(255,255,255,.78);margin-bottom:9px}
.doc li::marker{color:var(--orange)}
.doc a{color:var(--amber)}
.doc a:hover{color:#fff}

/* Anything still awaiting a decision from the client is marked, so it
   cannot quietly ship as if it were final. */
.doc .note{font-size:13px;line-height:1.6;color:var(--amber);
  border-left:2px solid var(--orange);background:rgba(244,121,32,.07);
  padding:11px 14px;border-radius:0 8px 8px 0;margin:0 0 16px}

.doc .back{margin-top:46px;padding-top:22px;border-top:1px solid var(--line)}
.doc .back a{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-decoration:none}

/* The nav on these pages has no menu, so the CTA sits at the end. */
body.legal nav .nav-cta{display:inline-block;margin-left:auto}