body.legal { background: var(--bg); }
.legal-top { border-bottom: 2px solid var(--line); }
.legal-top .wrap { display: flex; align-items: center; justify-content: space-between; height: 70px; }
.legal-main { max-width: 820px; padding: 40px 0 80px; }
.legal-main h1 { font-size: clamp(30px, 5vw, 44px); margin: 0 0 6px; font-weight: 900; }
.legal-date { color: var(--muted); margin: 0 0 28px; font-size: 14px; }
.legal-main section { padding: 18px 0; border-top: 1px solid var(--line); }
.legal-main h2 { font-size: 20px; margin: 0 0 8px; color: var(--spark); }
.legal-main p { margin: 0; color: var(--fg2); line-height: 1.95; }
.legal-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; padding-top: 20px; border-top: 2px solid var(--line); font-weight: 700; color: var(--muted); }
.legal-links a:hover { color: var(--acc); }