/* Kennis en statistieken: leestemplate "Het cijfer eerst" (tokens uit brand.css) */
.kn-hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;overflow:hidden;background:var(--night);color:var(--txt)}
.kn-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.kn-hero .shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,7,10,.5),rgba(7,7,10,0) 25%),linear-gradient(to top,rgba(7,7,10,1) 0%,rgba(7,7,10,.55) 40%,rgba(7,7,10,0) 75%),linear-gradient(90deg,rgba(7,7,10,.6),rgba(7,7,10,.2) 45%,rgba(7,7,10,0) 65%)}
.kn-hero .wrap{position:relative;width:100%;padding-top:140px;padding-bottom:clamp(44px,6vw,72px)}
.kn-hero .copy{max-width:720px}
.kn-hero .meta{font-size:.88rem;color:var(--muted);margin:0 0 14px;letter-spacing:.02em}
.kn-hero h1{font-size:clamp(2.2rem,4.2vw,3.8rem);margin-bottom:18px;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.kn-hero .lead{text-shadow:0 1px 12px rgba(0,0,0,.5)}

.kn-sec{padding:clamp(56px,7vw,96px) 0}
.kn-sec.a{background:var(--paper);color:var(--ink)}
.kn-sec.b{background:var(--paper2);color:var(--ink)}
.kn-sec.d{background:var(--night);color:var(--txt)}
.kn-sec h2{font-size:clamp(1.7rem,3vw,2.5rem);max-width:22ch;margin-bottom:22px}
.kn-sec h3{margin:1.6em 0 .5em}
.kn-prose{max-width:72ch}
.kn-prose p,.kn-prose li{font-size:1.05rem;line-height:1.75;color:#2a2a33}
.kn-sec.d .kn-prose p,.kn-sec.d .kn-prose li{color:var(--muted2)}
.kn-prose p+p{margin-top:.9em}
.kn-prose a{text-decoration:underline;text-underline-offset:3px}
.kn-prose ul{padding-left:1.2em}
.kn-prose .small{font-size:.9rem;color:var(--ink-muted)}
.kn-sec.d .kn-prose .small{color:var(--muted)}

.kn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,48px);margin:clamp(32px,4vw,56px) 0 clamp(28px,3vw,40px)}
.kn-stats.two{grid-template-columns:repeat(2,1fr);max-width:820px}
.kn-stat{border-top:2px solid var(--ink);padding:18px 0 22px}
.kn-sec.d .kn-stat{border-top-color:rgba(255,255,255,.6)}
.kn-stat .n{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,4.2vw,3.8rem);letter-spacing:-.04em;line-height:1;margin:0 0 8px}
.kn-stat .l{font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.01em;margin:0 0 6px}
.kn-stat .t{font-size:.92rem;color:var(--ink-muted);line-height:1.55;margin:0 0 8px}
.kn-sec.d .kn-stat .t{color:var(--muted)}
.kn-stat .s,.kn-src{font-size:.8rem;color:var(--ink-muted);text-decoration:underline;text-underline-offset:2px}
.kn-sec.d .kn-stat .s,.kn-sec.d .kn-src{color:var(--muted)}

.kn-bars{background:var(--night);color:var(--txt);border-radius:var(--r);padding:clamp(22px,3vw,36px);max-width:760px;margin:28px 0}
.kn-bars h3,.kn-bars .ttl{margin:0 0 20px;font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.kn-bar{margin:0 0 16px}
.kn-bar .lab{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;margin-bottom:7px}
.kn-bar .lab span:last-child{color:var(--muted);font-family:var(--display);font-weight:700}
.kn-bar .trk{height:14px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.kn-bar .fil{height:100%;border-radius:999px;background:var(--c,var(--raspberry))}
.kn-bar .in{font-size:.78rem;color:var(--muted);margin-top:5px}
.kn-bars .foot,.kn-bars .tot{font-size:.82rem;color:var(--muted);margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.kn-bars .tot{display:flex;justify-content:space-between;color:var(--txt);font-family:var(--display);font-weight:700;font-size:.95rem}

.kn-table{border:1px solid var(--line-ink);border-radius:var(--r);overflow-x:auto;background:#fff;margin:28px 0;max-width:960px}
.kn-table table{width:100%;border-collapse:collapse;min-width:620px}
.kn-table th{font:700 .74rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);text-align:left;padding:14px 18px;border-bottom:1px solid var(--line-ink)}
.kn-table td{padding:14px 18px;border-bottom:1px solid var(--line-ink);font-size:.95rem;vertical-align:top}
.kn-table tr:last-child td{border-bottom:0}
.kn-table td:first-child{font-family:var(--display);font-weight:700}
.kn-sec.d .kn-table{background:var(--card);border-color:var(--line)}
.kn-sec.d .kn-table th,.kn-sec.d .kn-table td{border-color:var(--line)}
.kn-sec.d .kn-table th{color:var(--muted)}

.kn-call{border-left:3px solid var(--ink);padding:18px 24px;background:#fff;border-radius:0 var(--r-s) var(--r-s) 0;max-width:72ch;margin:28px 0}
.kn-sec.b .kn-call{background:#fff}.kn-sec.a .kn-call{background:var(--paper2)}
.kn-sec.d .kn-call{background:var(--card);border-left-color:#fff}
.kn-call .ttl{font-family:var(--display);font-weight:700;margin:0 0 8px}
.kn-call p{font-size:.95rem;line-height:1.65;color:#2a2a33;margin:0}
.kn-call p+p{margin-top:.7em}
.kn-sec.d .kn-call p{color:var(--muted2)}

.kn-points{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,3vw,48px);margin:28px 0;max-width:960px;list-style:none;padding:0}
.kn-points.three{grid-template-columns:repeat(3,1fr)}
.kn-points li{border-top:1px solid var(--line-ink);padding:18px 0 20px}
.kn-sec.d .kn-points li{border-top-color:var(--line)}
.kn-points .ttl{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;margin:0 0 6px}
.kn-points p{font-size:.95rem;color:#3a3a44;line-height:1.6;margin:0}
.kn-points p+p{margin-top:6px}
.kn-points .k{font:700 .72rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-top:10px}
.kn-sec.d .kn-points p{color:var(--muted2)}.kn-sec.d .kn-points .k{color:var(--muted)}

.kn-panels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,28px);margin:28px 0}
.kn-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,32px)}
.kn-panel h3,.kn-panel .ttl{margin:0 0 16px;font-family:var(--display);font-weight:700;font-size:1.05rem}
.kn-panel .row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.95rem}
.kn-panel .row span:last-child{font-family:var(--display);font-weight:700;text-align:right;white-space:nowrap}
.kn-panel .box{margin-top:16px;background:rgba(255,255,255,.06);border-radius:var(--r-s);padding:14px 16px}
.kn-panel .box p{margin:0;font-size:.95rem;color:var(--muted2)}
.kn-panel .box .big{font-family:var(--display);font-weight:800;font-size:1.6rem;letter-spacing:-.03em;color:#fff;margin-bottom:4px}
.kn-sec.d .kn-fine,.kn-fine{font-size:.82rem;color:var(--muted);margin-top:18px;max-width:72ch}

.kn-faq details{border-bottom:1px solid var(--line-ink)}
.kn-faq summary{cursor:pointer;padding:18px 0;font-family:var(--display);font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.kn-faq summary::-webkit-details-marker{display:none}
.kn-faq summary::after{content:'+';font-size:1.5rem;font-weight:300;color:var(--ink-muted);transition:transform .25s;flex:none}
.kn-faq details[open] summary::after{transform:rotate(45deg)}
.kn-faq .a{padding:0 0 20px;font-size:.98rem;line-height:1.7;color:#2a2a33;max-width:72ch}
.kn-faq .a a{text-decoration:underline;text-underline-offset:3px}

.kn-related{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,32px);margin-top:24px}
.kn-related a{text-decoration:none;color:inherit;border-top:1px solid var(--line-ink);padding-top:16px;display:block}
.kn-related b{display:block;font-family:var(--display);font-weight:700;margin-bottom:4px}
.kn-related span{font-size:.92rem;color:var(--ink-muted)}
.kn-also{margin-top:22px}

.kn-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.5vw,28px);margin-top:clamp(28px,4vw,48px)}
.kn-tile{display:block;text-decoration:none;color:#fff;background:var(--night);border-radius:var(--r);padding:clamp(24px,3vw,40px);position:relative;overflow:hidden;min-height:260px;transition:transform .35s var(--ease)}
.kn-tile:hover{transform:translateY(-4px)}
.kn-tile::before{content:"";position:absolute;right:-20%;top:-40%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent 72%);opacity:.6}
.kn-tile .n{position:relative;font-family:var(--display);font-weight:800;font-size:clamp(3rem,5.5vw,4.8rem);letter-spacing:-.05em;line-height:1;margin:0 0 14px}
.kn-tile b{position:relative;display:block;font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.015em;margin-bottom:8px}
.kn-tile p{position:relative;margin:0;color:rgba(255,255,255,.75);font-size:.95rem;line-height:1.55}

.kn-author{display:flex;gap:18px;align-items:flex-start;max-width:72ch;padding-top:28px;border-top:1px solid var(--line-ink);margin-top:40px}
.kn-author .mark{flex:none;width:44px;height:44px;border-radius:12px;background:var(--night);color:#fff;display:grid;place-items:center;font:800 .75rem var(--display);letter-spacing:.06em}
.kn-author b{display:block;font-family:var(--display);font-weight:700}
.kn-author .d{font-size:.82rem;color:var(--ink-muted);margin:0 0 6px}
.kn-author p{font-size:.92rem;color:#3a3a44;line-height:1.6;margin:0}
.kn-author p a{text-decoration:underline}

.kn-cta{position:relative;overflow:hidden;background:var(--night);color:var(--txt)}
.kn-cta .glow{position:absolute;left:50%;top:40%;width:900px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,59,134,.2),rgba(255,59,134,0));pointer-events:none}
.kn-cta .wrap{position:relative}
.kn-cta h2{max-width:20ch}
.kn-cta .lead{margin-bottom:28px}

html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
html.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}

@media (max-width:1024px){.kn-stats{grid-template-columns:repeat(2,1fr)}.kn-points.three{grid-template-columns:repeat(2,1fr)}.kn-related{grid-template-columns:1fr}}
@media (max-width:820px){
  .kn-hero{min-height:0;display:block}.kn-hero img{position:relative;height:66vw;min-height:300px}.kn-hero .shade{display:none}.kn-hero .wrap{padding-top:28px;padding-bottom:48px}
  .kn-stats,.kn-stats.two,.kn-points,.kn-points.three,.kn-panels,.kn-tiles{grid-template-columns:1fr}
  .kn-tile{min-height:0}
}
.kn-points .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font:800 .8rem var(--display);margin-right:10px;vertical-align:middle}
.kn-sec.d .kn-points .num{background:#fff;color:var(--ink)}
.kn-prose ul.plusmin,.kn-points ul.plusmin{list-style:none;padding:0}
.plusmin li{position:relative;padding-left:26px}
.plusmin li::before{position:absolute;left:0;top:0;font:800 1.05rem var(--display)}
.plusmin li.plus::before{content:"+";color:#1f8a46}.plusmin li.min::before{content:"−";color:#c0392b}
.kn-sec.d .plusmin li.plus::before{color:#8FE3A3}.kn-sec.d .plusmin li.min::before{color:#FF7A7A}
.kn-quote{margin:28px 0;max-width:72ch;border-left:3px solid var(--ink);padding:6px 0 6px 24px}
.kn-quote blockquote{margin:0 0 10px;font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.015em;line-height:1.35}
.kn-quote figcaption{font-size:.9rem;color:var(--ink-muted)}.kn-quote .src{margin:4px 0 0;font-size:.8rem}
.kn-sec.d .kn-quote{border-left-color:#fff}.kn-sec.d .kn-quote figcaption{color:var(--muted)}