.ok-band{background:#EEF2F8;border-bottom:1px solid var(--rand-warm);padding:56px 0 64px}
.ok-band-kop{font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n500)}
.ok-cijfers{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rand-warm);border:1px solid var(--rand-warm)}
.ok-cijfers li{background:#fff;padding:24px 24px 22px;display:flex;flex-direction:column}
.ok-c-wat{font-size:14px;line-height:20px;font-weight:500;color:var(--inkt)}
.ok-c-getal{margin-top:14px;font-size:48px;line-height:52px;font-weight:500;letter-spacing:-1.6px;color:var(--inkt);font-variant-numeric:tabular-nums}
.ok-c-getal small{margin-left:4px;font-size:18px;line-height:24px;font-weight:500;letter-spacing:0;color:var(--n500)}
.ok-cijfers li:first-child .ok-c-getal{color:var(--blauw-tekst)}
.ok-c-uitleg{margin-top:8px;font-size:15px;line-height:23px;color:var(--n600)}
.ok-cijfers .bronregel{margin-top:auto;padding-top:16px}
.leestekst .precies-oog + .m-h2{margin-top:12px}
.leestekst .ok-noot{margin-top:20px;padding-left:16px;border-left:2px solid var(--rand-warm);font-size:15px;line-height:24px;color:var(--n600)}
.ok-raster-vak{margin:28px 0 0;background:#fff;border:1px solid var(--rand-warm);padding:22px 24px 20px}
.ok-raster-kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.ok-raster-kop b{font-size:14px;line-height:20px;font-weight:500;color:var(--inkt)}
.ok-raster-kop span{font-size:12px;line-height:18px;color:var(--n500);white-space:nowrap}
.ok-raster{margin-top:16px;display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:4px}
.ok-raster i{display:block;aspect-ratio:1;background:#fff;border:1px solid var(--n300)}
.ok-raster i.ja{background:var(--blauw);border-color:var(--blauw)}
.leestekst .ok-raster-teller{margin-top:14px;display:flex;align-items:baseline;gap:8px;font-size:14px;line-height:20px;color:var(--n600)}
.leestekst .ok-raster-teller b{font-family:var(--f);font-size:24px;line-height:28px;font-weight:500;letter-spacing:-.4px;color:var(--inkt);font-variant-numeric:tabular-nums;min-width:3ch}
.ok-raster-teller + .ok-legenda{margin-top:12px}
.ok-legenda{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;line-height:20px;color:var(--n600)}
.ok-legenda span{display:inline-flex;align-items:center;gap:8px}
.ok-legenda i{width:12px;height:12px;border:1px solid var(--n300);background:#fff;flex:none}
.ok-legenda i.ja{background:var(--blauw);border-color:var(--blauw)}
.ok-balk-vak{margin-top:28px;background:#fff;border:1px solid var(--rand-warm);padding:22px 24px 20px}
.leestekst .ok-balk-kop{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;line-height:20px}
.ok-balk-kop b{font-weight:500;color:var(--inkt)}
.ok-balk-kop span{font-size:12px;line-height:18px;color:var(--n500);white-space:nowrap}
.ok-balk{margin-top:16px;display:flex;gap:2px;height:44px}
.ok-deel{display:flex;align-items:center;padding-left:10px;min-width:0;overflow:hidden;font-size:13px;line-height:16px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.ok-deel.d1{background:var(--blauw)}
.ok-deel.d2{background:#5B92F3}
.ok-deel.d3{background:#9DBDF7;color:var(--inkt)}
.ok-deel.grijs{background:var(--n200);color:var(--n600)}
.s10{flex:10}.s12{flex:12}.s15{flex:15}.s27{flex:27}.s30{flex:30}.s31{flex:31}
.ok-balk-legenda{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 24px}
.ok-balk-legenda li{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:20px;color:var(--n600)}
.ok-balk-legenda b{font-weight:600;color:var(--inkt);font-variant-numeric:tabular-nums}
.ok-balk-legenda i{width:12px;height:12px;flex:none;background:var(--blauw)}
.ok-balk-legenda i.d2{background:#5B92F3}
.ok-balk-legenda i.d3{background:#9DBDF7}
.ok-balk-legenda i.grijs{background:var(--n200)}
.leestekst .ok-balk-samen{margin-top:14px;padding-top:14px;border-top:1px solid var(--rand-warm-3);font-size:14px;line-height:20px;color:var(--n600)}
.ok-balk-samen b{color:var(--blauw-tekst)}
.ok-tabel tbody th{width:180px}
.ok-vragen th:first-child{width:48px}
.ok-vragen td:nth-child(2){white-space:nowrap;color:var(--n500)}
.ok-cta{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:24px 28px;background:#EEF2F8;border:1px solid var(--rand-warm);border-top:2px solid var(--inkt)}
.leestekst .ok-cta p{margin-top:6px;font-size:15px;line-height:24px}
.leestekst .ok-cta .ok-cta-kop{margin-top:0;font-size:18px;line-height:26px;font-weight:500;color:var(--inkt)}
.ok-cta .knop{flex:none}
.leestekst .ok-cta a.knop{color:#fff;text-decoration:none}
@media (max-width:1100px){
  .ok-cijfers{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ok-band{padding:40px 0 48px}
  .ok-cijfers{grid-template-columns:1fr}
  .ok-c-getal{font-size:40px;line-height:44px}
  .ok-raster-vak,.ok-balk-vak{padding:18px 16px 16px}
  .ok-raster{gap:3px}
  .ok-raster-kop,.leestekst .ok-balk-kop{flex-direction:column;gap:2px}
  .ok-cta{flex-direction:column;align-items:flex-start;padding:20px}
  .ok-tabel tbody th{width:auto;white-space:normal}
  .ok-vragen td:nth-child(2){white-space:normal}
}