/* ══════════════════════════════════════════════════════════════
   Stijl voor de documentbladen: privacyverklaring en voorwaarden.
   Zelfde tokens als de homepage, maar de lichte papierkant — dit
   zijn de bladen bij de tekeningen, geen tekeningen zelf.
   ══════════════════════════════════════════════════════════════ */
:root{
  --ink:#0B1B2B; --ink-2:#0F2537;
  --draw:#BBD6EE; --draw-2:#7FA8CB; --draw-3:#517A9C;
  --paper:#EEF2F5; --paper-2:#E2E8ED; --paper-3:#D3DBE2;
  --pink-ink:#0E1F2B; --pink-ink-2:#4A5D6B; --pink-ink-3:#7E8E9A;
  --oker:#E8B24C; --oker-deep:#B8801E;
  --bad:#C0533F;
  --geo:"Futura","Century Gothic","Avenir Next","Trebuchet MS",system-ui,sans-serif;
  --body:"Avenir Next","Avenir","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"SF Mono",Menlo,Consolas,"Roboto Mono",monospace;
  --pad:clamp(20px,5vw,64px);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--pink-ink);font-family:var(--body);
  line-height:1.62;-webkit-font-smoothing:antialiased;}
*:focus-visible{outline:2px solid var(--oker-deep);outline-offset:3px;}
.wrap{max-width:820px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}

/* balk */
.balk{background:var(--ink);border-bottom:1px solid rgba(187,214,238,.2);}
.balk .in{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-top:13px;padding-bottom:13px;}
.balk a{text-decoration:none;display:block;}
.balk img{width:172px;height:auto;display:block;}
.terug{font-family:var(--geo);font-size:13px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--draw-2);text-decoration:none;white-space:nowrap;}
.terug:hover{color:var(--oker);}
@media(max-width:520px){.balk img{width:132px;}}

/* kop van het blad */
.blad{padding:clamp(38px,6vw,64px) 0 0;}
.blad .nr{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--oker-deep);}
.blad h1{font-family:var(--geo);font-weight:500;font-size:clamp(28px,4.4vw,44px);
  line-height:1.08;letter-spacing:-.015em;margin:14px 0 0;text-wrap:balance;}
.blad .datum{font-family:var(--mono);font-size:11.5px;color:var(--pink-ink-3);margin-top:14px;}

/* let-op-blok */
.let-op{border-left:2px solid var(--bad);background:rgba(192,83,63,.06);
  padding:18px 20px;margin:30px 0 0;}
.let-op b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--bad);margin-bottom:7px;font-weight:500;}
.let-op p{margin:0;font-size:14.5px;color:var(--pink-ink-2);}

/* inhoud */
main{padding:0 0 clamp(50px,7vw,84px);}
section{margin-top:44px;}
h2{font-family:var(--geo);font-weight:500;font-size:clamp(19px,2.2vw,24px);
  line-height:1.2;margin:0 0 4px;display:flex;gap:12px;align-items:baseline;}
h2 .n{font-family:var(--mono);font-size:12px;color:var(--oker-deep);letter-spacing:.1em;flex:none;}
h3{font-family:var(--geo);font-weight:500;font-size:16.5px;margin:24px 0 6px;}
p{margin:12px 0 0;font-size:15.5px;}
ul,ol{margin:12px 0 0;padding-left:22px;font-size:15.5px;}
li{margin-bottom:7px;}
li::marker{color:var(--oker-deep);}
a{color:var(--pink-ink);text-decoration:underline;text-decoration-color:var(--paper-3);
  text-underline-offset:3px;}
a:hover{text-decoration-color:var(--oker-deep);}
strong{font-weight:600;}

/* tabel */
.tabelwrap{overflow-x:auto;margin-top:16px;}
table{border-collapse:collapse;width:100%;min-width:440px;font-size:14.5px;}
th,td{text-align:left;vertical-align:top;padding:10px 14px 10px 0;
  border-bottom:1px solid var(--paper-3);}
th{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--pink-ink-3);font-weight:500;border-bottom:1px solid var(--pink-ink);}
td:first-child{white-space:nowrap;font-family:var(--mono);font-size:13px;}

/* nog vast te stellen */
.vast{display:inline-block;border:1px dashed var(--oker-deep);color:var(--oker-deep);
  font-family:var(--mono);font-size:11.5px;padding:1px 7px;}

/* titelhoek onderaan */
.titelhoek{margin-top:52px;border:1px solid var(--paper-3);display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
.titelhoek div{padding:11px 14px;border-right:1px solid var(--paper-3);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--pink-ink-3);}
.titelhoek div:last-child{border-right:none;}
.titelhoek b{display:block;color:var(--pink-ink);font-weight:500;margin-top:3px;
  letter-spacing:.06em;}

/* voet */
.voet{background:var(--ink-2);border-top:1px solid rgba(187,214,238,.2);
  padding:30px 0;font-size:13.5px;color:var(--draw-2);}
.voet .in{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;}
.voet a{color:var(--draw);text-decoration:none;}
.voet a:hover{color:var(--oker);}