/* Overzichtspagina van de kennisbank */
.kb-header { padding: 3rem 0 2rem; }
.kb-header p { margin: 0 auto 1.5rem; max-width: 680px; }
.kb-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.kb-nav a { display: block; padding: 6px 14px; border: 1px solid #d9d5ea; border-radius: 8px; background: #fff; color: #4f3f8f; font-size: 0.9rem; font-weight: 600; text-decoration: none; }
.kb-nav a:hover, .kb-nav a:focus-visible { background: #4f3f8f; color: #fff; }
.kb-page { padding-top: 16px; padding-bottom: 48px; }
.kb-theme { padding: 32px 0 8px; background: none; scroll-margin-top: 90px; }
.kb-theme h2 { margin: 0 0 4px; text-align: left; font-size: 1.6rem; }
.kb-theme-intro { margin: 0 0 20px; color: #5f6b7a; }
.kb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.kb-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 8px; border: 1px solid #e2e5ea; background: #fff; color: inherit; text-decoration: none; transition: border-color 0.15s ease; }
.kb-card:hover, .kb-card:focus-visible { border-color: #4f3f8f; }
.kb-card img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.kb-card-body { padding: 14px 16px 16px; }
.kb-card h3 { margin: 0; color: #2c3e50; font-size: 1.02rem; line-height: 1.35; text-align: left; }
.kb-card p { margin: 8px 0 0; color: #5f6b7a; font-size: 0.9rem; line-height: 1.45; }
.kb-note { margin-top: 36px; color: #5f6b7a; font-size: 0.9rem; }
@media (max-width: 600px) {
  .kb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .kb-card-body { padding: 10px 12px 12px; }
  .kb-card h3 { font-size: 0.92rem; }
  .kb-card p { display: none; }
  .kb-nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 6px; }
  .kb-nav a { white-space: nowrap; }
}