/* Privacy and terms (X-01, design S16): plain reading pages on the dark theme. */
:root { color-scheme: dark; --void: #07080d; --ink: #e9ecf6; --muted: #8a91ad; --rim: #3a4060; --ghost: #7fe7ff; --you: #ffd84a; --death: #ff4d6d; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--void); color: var(--ink); }
body { font: 400 15px/1.6 'IBM Plex Mono', ui-monospace, monospace; -webkit-font-smoothing: antialiased; }
main { max-width: 42rem; margin: 0 auto; padding: 20px 20px calc(48px + env(safe-area-inset-bottom)); }
nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
nav a.back { color: var(--ink); text-decoration: none; font-weight: 600; }
nav a.back::before { content: '‹ '; }
.tabs { display: inline-flex; border: 1px solid var(--rim); border-radius: 10px; padding: 3px; }
.tabs a { padding: 4px 12px; border-radius: 7px; color: var(--muted); text-decoration: none; font-size: 13px; font-weight: 600; }
.tabs a[aria-current] { background: var(--ink); color: var(--void); }
h1 { font: 800 clamp(30px, 8vw, 40px)/1.08 'Unbounded', system-ui, sans-serif; margin: 0 0 10px; letter-spacing: -0.01em; }
h2 { font: 700 19px/1.3 'Unbounded', system-ui, sans-serif; margin: 34px 0 10px; }
.updated { color: var(--muted); font-size: 12px; margin: 0 0 22px; }
.lede { font-size: 16px; }
ul { padding-left: 1.2em; }
li { margin: 6px 0; }
ul.keep li::marker { color: var(--ghost); }
ul.never { list-style: circle; }
.review { display: inline; background: rgba(255, 77, 109, 0.14); color: var(--death); border-radius: 4px; padding: 1px 5px; font-size: 12px; }
a { color: var(--ghost); }
.signoff { margin-top: 40px; color: var(--muted); }
.signoff b { display: block; font: 800 22px 'Unbounded', system-ui, sans-serif; color: var(--you); }
code { background: #1b1e2b; padding: 1px 5px; border-radius: 4px; }