/* ---------- kennisbank: overzicht en artikelpagina's ---------- */
.kb-pagina .nav{background:rgba(247,246,241,.92)}
.kb-pagina main{padding-top:4.5rem}
.kb-pagina .sectie.strak:first-child{padding-top:clamp(1.5rem,3vw,2.5rem)}

/* overzicht */
.kb-start h1{font-size:var(--fs-h2);max-width:20ch}
.kb-zoekbalk{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.75rem}
.kb-zoek{flex:1 1 320px;display:flex;align-items:center;gap:.6rem;background:var(--paper);border-radius:var(--r-pill);box-shadow:var(--schaduw-kaart);padding:.35rem .35rem .35rem 1.1rem;max-width:620px}
.kb-zoek .ic{width:20px;height:20px;color:var(--muted);flex:none}
.kb-zoek input{flex:1;border:0;background:none;font:inherit;font-size:1rem;color:var(--inkt);padding:.65rem .25rem;min-width:0}
.kb-zoek input:focus{outline:none}
.kb-zoek:focus-within{box-shadow:0 0 0 2px var(--actie)}
.kb-sprong{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.kb-sprong a{font-size:var(--fs-sm);font-weight:600;color:var(--sage-diep);background:var(--veld);border-radius:var(--r-pill);padding:.45rem .9rem}
.kb-sprong a:hover{background:var(--veld-2)}
.kb-geen{margin-top:2rem;color:var(--tekst-2)}
.kb-groep{margin-top:clamp(2.5rem,5vw,4rem);scroll-margin-top:6rem}
.kb-groep-kop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1.5rem;margin-bottom:1rem}
.kb-groep-kop h2{font-size:var(--fs-h3)}
.kb-groep-kop p{color:var(--tekst-2);font-size:var(--fs-sm)}
.kb-kaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.kb-kaart{display:grid;gap:.4rem;align-content:start;background:var(--paper);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart);padding:1.15rem 1.25rem;transition:box-shadow .2s,transform .2s var(--ease)}
.kb-kaart:hover{box-shadow:var(--schaduw-kaart-hover);transform:translateY(-2px)}
.kb-kaart b{font-size:1.02rem;line-height:1.35}
.kb-kaart span{font-size:var(--fs-sm);color:var(--tekst-2);line-height:1.55}
@media (max-width:900px){.kb-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kb-kaarten{grid-template-columns:minmax(0,1fr)}}

/* artikel */
.kb-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.kb-kruimel{display:flex;flex-wrap:wrap;gap:.4rem;font-size:var(--fs-xs);color:var(--muted);margin-bottom:1.5rem}
.kb-kruimel a{color:var(--sage-diep);font-weight:600}
.kb-artikel h1{font-size:var(--fs-h2);max-width:22ch;margin-bottom:1.5rem}
.kb-tekst{max-width:68ch;display:grid;gap:1rem;color:var(--tekst);font-size:1.02rem}
.kb-tekst h2{font-size:1.2rem;margin-top:.9rem}
.kb-tekst ul{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}
.kb-tekst li::marker{color:var(--actie)}
.kb-stappen{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;counter-reset:stap}
.kb-stappen li{counter-increment:stap;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;align-items:start}
.kb-stappen li::before{content:counter(stap);width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--actie-vlak);color:#fff;font-weight:700;font-size:.85rem}
.kb-tip,.kb-let{border-radius:var(--r-klein);padding:.9rem 1.1rem;display:grid;gap:.2rem}
.kb-tip{background:var(--veld)}
.kb-tip b{color:var(--sage-diep);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}
.kb-let{background:var(--blauw-zacht)}
.kb-let b{color:var(--blauw);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}
.kb-tabel{margin:0;background:var(--paper);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart);overflow:hidden}
.kb-tabel div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;padding:.75rem 1.1rem;border-top:1px solid var(--lijn)}
.kb-tabel div:first-child{border-top:0}
.kb-tabel dt{font-weight:600;color:var(--inkt)}
.kb-tabel dd{margin:0;color:var(--tekst-2)}
.kb-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-klein);padding:.75rem 1rem}
.kb-verder{margin-top:2.5rem;max-width:68ch;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;background:var(--veld);border-radius:var(--r-kaart);padding:1.25rem 1.4rem}
.kb-verder > div:first-child{display:grid;gap:.15rem}
.kb-verder span{font-size:var(--fs-sm);color:var(--tekst-2)}
.kb-zij{display:grid;gap:1rem;position:sticky;top:6rem}
.kb-adviesblok{background:var(--inkt);color:#fff;border-radius:var(--r-kaart);padding:1.3rem 1.3rem 1.4rem;display:grid;gap:.45rem}
.kb-adviesblok .eyebrow{color:var(--sage);margin:0}
.kb-adviesblok b{color:#fff;font-size:1.1rem}
.kb-adviesblok span{font-size:var(--fs-sm);color:rgba(255,255,255,.75);margin-bottom:.4rem}
.kb-adviesblok .knop{justify-self:start}
.kb-meer{background:var(--paper);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart);padding:1.1rem 1.2rem;display:grid;gap:.15rem}
.kb-meer b{font-size:var(--fs-sm);margin-bottom:.4rem}
.kb-meer a{font-size:var(--fs-sm);color:var(--tekst-2);padding:.4rem 0;border-top:1px solid var(--lijn);line-height:1.4}
.kb-meer a:hover{color:var(--inkt)}
.kb-meer .kb-alles{color:var(--sage-diep);font-weight:600;display:flex;align-items:center;gap:.35rem}
.kb-meer .kb-alles .ic{width:16px;height:16px}
@media (max-width:900px){.kb-grid{grid-template-columns:minmax(0,1fr)}.kb-zij{position:static}}

/* homepage: blok met kennisbankartikelen onder de veelgestelde vragen */
.kennis-meer{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1rem,3vw,2rem);align-items:stretch}
.kennis-ai{background:var(--inkt);color:#fff;border-radius:var(--r-paneel);padding:clamp(1.5rem,3vw,2.25rem);display:grid;gap:1rem;align-content:start}
.kennis-ai .eyebrow{color:var(--sage);margin:0}
.kennis-ai h3{color:#fff;font-size:var(--fs-h3)}
.kennis-ai p{color:rgba(255,255,255,.78)}
.kennis-ai .voorbeelden{display:flex;flex-wrap:wrap;gap:.5rem}
.kennis-ai .voorbeelden button{font-size:var(--fs-sm);color:#fff;background:rgba(255,255,255,.1);border-radius:var(--r-pill);padding:.5rem .9rem;text-align:left}
.kennis-ai .voorbeelden button:hover{background:rgba(255,255,255,.18)}
.kennis-lijst{background:var(--paper);border-radius:var(--r-paneel);box-shadow:var(--schaduw-kaart);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:.2rem;align-content:start}
.kennis-lijst .eyebrow{margin-bottom:.5rem}
.kennis-lijst a.artikel{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem 0;border-top:1px solid var(--lijn);font-weight:500;color:var(--inkt)}
.kennis-lijst a.artikel .ic{width:18px;height:18px;color:var(--sage-diep);flex:none}
.kennis-lijst a.artikel:hover{color:var(--sage-diep)}
.kennis-lijst .knop{justify-self:start;margin-top:.75rem}
@media (max-width:900px){.kennis-meer{grid-template-columns:minmax(0,1fr)}}