.legal-page{padding:clamp(48px,8vw,80px) 0 64px;background:var(--bg-2);min-height:100vh}
.legal-layout{display:grid;grid-template-columns:1fr;gap:40px;margin-top:32px}
.legal-toc{position:sticky;top:84px;border:1px solid var(--hairline);border-radius:var(--radius);padding:20px;background:rgba(255,255,255,.02);align-self:start}
.legal-toc h4{font-family:var(--display);font-size:18px;letter-spacing:.1em;color:var(--gold);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--gold-soft)}
.legal-toc ol{list-style:none;counter-reset:t;display:flex;flex-direction:column;gap:6px}
.legal-toc li{counter-increment:t}
.legal-toc a{display:block;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--muted-2);transition:background .2s,color .2s}
.legal-toc a::before{content:counter(t,decimal-leading-zero) ". ";color:var(--gold);font-weight:700}
.legal-toc a:hover,.legal-toc a.active{background:rgba(184,150,46,.08);color:var(--text)}
.legal-updated{color:var(--muted);font-size:13px;margin-top:12px}
.legal-body{font-size:15px;line-height:1.75;color:var(--muted-2)}
.legal-body article{margin-bottom:40px;scroll-margin-top:96px}
.legal-body h3{font-family:var(--display);font-size:26px;letter-spacing:.04em;color:var(--gold);margin-bottom:14px;padding-top:8px}
.legal-body p{margin-bottom:12px}
.legal-body ul{padding-left:20px;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px}
.legal-body li::marker{color:var(--gold)}
.legal-callout{border-left:3px solid var(--gold);background:rgba(184,150,46,.06);padding:16px 18px;border-radius:0 10px 10px 0;color:var(--text);font-style:italic;margin:16px 0}
.legal-nav-links{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.legal-nav-links a{padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--hairline);color:var(--muted-2)}
.legal-nav-links a:hover{border-color:var(--gold);color:var(--gold)}
@media(min-width:1024px){.legal-layout{grid-template-columns:280px 1fr}}