/* The legal pages (Terms of Use, Privacy Notice): the app's identity on a reading page.
   Self-contained on purpose: these pages are static and the app's stylesheet is bundled. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: local('Inter'), url('brand/fonts/Inter-Variable.ttf') format('truetype'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: local('JetBrains Mono'), url('brand/fonts/JetBrainsMono-Variable.ttf') format('truetype'); }
:root {
  --bg: #141416; --surface: #1E1E21; --fg: #D9D9D7; --soft-fg: #C2C2BF; --muted-fg: #96969A; --border: #2E2E32; --accent: #2bb3a3;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body.legal-body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--sans); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
main.legal { max-width: 760px; margin: 0 auto; padding: 28px 20px 64px; }
.legal-brand { display: inline-block; margin-bottom: 28px; }
.legal-brand img { height: 38px; display: block; }
.legal h1 { font-size: 34px; line-height: 1.2; letter-spacing: -0.01em; margin: 0 0 6px; }
.legal h2 { font-size: 15px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted-fg); margin: 34px 0 10px; padding-top: 18px; border-top: 1px solid var(--border); }
.legal p { margin: 0 0 14px; color: var(--soft-fg); }
.legal ul { margin: 0 0 14px 20px; padding: 0; color: var(--soft-fg); }
.legal li { margin: 0 0 8px; }
.legal strong { color: var(--fg); }
.legal a { color: var(--accent); text-decoration: none; }
.legal a:hover { text-decoration: underline; }
.legal .muted { color: var(--muted-fg); font-size: 14px; font-family: var(--mono); }
.legal-footer { margin-top: 44px; padding-top: 16px; border-top: 1px solid var(--border); color: var(--muted-fg); font-size: 13px; }
.legal-footer a { color: var(--muted-fg); }
@media (max-width: 600px) { body.legal-body { font-size: 16px; } .legal h1 { font-size: 28px; } }