/* Terms and privacy pages (verify/legal/legal.ts). Same palette and self-hosted fonts as the verifier. */
@font-face { font-family: "Bricolage Grotesque"; font-weight: 200 800; font-stretch: 75% 100%; font-style: normal; font-display: swap; src: url("/fonts/BricolageGrotesque.woff2") format("woff2"); }
@font-face { font-family: "Geist"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/Geist-Regular.woff2") format("woff2"); }
@font-face { font-family: "Geist"; font-weight: 600; font-style: normal; font-display: swap; src: url("/fonts/Geist-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Geist Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/GeistMono-Regular.woff2") format("woff2"); }

:root { --bg: #f7f3f9; --surface: #fff; --ink: #2a1730; --ink-2: #55425e; --ink-3: #6e5c76; --line: #e4dae9; --wait-soft: #f6e9cf; --wait: #a06a12; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #150c18; --surface: #22172a; --ink: #f6eef8; --ink-2: #d2c3d8; --ink-3: #ac9bb3; --line: #33263a; --wait-soft: #3a2c17; --wait: #e9b85c; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Geist, -apple-system, system-ui, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
.legal-brand, .legal, .legal-foot { width: 100%; max-width: 720px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.legal-brand { padding-top: 32px; padding-bottom: 8px; font-family: "Bricolage Grotesque", Geist, system-ui, sans-serif; font-size: 18px; }
.legal { color: var(--ink-2); font-size: 15px; overflow-wrap: anywhere; }
.legal h1, .legal h2, .legal h3, .legal h4 { color: var(--ink); font-family: "Bricolage Grotesque", Geist, system-ui, sans-serif; line-height: 1.2; letter-spacing: -.01em; }
.legal h1 { font-size: clamp(28px, 6vw, 36px); margin: 16px 0 12px; }
.legal h2 { font-size: 22px; margin: 36px 0 8px; }
.legal h3 { font-size: 18px; margin: 28px 0 6px; }
.legal h4 { font-size: 16px; margin: 22px 0 4px; }
.legal strong { color: var(--ink); }
.legal code { font-family: "Geist Mono", ui-monospace, monospace; font-size: .9em; }
.legal blockquote { margin: 16px 0; padding: 12px 16px; border-left: 3px solid var(--line); background: var(--surface); }
.legal table { display: block; overflow-x: auto; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
.legal th, .legal td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
.legal th { color: var(--ink); background: var(--surface); }
.legal-draft { margin: 16px 0; padding: 12px 16px; border-radius: 12px; background: var(--wait-soft); color: var(--wait); font-weight: 600; }
.legal-foot { color: var(--ink-3); font-size: 13px; padding-top: 32px; padding-bottom: 40px; }