/* === WordPress-brug (gegenereerd door import_design.py) ===
   Zet de standaard blok-marges van WordPress terug naar browsergedrag,
   zodat uitsluitend de design-CSS hieronder de witruimte bepaalt. */
body :where(.wp-site-blocks, .is-layout-flow, .is-layout-constrained) > * { margin-block-start: revert; margin-block-end: revert; }

/* === Design-CSS, 1-op-1 uit privacy-template.html (alleen het font-pad in @font-face is naar de theme-map gezet) === */
/* Font uit de theme-map (assets/fonts), pad gezet door import_design.py */
@font-face{font-family:'Hanken Grotesk';src:url('../fonts/HankenGrotesk-Variable.woff2') format('woff2'),url('../fonts/HankenGrotesk-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}

:root{
  --paper:#FAF8F4;
  --sand:#F2ECE1;
  --ink:#2B2A28;
  --ink-soft:#6B6862;
  --gold:#B5804F;
  --gold-deep:#8A5E30;
  --gold-light:#D9A868;
  --line:#E3DDD0;
  --font:'Hanken Grotesk','Segoe UI',system-ui,sans-serif;
  --container:840px;
  --pad:clamp(1.25rem,5vw,3rem);
  --ease-out: cubic-bezier(0.23,1,0.32,1);
}
*{box-sizing:border-box;}
body{
  margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);
  -webkit-font-smoothing:antialiased;line-height:1.7;
}
.wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--pad);}
a{color:var(--gold-deep);}
:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px;border-radius:4px;}

.skip-link{
  position:absolute;left:0;top:0;transform:translateY(-140%);
  background:var(--paper);color:var(--ink);padding:12px 20px;font-weight:600;z-index:500;
  border-radius:0 0 10px 0;transition:transform 0.2s ease;
}
.skip-link:focus{transform:translateY(0);}

header.site{background:var(--ink);border-bottom:1px solid rgba(250,248,244,0.1);}
.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding-block:10px;}
.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--paper);}
.brand-word{font-weight:600;font-size:1.25rem;letter-spacing:-0.01em;color:var(--paper);}
.back-link{color:rgba(250,248,244,0.82);text-decoration:none;font-size:0.95rem;font-weight:500;}
@media (hover:hover) and (pointer:fine){ .back-link:hover{color:var(--paper);} }

main{padding-block:clamp(3rem,7vw,5.5rem);}
h1{
  font-weight:600;font-size:clamp(2rem,2.6vw + 1.2rem,3rem);line-height:1.1;
  letter-spacing:-0.01em;margin:0 0 0.5rem;
}
.updated{color:var(--ink-soft);font-size:0.9rem;margin:0 0 2.5rem;}
h2{font-weight:600;font-size:1.375rem;margin:2.25rem 0 0.75rem;}
p,li{font-size:1rem;line-height:1.7;color:var(--ink);}
ul{padding-left:1.25rem;}

footer.site{background:var(--ink);color:rgba(250,248,244,0.7);padding-block:2rem;}
.footer-legal{font-size:0.8125rem;line-height:1.7;}
.footer-legal a{color:rgba(250,248,244,0.85);}