/* The privacy page: one readable column on paper, the site's type and colours. */
body { margin: 0; background: var(--surface-100); color: var(--ink); font: var(--text-body); }
.pv-top { max-width: 760px; margin: 0 auto; padding: 20px max(16px, env(safe-area-inset-left, 0px)) 0 max(16px, env(safe-area-inset-right, 0px)); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.pv-back { color: var(--ink-muted); font: 500 13px/1 var(--font-mono); letter-spacing: .04em; text-decoration: none; }
.pv-back:hover { color: var(--cobalt); }
.pv { max-width: 760px; margin: 0 auto; padding: 32px max(16px, env(safe-area-inset-left, 0px)) 80px max(16px, env(safe-area-inset-right, 0px)); }
.pv-kicker { margin: 0 0 12px; font: 500 12px/1.4 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-muted); }
.pv h1 { margin: 0 0 16px; font: 400 clamp(40px, 7vw, 64px)/1 var(--font-display); letter-spacing: -.01em; text-wrap: balance; }
.pv h1 em { color: var(--cobalt); }
.pv-lead { margin: 0 0 32px; font-size: 19px; line-height: 1.55; color: var(--ink-muted); max-width: 60ch; }
.pv h2 { margin: 40px 0 12px; font: 700 21px/1.25 var(--font-sans); letter-spacing: -.01em; }
.pv p, .pv li, .pv dd { line-height: 1.65; max-width: 66ch; }
.pv ul { padding-left: 1.2em; display: grid; gap: 8px; }
.pv a { color: var(--cobalt); text-underline-offset: 2px; }
.pv code { font: 14px var(--font-mono); background: var(--surface-300); padding: 1px 6px; border-radius: 4px; }
.pv-list { margin: 0; display: grid; gap: 4px; }
.pv-list dt { margin-top: 14px; font-weight: 700; }
.pv-list dd { margin: 0; color: var(--ink); }
.pv-todo { background: color-mix(in srgb, var(--coral, #d4537a) 22%, transparent); color: inherit; padding: 0 4px; border-radius: 3px; font-weight: 600; }
.d2-lang button.is-active { background: var(--ink); color: var(--surface-100); }