/* Kennisbank: overzicht en artikel */
.kb-kaarten{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kb-item{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lijn);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.kb-item:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(6,3,58,.35)}
.kb-item img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.kb-item div{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.kb-item small{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vaag)}
.kb-item h2{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--navy)}
.kb-item h2 b{color:var(--midnight)}
.kb-item p{color:var(--muted);font-size:15px}
.kb-item .dmeer{margin-top:auto;padding-top:10px}

.kb-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(32px,5vw,72px);align-items:start}
.kb-tekst{max-width:68ch}
.kb-meta{font-size:13px;color:var(--vaag);margin-bottom:22px}
.kb-tekst h2{font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--navy);margin:38px 0 12px}
.kb-tekst h3{font-size:18px;font-weight:600;color:var(--navy);margin:26px 0 8px}
.kb-tekst p,.kb-tekst li{color:var(--muted);font-size:16px;line-height:1.65}
.kb-tekst p+p{margin-top:14px}
.kb-tekst ul,.kb-tekst ol{margin:12px 0 14px 1.2em;display:grid;gap:6px}
.kb-tekst ul{list-style:disc}
.kb-tekst ol{list-style:decimal}
.kb-tekst strong{color:var(--navy)}
.kb-tekst a{color:var(--midnight);font-weight:600;text-decoration:underline;text-decoration-color:rgba(41,204,114,.6);text-decoration-thickness:2px;text-underline-offset:3px}
.kb-tekst a:hover{text-decoration-color:var(--groen)}
.kb-tekst table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.kb-tekst th,.kb-tekst td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--lijn);color:var(--muted);vertical-align:top}
.kb-tekst th{color:var(--navy);font-weight:600;background:var(--licht)}
.kb-bronnen{margin-top:40px;padding-top:24px;border-top:1px solid var(--lijn)}
.kb-bronnen h2{font-size:18px;margin:0 0 10px}
.kb-bronnen li{font-size:14px}

.kb-zij{position:sticky;top:110px}
.kb-kaart{background:var(--licht);border:1px solid var(--lijn);padding:28px;display:flex;flex-direction:column;gap:14px}
.kb-kaart h2{font-size:22px;font-weight:600;line-height:1.2;color:var(--navy)}
.kb-kaart h2 b{color:var(--groen)}
.kb-kaart p{color:var(--muted);font-size:15px}
.kb-kaart .btn{justify-content:center;white-space:normal;text-align:center}

@media (max-width:980px){
  .kb-kaarten{grid-template-columns:1fr 1fr}
  .kb-grid{grid-template-columns:1fr}
  .kb-zij{position:static}
}
@media (max-width:640px){.kb-kaarten{grid-template-columns:1fr}}