/* The legal pages (privacy, terms, data deletion): plain reading pages in the app's dark theme. */
  :root {
    color-scheme: dark;
    --ink: #050811; --text: #F5F8FC; --soft: rgba(236,242,252,.86); --muted: rgba(214,224,242,.64);
    --line: rgba(255,255,255,.11); --dawn: #86F0E2;
    --head: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--ink); color: var(--soft); font: 16px/1.65 var(--body); -webkit-font-smoothing: antialiased;
    background-image: radial-gradient(900px 500px at 10% -10%, rgba(134,240,226,.10), transparent 60%), radial-gradient(800px 500px at 100% 0%, rgba(196,166,255,.10), transparent 60%); background-attachment: fixed; }
  main { max-width: 760px; margin: 0 auto; padding: 56px 20px 96px; }
  header { display: flex; align-items: center; gap: 10px; margin-bottom: 36px; }
  header img { width: 28px; height: 28px; }
  header a { color: var(--text); font: 700 17px var(--head); text-decoration: none; letter-spacing: -.01em; }
  h1 { font: 700 clamp(30px, 5vw, 40px)/1.1 var(--head); color: var(--text); letter-spacing: -.03em; margin: 0 0 10px; }
  .meta { color: var(--muted); font-size: 14px; margin: 0 0 32px; }
  h2 { font: 600 21px/1.3 var(--head); color: var(--text); letter-spacing: -.015em; margin: 40px 0 10px; }
  h3 { font: 600 16.5px/1.4 var(--head); color: var(--text); margin: 24px 0 6px; }
  p, li { margin: 0 0 12px; }
  ul { padding-left: 22px; margin: 0 0 12px; }
  a { color: var(--dawn); }
  strong { color: var(--text); font-weight: 600; }
  .box { border: 1px solid var(--line); border-radius: 16px; padding: 16px 18px; background: rgba(255,255,255,.035); margin: 16px 0; }
  table { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 8px 0 16px; }
  th, td { text-align: left; vertical-align: top; padding: 9px 10px; border-bottom: 1px solid var(--line); }
  th { color: var(--muted); font-weight: 500; }
  @media (max-width: 600px) { table, thead, tbody, tr, th, td { display: block; } thead { display: none; } td { border: 0; padding: 2px 0; } tr { border-bottom: 1px solid var(--line); padding: 10px 0; } }
  footer { margin-top: 56px; color: var(--muted); font-size: 14px; }