/* Opmaak van het privacybeleid. De tekst zelf komt uit legal/privacybeleid.html
   en wordt door scripts/build-dienstmaatje.ts ongewijzigd overgenomen. */
:root{
  --bg:#080b12;
  --surface:rgba(255,255,255,.035);
  --line:rgba(255,255,255,.10);
  --line-soft:rgba(255,255,255,.06);
  --txt:#e9eef7;
  --txt-2:#a4b2c6;
  --muted:#6e7d94;
  --merk:#c084fc;
  --r-m:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  background:var(--bg); color:var(--txt-2);
  line-height:1.68; -webkit-font-smoothing:antialiased;
  max-width:74ch; margin:0 auto; padding:52px 22px 90px;
}
body::before{
  content:''; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:radial-gradient(900px 600px at 15% -8%, rgba(192,132,252,.10), transparent 60%),
             radial-gradient(800px 600px at 90% 5%, rgba(96,165,250,.08), transparent 60%);
}
::selection{background:rgba(192,132,252,.3)}

h1{
  font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.15;letter-spacing:-1px;
  font-weight:800;color:var(--txt);margin-bottom:6px;
  background:linear-gradient(135deg,#e9eef7 30%,var(--merk));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
h2{font-size:1.1rem;font-weight:800;color:var(--txt);letter-spacing:-.2px;
  margin:38px 0 10px;padding-top:18px;border-top:1px solid var(--line-soft)}
p{margin-bottom:14px}
strong{color:var(--txt);font-weight:700}
a{color:#7dd3fc}
ul{margin:0 0 16px 1.15rem}
li{margin-bottom:7px}

.updated{color:var(--muted);font-size:.86rem;margin-bottom:26px;
  letter-spacing:.4px;text-transform:uppercase;font-weight:700}
.lead{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
  padding:20px 22px;margin-bottom:30px}
.lead p:last-child{margin-bottom:0}

.terug{display:inline-block;margin-bottom:30px;font-size:.82rem;font-weight:700;
  color:var(--muted);text-decoration:none;letter-spacing:.3px}
.terug:hover{color:var(--txt)}