/* legal.css — shared layout for the legal pages (cookies, privacy, terms).
   Deduped from 3 identical inline <style> blocks. Loaded after site.css, before
   each page's <noscript> reveal fallback — same cascade position, byte-identical. */
/* ══ page-specific ══ */
.legal-hero{padding:128px 0 28px}
.legal-hero .eyebrow{margin-bottom:18px}
.legal-wrap{max-width:820px;margin:0 auto;padding:0 28px 96px}
.legal{font-size:15.5px;line-height:1.75;color:var(--t2)}
.legal h1{font-weight:800;font-size:clamp(30px,4.4vw,46px);line-height:1.08;letter-spacing:-.025em;color:var(--t1);max-width:22ch}
.legal .updated{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.04em;color:var(--t3);margin-top:14px}
.legal h2{font-weight:700;font-size:21px;letter-spacing:-.01em;color:var(--t1);margin:40px 0 12px;padding-top:8px}
.legal h3{font-weight:600;font-size:16.5px;color:var(--t1);margin:24px 0 8px}
.legal p{margin:0 0 14px;font-weight:300}
.legal p b,.legal li b{color:var(--t1);font-weight:600}
.legal ul,.legal ol{margin:0 0 16px;padding-left:22px;display:grid;gap:8px}
.legal li{font-weight:300}
.legal a{color:var(--xtext);border-bottom:1px solid var(--b2);transition:border-color .2s}
.legal a:hover{border-color:var(--b3)}
.legal code{font-family:var(--f-mono);font-size:13px;background:rgba(59,130,246,.08);border:1px solid var(--b1);border-radius:6px;padding:1px 7px;color:var(--t1)}
.legal .toc{background:var(--surface);border:1px solid var(--b1);border-radius:var(--r-md);padding:18px 22px;margin:28px 0 8px}
.legal .toc-t{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}
.legal .toc ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;grid-template-columns:1fr 1fr}
.legal .toc a{border:none;font-size:13.5px;color:var(--t2)}
.legal .toc a:hover{color:var(--t1)}
.legal .end-note{margin-top:44px;padding-top:20px;border-top:1px solid var(--b1);font-size:13px;color:var(--t3);font-style:italic;font-weight:300}
/* template-review callout — uses --warn token */
.tpl-note{display:flex;gap:13px;align-items:flex-start;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.28);border-radius:var(--r-md);padding:16px 18px;margin:24px 0 4px}
.tpl-note .ti{font-size:18px;line-height:1.4;flex-shrink:0}
.tpl-note p{font-size:13.5px;color:var(--warn);margin:0;line-height:1.6;font-weight:400}
.tpl-note p b{color:var(--warn)}
@media(max-width:560px){.legal .toc ul{grid-template-columns:1fr}}