/* Tekstpagina's in de nieuwe stijl (nov 2026): veiligheid, methode, over, woordenlijst, waarom, waar vind je wat,
   jaarruimte, privacy, voorwaarden, opzeggen en winactie. Bouwt voort op home.css (lettertypen, kleuren, menubalk, footer). */
body.doc{background:var(--paper)}
.doc main{display:block}
.doc .page{padding:160px 0 110px}
.doc .page .wrap{max-width:1180px}
.doc .crumbs{font-size:14.5px;color:var(--soft);margin-bottom:18px}
.doc .crumbs a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.doc .kicker{font:600 15px/1 IN;color:#9A6808;margin-bottom:18px}
.doc h1,.doc .page-h{font:400 clamp(48px,6.4vw,96px)/1.02 NR;letter-spacing:-.03em;margin:0 0 22px;max-width:14ch}
.doc .prose h1{max-width:16ch}
.doc h1.big{font:400 clamp(48px,6.4vw,96px)/1.02 NR!important}
.doc .lead,.doc .page-lead,.doc .intro{font-size:20px;line-height:1.6;color:var(--soft);max-width:36em;margin:0 0 34px}
.doc .concept{font-size:14px;color:var(--soft);margin:-6px 0 18px}
.doc .prose{max-width:760px}
.doc .prose h2{font:700 clamp(26px,2.6vw,34px)/1.15 SG;letter-spacing:-.03em;margin:56px 0 14px}
.doc .prose h3{font:700 20px/1.3 SG;letter-spacing:-.02em;margin:30px 0 8px}
.doc .prose p,.doc .prose li{font-size:17px;line-height:1.7;color:#2D3550}
.doc .prose p{margin:0 0 16px}
.doc .prose ul,.doc .prose ol{padding-left:22px;margin:0 0 18px}.doc .prose li{margin:6px 0}
.doc .prose a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#E3A92B;text-decoration-thickness:2px}
.doc .prose b,.doc .prose strong{color:var(--ink)}
.doc .ptable{width:100%;border-collapse:collapse;margin:20px 0 26px;font-size:15.5px}
.doc .ptable th,.doc .ptable td{text-align:left;vertical-align:top;padding:14px 14px 14px 0;border-bottom:1px solid rgba(14,27,54,.12)}
.doc .ptable th{font:700 15px SG;color:var(--ink)}.doc .ptable td{color:#2D3550}
.doc .mlayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start;margin-top:20px}
.doc .mtoc{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;border-left:2px solid rgba(14,27,54,.1)}
.doc .mtoc a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--soft);font-size:15px;text-decoration:none}
.doc .mtoc a:hover{color:var(--ink);border-left-color:#E3A92B}
.doc .mbody{max-width:760px}.doc .mblock{scroll-margin-top:100px}
.doc .mblock:first-child h2{margin-top:0}
.doc .glossary dt,.doc .glossary h3{font:700 19px SG;margin-top:26px}
.doc .glossary dd{margin:6px 0 0;color:#2D3550}
/* waarom */
.doc .fhero{padding:160px 0 90px;background:radial-gradient(70% 90% at 80% 30%,#3657A8 0%,#1C2E63 45%,#0F1A3D 90%);color:#fff}
.doc .fhero h1{color:#fff;max-width:16ch}.doc .fhero p{font-size:20px;line-height:1.6;color:#C5D0E6;max-width:34em}
.doc .fhero .crumbs{color:#C5D0E6}
.doc .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;align-items:center}
.doc .cta,.doc .ghost,.doc .btn{display:inline-flex;align-items:center;height:54px;padding:0 26px;border-radius:999px;font:600 16px/1 IN;text-decoration:none;border:0}
.doc .cta{background:#fff;color:var(--ink)}.doc .ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.doc .cta b,.doc .ghost b{font-weight:600}
.doc .blk{padding:110px 0}.doc .blk.dark{background:var(--ink);color:#fff}
.doc .blk.dark p,.doc .blk.dark li{color:#C5D0E6}
.doc h2.big{font:400 clamp(40px,5vw,72px)/1.04 NR!important;letter-spacing:-.03em;margin:0 0 40px;max-width:18ch}
.doc .blk.dark .kicker{color:#E3A92B}
.doc .steps3{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.doc .steps3 li{border-top:1px solid rgba(14,27,54,.14);padding-top:22px}
.doc .steps3 .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#E3A92B;color:var(--ink);font:700 15px SG;margin-bottom:14px}
.doc .steps3 h3{font:700 21px/1.25 SG;letter-spacing:-.02em;margin:0 0 8px}.doc .steps3 p{color:var(--soft);margin:0}
.doc .princ{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.doc .princ>*{border-top:1px solid rgba(255,255,255,.16);padding:22px 0 26px}
.doc .princ h3{font:700 21px/1.25 SG;margin:0 0 8px;color:#fff}
.doc .small{font-size:14px}
/* waar vind je wat */
.doc .map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.doc .map section{background:#fff;border-radius:22px;padding:26px;box-shadow:0 1px 0 rgba(14,27,54,.05),0 20px 40px -30px rgba(14,27,54,.35)}
.doc .map .grp{font-size:13px;color:#9A6808;font-weight:600;margin-bottom:8px}
.doc .map h2{font:700 22px/1.2 SG;letter-spacing:-.02em;margin:0 0 6px;display:flex;gap:10px;align-items:center}
.doc .map h2 i{font-style:normal;color:#E3A92B}
.doc .map p{color:var(--soft);font-size:15px;margin:0 0 12px}
.doc .map ul{list-style:none;padding:0;margin:0}
.doc .map li{border-top:1px solid rgba(14,27,54,.1);padding:10px 0}.doc .map li b{display:block;font-size:15.5px}.doc .map li span{font-size:14.5px;color:var(--soft)}
/* jaarruimte */
.doc .jr-calc{border-radius:24px!important;padding:28px!important;background:#fff!important;border:1px solid rgba(14,27,54,.1)!important;box-shadow:0 30px 60px -40px rgba(14,27,54,.45);color:var(--ink)!important}
.doc .jr-calc input{border-radius:12px!important;border:1.5px solid rgba(14,27,54,.18)!important;font:600 17px IN!important}
.doc .jr-calc input:focus{outline:2px solid #E3A92B;outline-offset:1px}
.reveal{opacity:1}
@media (max-width:960px){
 .doc .page{padding:120px 0 80px}
 .doc .mlayout{grid-template-columns:1fr;gap:24px}.doc .mtoc{position:static;flex-direction:row;flex-wrap:wrap;border-left:0;gap:6px}
 .doc .mtoc a{border:1px solid rgba(14,27,54,.14);border-radius:999px;padding:6px 12px;margin:0}
 .doc .steps3,.doc .princ,.doc .map{grid-template-columns:1fr}
 .doc .fhero{padding:120px 0 70px}.doc .blk{padding:80px 0}
 .doc .ptable{display:block;overflow-x:auto}
}
.doc .mlayout:not(:has(.mtoc)){grid-template-columns:minmax(0,1fr)}