/* Variant W — Wegwijs. Structuur én leesbaarheid: een genummerde inhoudsopgave in de kop, kosten als eerste sectie, 18px body en hoge contrasten. Navy met bosgroen. */

:root{--ik-navy:#132758;--ik-navy-soft:#22376e;--ik-paper:#e6edf6;--ik-tint:#dfeee7;--ik-tint-2:#f1f7f4;--ik-accent:#2e7d5b;--ik-accent-ink:#ffffff;
--ik-bg:#fff;--ik-ink:#132758;--ik-ink-soft:#44506a;--ik-line:#b3c6bb;--ik-rule:#c7ccd6;--ik-rule-dark:#4a5b80;
--ik-font-display:"Archivo",system-ui,sans-serif;--ik-font-body:"Lexend",system-ui,sans-serif;--ik-body-size:18px;--ik-body-lh:1.65}
/* leesbaarheid (uit G) */
.lead{font-size:23px}.btn{font-size:17px}.kicker{font-size:16px;line-height:24px}.acc>summary{font-size:24px}
.input{min-height:56px;font-size:18px}.field>span{font-size:17px}.check{font-size:16px}.footer li{font-size:16px}.small{font-size:15px}
.hero-w .h1-hero{font-size:clamp(40px,5vw,68px)}
/* inhoudsopgave in de kop (uit E) */
.hero-w .pagehead-bg{bottom:0}.hero-w .split{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;padding-bottom:64px}
@media(min-width:992px){.hero-w .split{grid-template-columns:1.05fr .95fr;gap:64px}.hero-w .pagehead-content{margin-bottom:0}}
.toc{background:var(--ik-navy-soft);padding:28px;color:var(--ik-paper);position:relative;z-index:1;margin-bottom:-120px}
@media(min-width:1230px){.toc{padding:36px 44px}}
.toc .kicker{margin-bottom:18px}
.toc a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:16px;padding:16px 0;border-top:1px solid rgba(230,237,246,.24);
  font-family:var(--ik-font-display);font-weight:300;font-size:23px;line-height:1.25}
.toc a:last-child{border-bottom:1px solid rgba(230,237,246,.24)}
.toc .num{font-size:14px;opacity:.7;font-family:var(--ik-font-body)}
.toc a .arrow{width:16px;height:16px;stroke:var(--ik-accent-ink);fill:none;stroke-width:2;transition:transform .3s}
.toc a:hover,.toc a:focus-visible{color:#fff}.toc a:hover .arrow{transform:translateX(4px)}
.after-toc{padding-top:184px}
/* tarieventabel (uit E), maar groter gezet */
.tarief{display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--ik-line)}
@media(min-width:768px){.tarief{grid-template-columns:44px 1fr auto}}
.tarief .num{font-size:15px;color:var(--ik-ink-soft);display:none}@media(min-width:768px){.tarief .num{display:block}}
.tarief .lbl{font-family:var(--ik-font-display);font-weight:300;font-size:clamp(23px,2.5vw,30px)}
.tarief .amt{font-family:var(--ik-font-display);font-weight:300;font-size:clamp(30px,3.6vw,44px);white-space:nowrap;color:var(--ik-accent)}
.tarief p{margin:0;color:var(--ik-ink-soft);font-size:16px;grid-column:1/-1}@media(min-width:768px){.tarief p{grid-column:2}}
.on-dark .tarief{border-bottom-color:rgba(230,237,246,.3)}.on-dark .tarief p{color:rgba(230,237,246,.85)}.on-dark .tarief .num{color:rgba(230,237,246,.7)}
/* grote contactvlakken (uit G) */
.kanaal{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px){.kanaal{grid-template-columns:1fr 1fr 1fr}}
.kanaal a,.kanaal div{display:block;padding:28px;background:var(--ik-tint-2);color:var(--ik-navy)}
.kanaal .big{font-family:var(--ik-font-display);font-weight:300;font-size:clamp(24px,2.3vw,30px);display:block;margin:14px 0 6px;word-break:break-word}
.kanaal a:hover,.kanaal a:focus-visible{background:var(--ik-tint)}
.row-wide .title{font-family:var(--ik-font-display)}.row-wide p{font-size:16px}
.two{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:900px){.two{grid-template-columns:1fr 1fr;gap:64px}}
.step::before{color:var(--ik-accent)}
.contact-close{position:relative}.contact-close::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50%;background:var(--ik-navy)}
.contact-close>.container{position:relative;z-index:1}
.on-accent .rule{border-left-color:rgba(255,255,255,.45)}.on-accent .muted{color:rgba(255,255,255,.85)}