/* Kennisbank (kennisbank.php), ontwerp B: onderwerpen links, artikelen rechts. Laadt na home.css. */
.vxh > .in{min-width:0;width:100%}
.vxh .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vxh .kb-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding:56px 0 0;align-items:start}
.vxh .kb-grid-art{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"side art"}
.vxh .kb-grid-art .kb-art{grid-area:art;min-width:0}
.vxh .kb-grid-art .kb-side{grid-area:side;padding-bottom:72px}
.vxh .kb-side{position:sticky;top:96px;min-width:0}
.vxh .kb-intro{color:var(--d-mut);font-size:15px;margin:10px 0 0}
.vxh .kb-topics{display:flex;flex-direction:column;margin-top:20px;border-top:1px solid var(--d-line)}
.vxh .kb-topics a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--d-line);color:var(--d-mut);text-decoration:none;font-size:15px}
.vxh .kb-topics a:hover{color:var(--d-ink)}
.vxh .kb-topics a[aria-current]{color:var(--d-ink);font-weight:600}
.vxh .kb-topics span{color:var(--d-faint);font-size:13px;font-weight:400}
.vxh .kb-main{min-width:0}
/* zoekveld */
.vxh .kb-search{display:flex;align-items:center;gap:10px;background:var(--d-card);border:1px solid var(--d-line);border-radius:10px;padding:0 6px 0 14px;height:56px;margin:0 0 20px}
.vxh .kb-search:focus-within{border-color:var(--d-blue)}
.vxh .kb-search svg{width:20px;height:20px;fill:none;stroke:var(--d-faint);stroke-width:2;flex:none}
.vxh .kb-search input,.vxh .kb-search input:focus{flex:1;min-width:0;width:auto;background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;color:var(--d-ink);font:inherit;font-size:16px;outline:0;height:100%}
.vxh .kb-search input::-webkit-search-cancel-button{filter:invert(.6)}
.vxh .kb-search.is-live .kb-search-btn{display:none}
.vxh .kb-side .kb-search{height:46px;margin-bottom:8px}
.vxh .kb-side .kb-search input{font-size:15px}
/* lijst */
.vxh .kb-rows{border:1px solid var(--d-line);border-radius:10px;overflow:hidden}
.vxh .kb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:2px;padding:16px 20px;background:var(--d-card);border-top:1px solid var(--d-line);color:var(--d-ink);text-decoration:none}
.vxh .kb-row:first-child{border-top:0}
.vxh .kb-row:hover,.vxh .kb-row:focus-visible{background:var(--d-raised)}
.vxh .kb-row strong{font-size:16px}
.vxh .kb-row span{grid-column:1;color:var(--d-mut);font-size:14px}
.vxh .kb-row em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12.5px;color:var(--d-faint);border:1px solid var(--d-line);border-radius:999px;padding:3px 10px;white-space:nowrap}
.vxh .kb-count{color:var(--d-mut);font-size:14px;margin:0 0 10px}
.vxh .kb-empty{color:var(--d-mut);margin:0 0 16px}
.vxh .kb-empty a{color:var(--d-blue)}
/* zijbalk in een artikel */
.vxh .kb-side-h{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--d-faint);margin:22px 0 6px;font-weight:600}
.vxh .kb-side-list{list-style:none;margin:0;padding:0}
.vxh .kb-side-list a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--d-line);color:var(--d-mut);text-decoration:none;font-size:14.5px}
.vxh .kb-side-list a:hover{color:var(--d-ink)}
.vxh .kb-side-list a[aria-current]{border-color:var(--d-blue);color:var(--d-ink)}
.vxh .kb-side-empty{color:var(--d-mut);font-size:14px;margin:0}
/* artikel */
.vxh .kb-crumbs{font-size:14px;color:var(--d-faint);margin-bottom:12px}
.vxh .kb-crumbs a{color:var(--d-blue);text-decoration:none}
.vxh .kb-art h1.big{font-size:clamp(30px,4vw,44px)}
.vxh .kb-prose{color:var(--d-mut);font-size:16px;line-height:1.7;margin-top:24px;overflow-wrap:anywhere}
.vxh .kb-prose p,.vxh .kb-prose ul{margin:0 0 14px}
.vxh .kb-prose ul{padding-left:22px}
.vxh .kb-prose li{margin:4px 0}
.vxh .kb-prose h3{color:var(--d-ink);font-size:20px;margin:28px 0 8px}
.vxh .kb-prose a{color:var(--d-blue)}
.vxh .kb-prose strong{color:var(--d-ink)}
.vxh .kb-prose code{background:var(--d-raised);border:1px solid var(--d-line);border-radius:6px;padding:1px 6px;font-size:.92em}
.vxh .kb-updated{font-size:13px;color:var(--d-faint);margin:24px 0 0}
.vxh .kb-vote{margin-top:20px;padding-top:20px;border-top:1px solid var(--d-line);color:var(--d-mut)}
.vxh .kb-vote form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vxh .kb-vote p{margin:0}
.vxh .kb-vote button{font:inherit;font-size:14px;cursor:pointer}
/* verder helpen */
.vxh .kb-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 72px;padding:22px 24px;border:1px solid var(--d-line);border-radius:10px;background:var(--d-card)}
.vxh .kb-cta h2{font-size:19px;margin:0 0 4px}
.vxh .kb-cta p{margin:0;color:var(--d-mut);font-size:14.5px}
.vxh .kb-cta-actions{display:flex;gap:10px;flex:none}
.vxh .kb-cta button{font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
@media (max-width:900px){
  .vxh .kb-grid{grid-template-columns:1fr;gap:24px;padding-top:40px}
  .vxh .kb-grid-art{grid-template-areas:"art" "side"}
  .vxh .kb-side{position:static}
  .vxh .kb-grid-art .kb-side{border-top:1px solid var(--d-line);padding:24px 0 56px}
  .vxh .kb-grid-art .kb-cta{margin-bottom:32px}
  .vxh .kb-topics{flex-direction:row;flex-wrap:wrap;gap:8px;border-top:0}
  .vxh .kb-topics a{border:1px solid var(--d-line);border-radius:999px;padding:6px 14px;font-size:14px}
  .vxh .kb-topics a[aria-current]{border-color:var(--d-blue)}
  .vxh .kb-topics span{margin-left:4px}
  .vxh .kb-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .vxh .kb-row{grid-template-columns:1fr}
  .vxh .kb-row em{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}
  .vxh .kb-cta-actions{width:100%}
  .vxh .kb-cta-actions .btn{flex:1;text-align:center}
}