/* 2c: static legal pages (/legal/terms, /legal/privacy). No script, no inline CSS. */
.legal{max-width:760px;margin:0 auto;padding:32px 20px 64px}
.legal h1{font-size:30px;line-height:38px;margin:0 0 6px;font-weight:700}
.legal .updated{color:var(--muted);margin:0 0 28px;font-size:13px}
.legal h2{font-size:18px;line-height:26px;margin:32px 0 8px;font-weight:700}
.legal p,.legal li{color:#d6dde1;font-size:15px;line-height:24px;margin:0 0 12px}
.legal ul{padding-left:20px;margin:0 0 12px}
.legal a{width:auto;margin:0;color:var(--green);text-decoration:underline;text-underline-offset:2px}
.legal code{font-size:13px;color:var(--muted)}
.legal-nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.legal-nav a{color:var(--muted)}
header .brand{color:inherit;text-decoration:none}
@media(max-width:600px){.legal{padding:24px 16px 48px}.legal h1{font-size:25px;line-height:32px}}