/* Shared styling for the privacy and account-deletion pages, so they match the site instead of looking
   like unpainted back rooms — same tokens as index.html, including dark mode. */
:root {
  --bg: #F6F3EF; --surface: #FFF; --text: #1B1614; --muted: #6B625D;
  --line: rgba(27,22,20,.12); --accent: #B8341B;
  --font: "Jakarta", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #131110; --surface: #1D1A19; --text: #F4EFEC; --muted: #A99F99;
    --line: rgba(244,239,236,.12); --accent: #FF8A63; color-scheme: dark; }
}
@font-face { font-family: 'Jakarta'; src: url('/fonts/jakarta.woff2') format('woff2'); font-weight: 200 800; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.65 var(--font); -webkit-font-smoothing: antialiased; }
main { max-width: 680px; margin: 0 auto; padding: 8px 20px 72px; }
.doc-top { max-width: 680px; margin: 0 auto; padding: 24px 20px 8px; }
.doc-brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; font-size: 20px;
  letter-spacing: -.02em; color: var(--text); text-decoration: none; }
.doc-brand svg { width: 36px; height: 36px; border-radius: 9px; display: block; }
h1 { font-size: clamp(26px, 5vw, 32px); letter-spacing: -.02em; margin: 18px 0 6px; }
h2 { font-size: 19px; margin: 30px 0 6px; letter-spacing: -.01em; }
p, li { margin: 10px 0; }
ul, ol { padding-left: 22px; }
a { color: var(--accent); font-weight: 600; }
/* generous hit areas — the old links were 15–20px tall */
main a { display: inline-block; padding: 3px 0; }
i { color: var(--muted); font-style: normal; font-size: 14.5px; }
b { font-weight: 700; }

/* the landing page has focus styles; these pages were falling back to the browser default */
:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 8px; }