/* Sprint 6636-1050 — kennisbank in de stijl van de homepage (blauw/mint i.p.v. groene blokken). Laadt ná de eigen stijl van knowledge-base.php. */
.kb{background:#f7faf8;color:#101826}
.kb .kb-hero{padding:72px 0 56px;background:radial-gradient(circle at 78% 20%,rgba(29,107,69,.22),transparent 32%),linear-gradient(135deg,#07182b 0%,#0a2440 58%,#0a3145 100%);border-bottom:0;color:#fff}
.kb .kb-hero .kb-eyebrow{color:#62e8b7}
.kb .kb-hero h1{color:#fff}
.kb .kb-hero .kb-lead{color:#c6d3dd}
.kb .kb-hero .kb-search-label{color:#e6eef4}
.kb .kb-hero .kb-count{background:rgba(255,255,255,.08);color:#e6eef4;border-color:rgba(255,255,255,.16)}
.kb .kb-search input{border-color:transparent;box-shadow:0 14px 36px rgba(0,0,0,.22)}
.kb .kb-search input:focus{border-color:#62e8b7;box-shadow:0 0 0 4px rgba(98,232,183,.25),0 14px 36px rgba(0,0,0,.22)}
.kb .kb-eyebrow{color:#087a55}
.kb .kb-filterbar,.kb .kb-card,.kb .kb-article-main,.kb .kb-toc{border-color:#e3ebe7;border-radius:20px;box-shadow:none}
.kb .kb-card{padding:22px 22px 20px}
.kb .kb-card:hover{border-color:#bfe3d0;transform:translateY(-1px);box-shadow:0 14px 34px rgba(16,24,38,.07)}
.kb .kb-card .kb-read,.kb .kb-back-link,.kb .kb-breadcrumbs a,.kb .kb-steps li a{color:#087a55}
.kb .kb-card-meta{color:#5b6675}
.kb .kb-card-meta span,.kb .kb-pill{background:#eef2f0;color:#33403a}
.kb .kb-guide{background:radial-gradient(circle at 85% 0%,rgba(98,232,183,.14),transparent 45%),linear-gradient(135deg,#07182b 0%,#0a2440 60%,#0a3145 100%);color:#fff;border:0;border-radius:20px}
.kb .kb-guide:hover{border:0;box-shadow:0 16px 38px rgba(7,24,43,.24)}
.kb .kb-guide h3{color:#fff}
.kb .kb-guide p{color:#c6d3dd}
.kb .kb-guide .kb-card-meta{color:#c6d3dd}
.kb .kb-guide .kb-card-meta span{background:rgba(255,255,255,.1);color:#e6eef4}
.kb .kb-guide .kb-read{color:#62e8b7}
.kb .kb-learn{background:#f7faf8;border:1px solid #e3ebe7;border-radius:20px;padding:22px 24px}
.kb .kb-learn strong{color:#101826;font-size:16px}
.kb .kb-learn ul{list-style:none;padding:0;color:#26313f}
.kb .kb-learn li{position:relative;padding-left:28px}
.kb .kb-learn li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#62e8b7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307182b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}
.kb .kb-callout{border-radius:16px;background:#f7faf8;border:1px solid #e3ebe7;color:#33403a}
.kb .kb-callout.green{background:#0b1d31;border-color:#0b1d31;color:#e6eef4}
.kb .kb-callout.green strong{color:#62e8b7}
.kb .kb-callout.green p{color:#c6d3dd}
.kb .kb-callout.green a,.kb .kb-callout.green .kb-back-link{color:#62e8b7}
.kb .kb-callout.red{border-radius:16px}
.kb .kb-steps li{background:#fff;border-color:#e3ebe7;border-radius:14px;color:#33403a}
.kb .kb-steps li:before{background:#62e8b7;color:#07182b}
.kb .kb-faq summary{color:#101826}
.kb .kb-related a{background:#fff;border-color:#e3ebe7;border-radius:14px;color:#101826}
.kb .kb-related a:hover{border-color:#bfe3d0;color:#087a55}
.kb .kb-toc a:hover{background:#f7faf8;color:#087a55}