/* =========================================================================
   voorwaarden.css — het juridische document, in de funnelstijl.

   Tot 7 september 2026 hing deze pagina aan style.css (38 KB, gedeeld met zes
   merksite-pagina's) plus nav.js voor het menu. Die pagina's zijn verwijderd;
   deze bleef als enige over omdat het colofon wettelijk vindbaar moet zijn en
   alle drie de funnelpagina's er in de voettekst naar linken.

   Zelfde opzet als welkom.css: tokens en de componenten .merk / .eyebrow /
   .blok-kop komen uit vragen.css, de rest staat hier. Leesbaarheid gaat hier
   vóór effect — dit is een tekst die iemand echt moet kunnen doorlezen.
   ========================================================================= */

/* ⚠️ Dezelfde drie regels als in welkom.css, en om dezelfde reden: vragen.css
   is gebouwd voor één scherm dat de viewport vult (`html,body{height:100%}`,
   `body{display:flex}`, een kále `main{display:flex}`). Deze pagina scrollt.
   Géén `padding:0` op main — dat weegt zwaarder dan .vw-wrap en haalt de
   zijmarge weg zónder dat er overflow ontstaat. */
html:has(body.vw){height:auto}
body.vw{
  display:block;
  height:auto;
  min-height:0;
  margin:0;
  background:var(--grond);
  color:var(--inkt);
  font-family:'Montserrat',sans-serif;
  font-size:16.5px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
body.vw main{
  display:block;
  flex:none;
  align-items:initial;
  justify-content:initial;
}

.vw-kop{
  padding:18px 24px;
  border-bottom:1px solid var(--lijn);
  background:var(--wit);
  text-align:center;
}

.vw-wrap{
  max-width:720px;
  margin:0 auto;
  padding:0 24px 72px;
}

/* Merkcomponenten, meegenomen uit aanbod.css — niet vervangen door iets
   dat toevallig al bestond. */
.eyebrow{
  font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent-diep);
  margin:0 0 12px;
}
.blok-kop{
  font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;
  line-height:1;font-size:clamp(26px,5vw,40px);margin:0 0 16px;color:var(--inkt);
  text-wrap:balance;
}

/* ---- Colofon ------------------------------------------------------------ */
.vw-colofon{padding:52px 0 40px}
.vw-kaart{
  background:var(--wit);
  border:1px solid var(--lijn);
  border-radius:var(--radius);
  padding:26px 28px;
}
.vw-kaart p{margin:0 0 4px}
.vw-kaart p:last-child{margin:0}
.vw-naam{font-weight:700}
.vw-intro{margin:24px 0 0;color:var(--inkt-zacht)}

/* ---- De artikelen ------------------------------------------------------- */
.vw-artikelen{
  background:var(--wit);
  border:1px solid var(--lijn);
  border-radius:var(--radius);
  padding:38px 32px;
}
.vw-versie{color:var(--inkt-zacht);font-size:15px;margin:0 0 8px}
.vw-artikelen h3{
  font-family:'Poppins',sans-serif;font-weight:800;
  font-size:18.5px;line-height:1.3;
  margin:34px 0 10px;color:var(--inkt);
}
.vw-artikelen p{margin:0 0 14px}
.vw-artikelen a{color:var(--inkt)}
.vw-slot{
  margin-top:34px;padding-top:22px;
  border-top:1px solid var(--lijn);
  font-size:14.5px;color:var(--gedempt);
}

.vw-voet{
  border-top:1px solid var(--lijn);
  padding:24px;text-align:center;
  font-size:14px;
}
.vw-voet p{margin:0}
.vw-voet a{color:var(--inkt)}

@media (max-width:520px){
  .vw-colofon{padding:38px 0 30px}
  .vw-kaart{padding:22px 20px}
  .vw-artikelen{padding:28px 20px}
}