:root { color-scheme: dark; --black:#050407; --paper:#e9dec3; --gold:#d6ad63; --pink:#ff3a98; --muted:#b2a897; }
* { box-sizing: border-box; }
html { background: var(--black); }
body { margin:0; min-width:320px; color:var(--paper); background:radial-gradient(circle at 70% 0,rgba(214,173,99,.08),transparent 30rem),var(--black); font-family:Georgia,"Times New Roman",serif; line-height:1.85; }
a { color:var(--gold); text-underline-offset:.18em; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:min(calc(100% - 2rem),940px); margin:0 auto; padding:1.4rem 0; border-bottom:1px solid rgba(214,173,99,.35); }
.legal-brand { color:var(--pink); font-weight:900; letter-spacing:.09em; text-decoration:none; }
.legal-header nav { display:flex; gap:.35rem; }
.legal-header nav a { min-width:2.5rem; padding:.35rem .5rem; border:1px solid rgba(214,173,99,.3); font:700 .68rem/1 ui-monospace,monospace; text-align:center; text-decoration:none; }
main { width:min(calc(100% - 2rem),940px); margin:0 auto; padding:clamp(3rem,8vw,7rem) 0; }
.legal-paper { position:relative; padding:clamp(1.4rem,5vw,4.5rem); border:5px double rgba(214,173,99,.45); background:linear-gradient(145deg,rgba(214,173,99,.045),rgba(255,255,255,.012)); box-shadow:0 2rem 5rem rgba(0,0,0,.45); }
.legal-paper::before { position:absolute; inset:12px; pointer-events:none; content:""; border:1px solid rgba(255,58,152,.12); }
h1,h2,h3 { color:var(--gold); line-height:1.25; }
h1 { margin:0 0 2.5rem; color:var(--pink); font-size:clamp(2rem,5vw,3.6rem); letter-spacing:-.025em; }
h2 { margin:4rem 0 1.5rem; padding-bottom:.5rem; border-bottom:1px solid rgba(214,173,99,.28); font-size:clamp(1.45rem,3vw,2.1rem); }
h3 { margin:2.8rem 0 1rem; font-size:1.22rem; }
p,li { color:#c7bdad; }
li { margin:.35rem 0; }
hr { margin:4rem 0; border:0; border-top:3px double rgba(214,173,99,.35); }
code { color:#fff; background:#1c151c; padding:.08em .3em; }
footer { width:min(calc(100% - 2rem),940px); margin:0 auto; padding:0 0 2.5rem; color:#746b60; font:700 .68rem/1.5 ui-monospace,monospace; letter-spacing:.08em; }
@media(max-width:600px){.legal-header{align-items:flex-start}.legal-brand{max-width:10rem}.legal-paper{padding:1.35rem}.legal-paper::before{display:none}ol,ul{padding-left:1.35rem}}
