body{background:var(--bg)}
.legal{max-width:780px;margin:0 auto;padding:32px 20px 60px;background:#fff;min-height:100vh;box-sizing:border-box}
.legal-brand img{height:34px;width:auto}
.legal h1{font-size:30px;letter-spacing:-.03em;margin:18px 0 4px}
.legal h2{font-size:18px;margin:28px 0 8px}
.legal p,.legal li{line-height:1.6;font-size:15px}
.legal li{margin:4px 0}
.legal-meta{color:var(--muted);font-size:13px}
.legal-draft{background:#fffbeb;border:1px solid #f5d98b;color:#92400e;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;margin-top:18px}
.legal-nav{font-size:13px}
.legal button{border:0;border-radius:8px;padding:10px 16px;background:var(--brand);color:#fff;font-weight:600;cursor:pointer}
@media(min-width:820px){.legal{margin:24px auto;border:1px solid var(--line);border-radius:14px;min-height:0}}