/* Shared styling for the static legal pages (privacy/terms, all languages). Kept in one file so a
   translated copy is only the text, not another copy of the stylesheet. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #070b14; color: #cbd5e1;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height: 1.7; font-size: 15px;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 48px 24px 80px; }
.top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 16px; }
/* Language row. Every link points at the same document in another language, never at the home page:
   somebody reading the privacy policy in French who switches to German wants the German privacy
   policy, and dropping them on the landing page loses the clause they were reading. */
.langs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 36px; font-size: 13px; }
.langs a { display: inline-block; padding: 3px 10px; border-radius: 999px; color: #94a3b8;
           border: 1px solid rgba(255,255,255,.10); }
.langs a:hover { color: #e2e8f0; border-color: rgba(255,255,255,.24); }
.langs a[aria-current="page"] { color: #fff; background: rgba(129,140,248,.14);
                                border-color: rgba(129,140,248,.45); }
a { color: #818cf8; text-decoration: none; }
a:hover { color: #a5b4fc; }
.brand { font-weight: 800; font-size: 18px; color: #fff; }
.brand span { color: #818cf8; }
h1 { color: #fff; font-size: 32px; font-weight: 800; margin: 0 0 8px; }
h2 { color: #fff; font-size: 19px; font-weight: 700; margin: 36px 0 10px; }
/* Subsections inside a numbered clause (privacy §3 splits consented measurement from anonymous
   counting). Dimmer and smaller than h2 so the numbering still reads as one level down. */
h3 { color: #e2e8f0; font-size: 16px; font-weight: 600; margin: 24px 0 8px; }
code { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px;
       background: rgba(255,255,255,.06); border-radius: 4px; padding: 1px 5px; }
.meta { color: #64748b; font-size: 13px; margin-bottom: 8px; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
footer { margin-top: 48px; border-top: 1px solid rgba(255,255,255,.06); padding-top: 20px;
         color: #64748b; font-size: 13px; }