/* legal pages (privacy.html) — reuses the fonts, tokens and footer of landing.css */
.legal-top{padding:22px 16px 0;text-align:center}
.legal-home{font:13px var(--f-type);letter-spacing:.42em;text-transform:uppercase;color:var(--cream-2)}
.legal{max-width:760px;margin:22px auto 56px;padding:32px 22px 36px;border-radius:16px;background:rgba(20,11,5,.84);border:2px solid var(--copper-d);box-shadow:inset 0 1px 0 rgba(255,220,150,.12),0 10px 30px rgba(0,0,0,.55);color:var(--cream-2);font-size:16px;line-height:1.65}
.legal h1{font:400 clamp(34px,8vw,52px)/1 var(--f-display);color:var(--cream);text-shadow:0 3px 0 #1a0a02}
.legal .updated{margin-top:10px;font:13px var(--f-type);letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}
.legal h2{margin-top:30px;font:400 22px/1.2 var(--f-display);color:var(--gold);text-shadow:0 2px 0 #1a0a02}
.legal p,.legal ul{margin-top:12px}
.legal ul{padding-left:20px;list-style:disc}
.legal li{margin-top:8px}
.legal li::marker{color:var(--copper)}
.legal strong{color:var(--cream)}
.legal a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.legal-page .foot{padding-bottom:calc(48px + env(safe-area-inset-bottom))}
@media (max-width:480px){.legal{margin:16px 12px 40px;padding:24px 16px 28px}}