/* Privacy and terms pages: the landing page's tokens, a reading column. */
:root {
  --navy: #0b1f3a; --navy-line: #24406a; --teal: #2dd4bf; --accent: #0f9d8c;
  --bg: #f4f7fb; --surface: #ffffff; --ink: #0b1f3a; --ink-2: #475569; --ink-3: #64748b; --line: #e3e8ef;
  --on-navy: #ffffff; --on-navy-2: #c3cfde;
  --font-display: 'Readex Pro', 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-body: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root { --accent: #2dd4bf; --bg: #071325; --surface: #0e1e35; --ink: #e8eef6; --ink-2: #b4c2d4; --ink-3: #8fa3bc; --line: #1f3653; color-scheme: dark; }
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-body); line-height: 1.85; -webkit-text-size-adjust: 100%; }
a { color: var(--accent); }
:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; border-radius: 6px; }
.bar { background: var(--navy); border-bottom: 1px solid var(--navy-line); }
.bar .in, main, footer .in {
  max-width: 820px; margin-inline: auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.bar .in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--on-navy); text-decoration: none; font-family: var(--font-display); font-weight: 600; }
.brand svg { width: 36px; height: auto; }
.bar nav { display: flex; gap: 16px; font-size: .875rem; }
.bar nav a { color: var(--on-navy-2); text-decoration: none; }
.bar nav a:hover { color: var(--on-navy); }
main { padding-block: 48px 72px; }
h1 { font-family: var(--font-display); font-size: clamp(1.75rem, 1.3rem + 2vw, 2.25rem); line-height: 1.3; margin: 0 0 8px; }
.updated { color: var(--ink-3); font-size: .875rem; margin: 0 0 32px; }
h2 { font-family: var(--font-display); font-size: 1.25rem; line-height: 1.4; margin: 40px 0 12px; padding-top: 20px; border-top: 1px solid var(--line); }
p, li { color: var(--ink-2); }
p { margin: 0 0 12px; max-width: 42em; }
ul { margin: 0 0 12px; padding-inline-start: 22px; display: grid; gap: 6px; max-width: 42em; }
b, strong { color: var(--ink); font-weight: 600; }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); margin: 8px 0 16px; }
table { width: 100%; border-collapse: collapse; min-width: 560px; font-size: .9375rem; }
th, td { text-align: start; padding: 12px 14px; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--ink-2); }
th { color: var(--ink-3); font-weight: 500; font-size: .8125rem; background: var(--bg); }
tbody tr:last-child td { border-bottom: 0; }
td:first-child { color: var(--ink); font-weight: 500; white-space: nowrap; }
.ltr { direction: ltr; unicode-bidi: isolate; font-family: var(--font-mono); }
footer { background: var(--navy); color: var(--on-navy-2); font-size: .875rem; }
footer .in { padding-block: 24px; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; }
footer a { color: var(--on-navy-2); text-decoration: none; }
footer a:hover { color: var(--on-navy); }