.kb-page-head{padding:56px 0 40px;border-bottom:1px solid var(--paper-3);background:#fff}.kb-page-head h1{font-family:var(--font-dp);font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.028em;color:var(--ink);margin-bottom:14px;max-width:780px}.kb-page-head .kb-lead{font-size:16px;color:var(--ink-3);max-width:620px;line-height:1.65;margin-bottom:28px}.kb-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3);margin-bottom:18px;flex-wrap:wrap}.kb-breadcrumb a{color:var(--ink-3);transition:color .15s}.kb-breadcrumb a:hover{color:var(--brand)}.kb-breadcrumb-sep{opacity:.4}.kb-search{display:flex;align-items:center;background:#fff;border:1.5px solid var(--paper-3);border-radius:100px;padding:5px 5px 5px 20px;max-width:520px;transition:all .2s}.kb-search:focus-within{background:#fff;box-shadow:0 0 0 3px var(--brand-tint);border-color:var(--brand-soft)}.kb-search input{flex:1;border:none;outline:none;background:transparent;padding:10px 12px;font-family:var(--font);font-size:14px;color:var(--ink)}.kb-search input::placeholder{color:var(--ink-4)}.kb-search button{background:var(--brand);color:#fff;border:none;padding:10px 20px;border-radius:100px;font-size:13px;font-weight:600;transition:background .15s;cursor:pointer;font-family:var(--font);white-space:nowrap}.kb-search button:hover{background:var(--brand-deep)}.kb-content{padding:32px 0 80px}.kb-grid{display:grid;grid-template-columns:220px 1fr;gap:44px}.kb-sidebar{position:sticky;top:100px;height:max-content}.kb-filter-group{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--paper-3)}.kb-filter-group:last-child{border-bottom:none;margin-bottom:0}.kb-filter-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:12px}.kb-cat-list{list-style:none;display:flex;flex-direction:column;gap:2px}.kb-cat-link{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--ink-2);transition:all .15s;cursor:pointer;text-decoration:none}.kb-cat-link:hover{background:var(--paper-2);color:var(--ink)}.kb-cat-link.active{background:var(--brand-tint);color:var(--brand);font-weight:600}.kb-cat-link span:last-child{font-size:12px;color:var(--ink-4);font-variant-numeric:tabular-nums}.kb-cat-link.active span:last-child{color:var(--brand)}.kb-filter-checkbox{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:var(--ink-2);cursor:pointer;user-select:none}.kb-filter-checkbox input[type=checkbox]{accent-color:var(--brand);width:14px;height:14px;flex-shrink:0;cursor:pointer}.kb-filter-checkbox:hover{color:var(--ink)}.kb-filter-checkbox.checked{color:var(--brand);font-weight:600}.kb-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:12px}.kb-results-count{font-size:14px;color:var(--ink-3)}.kb-results-count strong{color:var(--ink);font-weight:600}.kb-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.art-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-decoration:none}.art-card:hover{border-color:var(--brand-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}.art-card-body{padding:22px;flex:1;display:flex;flex-direction:column}.art-card-tag{display:inline-block;background:var(--accent-tint);color:var(--brand);font-size:10px;font-weight:700;padding:4px 9px;border-radius:100px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;align-self:flex-start}.art-card h3{font-family:var(--font-dp);font-size:17px;font-weight:600;line-height:1.3;margin-bottom:10px;letter-spacing:-.015em;color:var(--ink)}.art-card p{color:var(--ink-3);font-size:14.5px;line-height:1.65;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.art-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-3)}.art-card-read{color:var(--brand);font-weight:600;display:flex;align-items:center;gap:4px}.art-card-arrow{display:inline-block;transition:transform .2s}.art-card:hover .art-card-arrow{transform:translate(4px)}.art-card-leestijd{font-size:12px;color:var(--ink-4)}.art-card-tag[data-cat="power bi"]{background:#e3f0fa;color:#0050a0}.art-card-tag[data-cat=automations]{background:#e6f4ea;color:#1b5e20}.art-card-tag[data-cat=applicaties]{background:#ede7f6;color:#4a148c}.art-card-tag[data-cat=ai]{background:#fff3e0;color:#c84b00}.art-card-tag[data-cat=websites]{background:#e0f7f4;color:#00574b}.art-card-tag[data-cat=algemeen]{background:#f5f5f5;color:#424242}.kb-no-results{padding:48px 0;text-align:center;color:var(--ink-3);font-size:15px;display:none}.kb-no-results strong{display:block;font-size:20px;color:var(--ink);margin-bottom:8px;font-weight:600}.pag-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}.pag-btn{background:#fff;border:1.5px solid var(--paper-3);border-radius:var(--r);padding:8px 18px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s;font-family:var(--font)}.pag-btn:hover:not([disabled]){border-color:var(--brand-soft);color:var(--brand)}.pag-btn[disabled]{opacity:.35;cursor:default}.pag-pages{display:flex;gap:4px;flex-wrap:wrap}.pag-page{width:36px;height:36px;background:transparent;border:1.5px solid var(--paper-3);border-radius:8px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s;font-family:var(--font)}.pag-page:hover{border-color:var(--brand-soft);color:var(--brand)}.pag-page.active{background:var(--brand);color:#fff;border-color:var(--brand)}.kb-filter-toggle{display:none}@media (max-width: 980px){.kb-grid{grid-template-columns:1fr}.kb-sidebar{position:static}.kb-results-grid{grid-template-columns:repeat(2,1fr)}.kb-filter-toggle{display:flex;align-items:center;gap:.5rem;background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--r);padding:.6rem 1rem;font-size:.9rem;font-weight:600;color:var(--ink);cursor:pointer;width:100%;margin-bottom:.75rem;font-family:var(--font)}.kb-filter-toggle svg{transition:transform .2s}.kb-filter-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.kb-sidebar-body{overflow:hidden;max-height:0;transition:max-height .3s ease}.kb-sidebar-body.open{max-height:1200px}}@media (max-width: 600px){.kb-results-grid{grid-template-columns:1fr}}