/* ═══════════════════════════════════════════════════════════════════
   DrK · The Way of Heaven — LEGAL PAGES (terms + privacy)
   Page components ONLY. Tokens, base, nav, footer live in the installed
   home.css + site.css — nothing here redefines them. Every new class is
   legal- prefixed; every colour is a var(--…). One stylesheet, both pages.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Page head ─────────────────────────────────────────────────────
   103px = the 87px fixed nav + 16px clear space (same arrival offset as
   the single-post page; raw value flagged in README). */
.legal-head{padding:103px var(--gutter) 0}
.legal-head .sec-inner{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.legal-title{margin:0;font-family:var(--font-display);font-weight:var(--w-light);font-size:clamp(30px,4.2vw,54px);letter-spacing:var(--track-monument);line-height:var(--lh-monument);text-transform:uppercase;color:var(--text-heading);text-wrap:balance}
.legal-head .mono{margin-top:-6px}
.legal-head-rule{margin-top:16px}

/* ── The column: ≈68ch, per spec (deliberately NOT --measure/58ch) ── */
.legal-col{max-width:68ch}
.legal-sec{padding-top:48px;padding-bottom:96px}

/* ── Preamble (Terms only) ── */
.legal-lead{margin:0 0 44px;font-family:var(--font-body);font-weight:var(--w-book);font-size:var(--fs-body);line-height:1.85;letter-spacing:var(--track-body);color:var(--text-body);text-wrap:pretty}

/* ── Jump list (Terms only) ── */
.legal-jump{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 32px;margin:0 0 64px}
.legal-jump a{display:flex;align-items:baseline;gap:10px;font-family:var(--font-technical);font-weight:var(--w-light);font-size:var(--fs-mono);letter-spacing:var(--track-caps-tight);line-height:1.5;text-transform:uppercase;color:var(--text-faint);text-decoration:none;transition:var(--transition-quiet)}
.legal-jump a:hover{color:var(--gold-bright)}
.legal-jump-num{flex:none;color:var(--gold-40)}

/* ── Body: numbered sections, plain headings ──
   Descendant rules by design — minor wording edits at install must not
   require re-classing anything. */
.legal-body{display:flex;flex-direction:column;gap:46px}
.legal-body section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:110px}
.legal-body h2{margin:0;font-family:var(--font-heading);font-weight:var(--w-light);font-size:var(--fs-body-sm);letter-spacing:var(--track-caps-tight);line-height:var(--lh-caps);text-transform:uppercase;color:var(--text-heading);text-wrap:balance}
.legal-body p{margin:0;font-family:var(--font-body);font-weight:var(--w-book);font-size:var(--fs-body-sm);line-height:1.8;letter-spacing:var(--track-body);color:var(--text-body);text-wrap:pretty;overflow-wrap:break-word}
.legal-body strong{font-weight:500;color:var(--text-heading)}
.legal-body em{font-style:italic}
.legal-body a{color:var(--gold);text-decoration:none;transition:var(--transition-quiet)}
.legal-body a:hover{color:var(--gold-bright)}
.legal-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.legal-body li{position:relative;padding-left:20px;font-family:var(--font-body);font-weight:var(--w-book);font-size:var(--fs-body-sm);line-height:1.8;letter-spacing:var(--track-body);color:var(--text-body);text-wrap:pretty;overflow-wrap:break-word}
.legal-body li::before{content:"–";position:absolute;left:0;color:var(--gold-40)}

/* ── The one rule before the contact block ── */
.legal-close-rule{margin:60px 0 46px}