/* Aura — gedeelde stijl voor documentpagina's (privacy, voorwaarden, support).
   Licht thema, gelijk aan de hoofdsite. */
:root {
  --bg: #F6F9FA; --ink: #0B3641; --ink-2: #527684; --ink-3: #6E8894;
  --primary: #0E7490; --line: rgba(14,116,144,.18);
  --display: "Unbounded", sans-serif;
  --sans: "Sora", "Segoe UI", system-ui, -apple-system, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 15.5px/1.65 var(--sans); font-weight: 300; }
a { color: var(--primary); }
a:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; border-radius: 6px; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 22px 80px; }
nav.doc { border-bottom: 1px solid var(--line); margin-bottom: 44px; background: #fff; }
nav.doc .n { max-width: 720px; margin: 0 auto; padding: 14px 22px; display: flex; align-items: center; gap: 12px; }
.logo-orb { width: 24px; height: 24px; border-radius: 50%; flex: none;
  background: radial-gradient(circle at 32% 30%, #7FEFFF, #38C9E0 45%, #0B7285 90%);
  box-shadow: 0 0 12px rgba(56,201,224,.45); }
nav.doc a { color: var(--ink); text-decoration: none; font-family: var(--display); font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
nav.doc .back { margin-left: auto; font-family: var(--sans); font-size: 13.5px; color: var(--ink-2); font-weight: 500; }
.lang { display: flex; gap: 2px; border: 1px solid var(--line); border-radius: 999px; padding: 3px; background: var(--bg); }
.lang button { font-family: var(--sans); font-weight: 600; font-size: 12px; letter-spacing: .06em;
  color: var(--ink-2); background: none; border: 0; cursor: pointer; padding: 6px 11px; border-radius: 999px;
  transition: color .2s, background .2s; }
.lang button.on { background: var(--primary); color: #fff; }
h1 { font-family: var(--display); font-size: clamp(26px, 4vw, 34px); font-weight: 600; margin: 0 0 6px; letter-spacing: -.01em; }
.updated { color: var(--ink-3); font-size: 13.5px; margin-bottom: 36px; }
h2 { font-family: var(--display); font-size: 18px; font-weight: 600; margin: 34px 0 10px; }
h3 { font-size: 15.5px; font-weight: 600; margin: 26px 0 8px; }
p, li { color: var(--ink-2); font-size: 15.5px; }
section[hidden] { display: none; }