/* Legal pages: readable text column, same colours as the app */
body.legal { padding: 24px 16px 48px; }
.legal-page { max-width: 760px; margin: 0 auto; line-height: 1.6; }
.legal-page h1 { margin: 12px 0 8px; }
.legal-page h2 { margin-top: 28px; font-size: 1.15rem; text-transform: none; letter-spacing: 0; color: var(--ink); }
.legal-page h3 { margin: 16px 0 4px; font-size: 1rem; }
.legal-page a { color: var(--brand); }
.legal-page .draft { padding: 12px 14px; border-radius: 12px; background: color-mix(in srgb, #f59e0b 16%, var(--card)); border: 1px solid color-mix(in srgb, #f59e0b 40%, var(--line)); }
.legal-page .fact { font-size: .75rem; font-weight: 600; color: var(--muted); }
.legal-links { margin-top: 36px; padding-top: 14px; border-top: 1px solid var(--line); font-size: .9rem; }