/* Legal and support pages (terms, privacy, support). Uses the landing theme variables. */
body { background: var(--bg); }
.legal { max-width: 720px; margin: 0 auto; padding: 36px 22px 60px; }
.legal h1 { font-family: var(--head); font-weight: 400; text-transform: uppercase; font-size: clamp(36px, 8vw, 54px); line-height: 1.02; margin: 0 0 8px; }
.legal .upd { color: var(--muted); font-size: 14px; margin: 0 0 28px; }
.legal h2 { font-size: 19px; margin: 30px 0 8px; }
.legal p, .legal li { color: var(--ink); font-size: 16px; line-height: 1.65; }
.legal ul { padding-left: 22px; margin: 8px 0 14px; }
.legal a { color: var(--accent-text); font-weight: 600; }
.legal .box { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; margin: 14px 0; }
.foot-links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 10px; }
.cta-band .chip { color: var(--dark-ink); } .cta-band .chip::before { color: var(--accent); }
footer .foot-links a { color: var(--accent); }