#ovside,#ovside *{box-sizing:border-box!important}
#ovside,#ovside *{text-align:left!important}
#ovside{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0F1621;-webkit-font-smoothing:antialiased}
#ovside svg{display:block;flex:none}
#ovside [hidden]{display:none!important}
/* Vaste breedte: de Webflow-kolom krimpt anders mee met de langste regel */
@media(min-width:992px){#ovside{width:220px}}
@media(min-width:1200px){#ovside{width:264px}}

/* De Webflow-embed om de zijbalk plakt mee: de kolom eromheen is zo hoog als de inhoud, de embed zelf niet */
.ovs-host{position:-webkit-sticky!important;position:sticky!important;top:var(--ovs-top,92px)!important;z-index:2}

#ovside .ovs-card{background:#fff;border:1px solid rgba(15,22,33,.10);border-radius:16px;overflow:hidden}
#ovside .ovs-head{display:flex;align-items:center;gap:8px;padding:16px 18px 10px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#12833D}
#ovside .ovs-head::before{content:'';width:3px;height:13px;flex:none;border-radius:2px;background:#169A47}

/* Op deze pagina: lijst met een voortgangslijn links */
#ovside ul.ovs-list{margin:0!important;padding:0 10px 10px!important;list-style:none!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(15,22,33,.18) transparent}
#ovside .ovs-list li{position:relative;margin:0!important;padding:0!important;list-style:none!important}
#ovside .ovs-list li::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:2px;background:#E3E9E5;transition:background-color .2s ease}
#ovside .ovs-list li:first-child::before{top:9px;border-radius:2px 2px 0 0}
#ovside .ovs-list li:last-child::before{bottom:9px;border-radius:0 0 2px 2px}
#ovside .ovs-list li.done::before{background:rgba(22,154,71,.35)}
#ovside .ovs-list li.on::before{background:#169A47}
#ovside a.ovs-a{display:block!important;margin:0!important;padding:8px 10px 8px 24px!important;border:0!important;border-radius:9px!important;background:none!important;box-shadow:none!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;color:#4A5563!important;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
#ovside a.ovs-a:hover{background:#F7FAF8!important;color:#0F1621!important}
#ovside a.ovs-a.on{background:rgba(22,154,71,.07)!important;color:#12833D!important;font-weight:600!important}
#ovside a.ovs-a:focus-visible{outline:2px solid #169A47!important;outline-offset:-2px}

/* Waar we op beoordelen */
#ovside .ovs-crit{display:flex;align-items:flex-start;gap:11px;padding:11px 18px;border-top:1px solid rgba(15,22,33,.06)}
#ovside .ovs-ck{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;margin:1px 0 0;border-radius:50%;background:rgba(22,154,71,.10);color:#12833D}
#ovside .ovs-ck svg{width:11px;height:11px}
#ovside .ovs-crit-b{flex:1 1 auto;min-width:0}
#ovside .ovs-crit-t{display:block;font-family:'Poppins',system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.3;color:#0F1621}
#ovside .ovs-crit-d{display:block;margin:2px 0 0;font-size:12.5px;line-height:1.45;color:#6B7780}
#ovside .ovs-foot{padding:12px 14px 14px;border-top:1px solid rgba(15,22,33,.06)}
#ovside a.ovs-all{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin:0!important;padding:11px 16px!important;background:#fff!important;background-image:none!important;border:1px solid rgba(22,154,71,.35)!important;border-radius:11px!important;box-shadow:none!important;transform:none!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:#12833D!important;text-decoration:none!important;transition:background-color .15s ease,border-color .15s ease}
#ovside a.ovs-all span{text-align:center!important}
#ovside a.ovs-all:hover{background:#F2F7F4!important;border-color:#169A47!important}
#ovside a.ovs-all:focus-visible{outline:2px solid #169A47!important;outline-offset:2px}
#ovside a.ovs-all svg{width:14px;height:14px}

/* Laag scherm: beoordelingspunten zonder uitleg, zodat alles in beeld blijft */
#ovside.ovs-tight .ovs-crit{padding:8px 18px}
#ovside.ovs-tight .ovs-crit-d{display:none}

/* Tablet en mobiel: de zijbalk staat onder de inhoud. Daar heeft de inhoudsopgave geen zin en plakt niets mee */
@media(max-width:991px){
  .ovs-host{position:relative!important;top:auto!important}
  #ovside .ovs-toc{display:none}
}
@media(prefers-reduced-motion:reduce){#ovside *{transition:none!important}}