.uitleg-compact,.uitlegkaart,.uitleg-pagina{--uk-kleur:var(--blad-kleur,var(--brand-primary));--uk-inkt:var(--blad-inkt,var(--brand-primary-ink));--uk-zacht:color-mix(in srgb, var(--uk-kleur) 11%, #fff);--uk-tekst:var(--blad-inkt-tekst,var(--licht-ink,#172c49))}.uitleg-compact{border:2px solid var(--uk-kleur);color:var(--uk-tekst);text-align:left;break-inside:avoid;background:#fff;border-radius:.8em;flex-direction:column;gap:.45em;padding:.6em .8em .7em;font-size:.95rem;line-height:1.4;display:flex;overflow:hidden}.uitleg-compact-kop{flex-wrap:wrap;align-items:baseline;gap:.15em .6em;display:flex}.uitleg-compact-label{background:var(--uk-inkt);color:#fff;letter-spacing:.01em;border-radius:99px;padding:.15em .7em;font-size:.8em;font-weight:700;line-height:1.3}.uitleg-compact-titel{font-family:var(--ff-display), system-ui, sans-serif;color:var(--uk-inkt);font-size:1.08em;font-weight:700}.uitleg-compact-anker{opacity:.75;font-size:.85em;font-weight:600}.uitleg-compact-lijf{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:.8em;display:grid}.uitleg-compact-lijf:not(:has(.uitleg-compact-voorbeeld)){grid-template-columns:minmax(0,1fr)}.uitleg-compact-voorbeeld{background:var(--uk-zacht);border-radius:.6em;flex-direction:column;align-items:center;gap:.3em;min-height:100%;padding:.45em .6em;display:flex}.uitleg-compact-som{font-family:var(--ff-display), system-ui, sans-serif;text-align:center;margin:0;font-weight:700}.uitleg-compact-beeld{justify-content:center;width:100%;display:flex}.uitleg-compact-beeld>*{margin-top:0!important}.uitleg-compact-beeld :is(svg,img){width:auto;max-width:100%;max-height:7.5rem}:is(.blad,.boekje-vel) .uitleg-compact{border-width:1.5px;border-radius:3mm;gap:2mm;height:46mm;padding:2.8mm 3.6mm;font-size:9.5pt}:is(.blad,.boekje-vel) .uitleg-compact-lijf{flex:1;gap:3mm;min-height:0}:is(.blad,.boekje-vel) .uitleg-compact-zetten{gap:.4mm;line-height:1.3}:is(.blad,.boekje-vel) .uitleg-compact-zetten ol{gap:.4mm}:is(.blad,.boekje-vel) .uitleg-compact-voorbeeld{border-radius:2mm;justify-content:center;height:100%;padding:1.5mm 2mm;overflow:hidden}:is(.blad,.boekje-vel) .uitleg-compact-beeld{zoom:.5;min-height:0}:is(.blad,.boekje-vel) .uitleg-compact-beeld :is(svg,img){max-height:48mm}:is(.blad,.boekje-vel) .uitleg-compact-voorbeeld:has(.uitleg-klok){flex-direction:row;gap:2.5mm}:is(.blad,.boekje-vel) .uitleg-compact-voorbeeld:has(.uitleg-klok) .uitleg-compact-som{text-align:left;flex:1}:is(.blad,.boekje-vel) .uitleg-compact-beeld:has(.uitleg-klok){zoom:1;flex:none;width:auto}:is(.blad,.boekje-vel) .uitleg-compact-voorbeeld:has(.staart-opstelling){flex-direction:row;gap:2.5mm}:is(.blad,.boekje-vel) .uitleg-compact-voorbeeld:has(.staart-opstelling) .uitleg-compact-som{text-align:left;flex:1}:is(.blad,.boekje-vel) .uitleg-compact-beeld:has(.staart-opstelling){zoom:.42;flex:none;width:auto}:is(.blad,.boekje-vel) .uitleg-compact-beeld svg.uitleg-klok{max-height:none;width:27mm!important;height:27mm!important}.blad-sober .uitleg-compact{border-color:var(--blad-inkt-tekst)}.blad-sober .uitleg-compact-label{color:var(--blad-inkt-tekst);border:1px solid var(--blad-inkt-tekst);background:0 0}.blad-sober .uitleg-compact-voorbeeld{border:1px dashed var(--blad-lijn);background:0 0}.uitleg-compact.uitleg-compact-tip{border-width:1.5px;font-size:.85rem}.uitlegkaart{box-sizing:border-box;width:210mm;height:297mm;color:var(--uk-tekst);font-family:var(--ff-text), system-ui, sans-serif;background:#fff;flex-direction:column;gap:5.5mm;padding:12mm 14mm 10mm;font-size:11.5pt;line-height:1.45;display:flex;overflow:hidden}.uitlegkaart-band{background:var(--uk-kleur);color:var(--uk-tekst);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:3mm;justify-content:space-between;gap:4mm;padding:2.2mm 4mm;font-size:10pt;font-weight:700;display:flex}.uitlegkaart-titels{flex-direction:column;gap:1.5mm;padding:1mm 0 .5mm;display:flex}.uitlegkaart .uitlegkaart-titel{letter-spacing:normal;font-family:var(--ff-display), system-ui, sans-serif;color:var(--uk-inkt);margin:0 0 .5mm;font-size:25pt;font-weight:700;line-height:1.1}.uitlegkaart-anker{margin:0;font-size:12pt;font-weight:700}.uitlegkaart-kort{max-width:150mm;margin:0;font-size:12.5pt}.uitlegkaart .uitlegkaart-kopje{letter-spacing:normal;line-height:1.2;font-family:var(--ff-display), system-ui, sans-serif;color:var(--uk-inkt);align-items:center;gap:2mm;margin:0 0 3mm;font-size:13pt;font-weight:700;display:flex}.uitlegkaart-kopje:before{content:"";background:var(--uk-kleur);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:1mm;width:1.4mm;height:4.5mm}.uitlegkaart-zo{border:1.8px solid var(--uk-kleur);border-radius:4mm;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6mm;padding:5.5mm 6mm;display:grid}.uitlegkaart-zo:not(:has(.uitlegkaart-beeld>*)){grid-template-columns:minmax(0,1fr)}.uitlegkaart-zetten{font-size:12.5pt}.uitlegkaart-regel{font-family:var(--ff-display), system-ui, sans-serif;margin:4mm 0 0;font-size:13pt;font-weight:700}.uitlegkaart-beeld{background:var(--uk-zacht);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:3mm;justify-content:center;align-items:center;padding:3mm;display:flex}.uitlegkaart-beeld:empty{display:none}.uitlegkaart-beeld>*{margin-top:0!important}.uitlegkaart-beeld :is(svg,img){width:auto;max-width:100%;max-height:58mm}.uitlegkaart-voorbeeld{background:var(--uk-zacht);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:4mm;padding:5.5mm 6mm}.uitlegkaart-som{font-family:var(--ff-display), system-ui, sans-serif;margin:0 0 2mm;font-size:16pt;font-weight:700}.uitlegkaart-uitgewerkt{font-size:11.5pt}.uitlegkaart-letop{border-left:1.5mm solid var(--uk-kleur);padding:2mm 0 2mm 5mm}.uitlegkaart-letop p{margin:0}.uitlegkaart-zelf{flex-direction:column;flex:1;min-height:0;display:flex}.uitlegkaart-zelf ol{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5mm;margin:0;padding:0;list-style:none;display:grid}.uitlegkaart-zelf li{border:1.2px solid color-mix(in srgb, var(--uk-kleur) 60%, #fff);border-radius:3mm;grid-template-rows:auto 1fr;grid-template-columns:7mm minmax(0,1fr);gap:2mm 2.5mm;padding:3mm;display:grid}.uitlegkaart-zelf-nr{background:var(--uk-inkt);color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:99px;justify-content:center;align-items:center;width:7mm;height:7mm;font-weight:700;display:flex}.uitlegkaart-zelf-vraag{flex-direction:column;gap:1.5mm;display:flex}.uitlegkaart-zelf-opdracht{opacity:.8;font-size:9.5pt}.uitlegkaart-zelf-som{font-family:var(--ff-display), system-ui, sans-serif;font-size:14pt;font-weight:700}.uitlegkaart-zelf-streep{border-bottom:1.2px solid var(--uk-tekst);width:36mm;height:7mm;display:block}.uitlegkaart-klad{border:1px dashed #cfcdc5;border-radius:2mm;grid-column:1/-1;min-height:18mm}.uitlegkaart-voet{opacity:.8;justify-content:space-between;align-items:flex-end;gap:4mm;font-size:8.5pt;display:flex}.uitlegkaart-antwoorden{transform:rotate(180deg)}.uitlegkaart-scherm{width:100%;overflow:hidden;container-type:inline-size}.uitlegkaart-scherm .uitlegkaart{zoom:min(1, calc(100cqw / 210mm));box-shadow:0 1px 0 var(--licht-line), 0 8px 30px #172c491a;border-radius:2mm}.uitlegkaart-druk{position:absolute;top:0;left:-100000px}@media print{body:has(.uitlegkaart-druk) :not(:has(.uitlegkaart-druk)):not(.uitlegkaart-druk):not(.uitlegkaart-druk *){display:none!important}:is(body:has(.uitlegkaart-druk),body:has(.uitlegkaart-druk) :has(.uitlegkaart-druk)){box-shadow:none!important;zoom:1!important;background:#fff!important;border:0!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.uitlegkaart-druk{position:static}.uitlegkaart-druk .uitlegkaart{break-after:page;width:auto;height:269mm;padding:0 .6mm}.uitlegkaart-druk .uitlegkaart:last-child{break-after:auto}}.uitleg-pagina .kaart-titel{margin-bottom:.75rem}.uitleg-pagina .uitleg-sectie{padding-block:clamp(1.1rem,2.5vw,1.5rem)}.uitleg-pagina>header{padding-block:.5rem .75rem}.uitleg-anker{color:var(--uk-inkt);font-weight:700}.uitleg-voorbeeld-regel{font-family:var(--ff-display), system-ui, sans-serif;margin-top:.5rem;font-weight:700}.uitleg-voorbeeld{flex-direction:column;gap:.5rem;display:flex}.uitleg-voorbeeld-vraag{font-family:var(--ff-display), system-ui, sans-serif;font-weight:700;font-size:var(--step-lead);color:var(--uk-inkt)}.uitleg-letop{border-left:4px solid var(--uk-kleur)}.uitleg-probeer{background:var(--uk-zacht);border-radius:.9rem;flex-direction:column;gap:.5rem;padding:.8rem .9rem;display:flex}.uitleg-probeer-vraag{font-size:var(--step-lead)}.uitleg-probeer-invoer{border:1.5px solid var(--licht-edge);width:8rem;min-height:2.5rem;font-size:var(--step-body);background:#fff;border-radius:.7rem;padding:0 .75rem;font-weight:600}.uitleg-probeer-invoer:focus{outline:2px solid var(--uk-kleur);outline-offset:1px}.uitleg-probeer-uitslag{background:#fff;border-radius:.7rem;padding:.6rem .75rem}.uitleg-probeer-goed{border-left:4px solid var(--uk-kleur)}.boekje-vel.boekje-uitlegkaart{gap:0;padding:0}.boekje-uitlegkaart .uitlegkaart{width:100%;height:100%}@media print{.boekje-druk .boekje-uitlegkaart .uitlegkaart{padding:0}}.boekje-uitleg-lijst .uitleg-compact+.uitleg-compact{margin-top:4mm}.uitleg-compact.uitleg-compact-scherm{font-size:var(--step-body)}.uitleg-compact.uitleg-compact-groot{border-width:3px;font-size:clamp(1rem,2.8vh,2.3rem)}.uitleg-compact-groot .uitleg-compact-beeld{zoom:1.5}.uitleg-compact-lijf.uitleg-compact-met-qr{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto}.uitleg-compact-lijf.uitleg-compact-met-qr:not(:has(.uitleg-compact-voorbeeld)){grid-template-columns:minmax(0,1fr) auto}.uitleg-qr{flex-direction:column;align-self:center;align-items:center;gap:.5mm;display:flex}.uitleg-qr svg{width:5.5rem;height:5.5rem;display:block}.uitleg-qr-tekst{color:var(--uk-inkt);white-space:nowrap;font-size:.75em;font-weight:700}:is(.blad,.boekje-vel) .uitleg-qr svg{width:21mm;height:21mm}.uitlegkaart-verder{align-items:center;gap:2.5mm;margin-right:auto;line-height:1.35;display:flex}.uitlegkaart-verder svg{flex-shrink:0;width:16mm;height:16mm}.uitlegkaart-verder strong{color:var(--uk-inkt);font-size:9.5pt}.staart-opstelling{--staart-zacht:color-mix(in srgb, currentColor 55%, transparent);font-family:var(--ff-display), system-ui, sans-serif;width:max-content;font-weight:700;line-height:1}.staart-cel{place-items:center;width:100%;height:100%;display:grid}.staart-uitkomst{white-space:nowrap;place-self:stretch start;align-items:center;gap:.2em;padding-left:.35em;display:flex}.staart-haak{padding-right:.25em}.staart-met-tafel{flex-direction:column;gap:.5em;width:max-content;display:flex}.staart-tafel{border-collapse:collapse;font-family:var(--ff-display), system-ui, sans-serif;text-align:center;font-size:.62em}.staart-tafel th,.staart-tafel td{border:1px solid color-mix(in srgb, currentColor 22%, transparent);min-width:2.4em;height:1.7em;padding:0 .3em}.staart-tafel th{background:color-mix(in srgb, var(--brand-primary,currentColor) 14%, transparent);font-weight:700}.staart-tafel td{font-weight:700}.staart-tafel-knop{width:100%;height:100%;min-height:1.7em;font:inherit;color:inherit;cursor:pointer}.staart-rest{font-size:.8em;font-weight:600}.staart-streep{border-bottom:.08em solid;align-self:stretch;width:100%}.staart-stip{opacity:.8;width:100%;height:100%}.staart-pijl{align-self:start;font-size:.55em;line-height:1}.staart-hokje{border:.5px solid color-mix(in srgb, currentColor 16%, transparent);width:100%;height:100%;margin:0 -.25px -.25px 0}.uitleg-compact .staart-tafel{display:none}.hulpkaarten-link{border:1px solid var(--licht-line,#dddbd3);color:inherit;font-size:var(--step-small,.9rem);background:#fff;border-radius:1rem;align-items:center;gap:.9rem;padding:.8rem 1rem;line-height:1.35;text-decoration:none;display:flex}.hulpkaarten-link:hover{border-color:var(--brand-primary-ink,currentColor)}.hulpkaarten-link strong{font-family:var(--ff-display), system-ui, sans-serif;font-size:var(--step-body,1rem)}.hulpkaarten-link-teken{background:var(--kleur-navy,#172c49);color:#fff;width:2.6rem;height:3.2rem;font-family:var(--ff-display), system-ui, sans-serif;letter-spacing:.04em;border-radius:.4rem;flex:none;place-items:center;font-size:.75rem;font-weight:800;display:grid}.staart-tafel:has(.staart-tafel-knop){font-size:.72em}.staart-tafel:has(.staart-tafel-knop) td{padding:0}.staart-tafel-knop{min-width:40px;min-height:40px}.uitlegkaart-voorbeeld-lijf{align-items:center;gap:6mm;display:flex}.uitlegkaart-voorbeeld-lijf>:first-child{flex:1;min-width:0}.uitlegkaart-voorbeeld-beeld{zoom:.7;flex:none;max-width:70mm}.uitlegkaart-voorbeeld-beeld>*{margin-top:0!important}.uitleg-voorbeeld .uitleg-staart{padding:.6rem .9rem;font-size:1.15rem}.licht-kolommen>.uitleg-voorbeeld{flex-direction:column;align-self:stretch;height:100%;display:flex}.uitleg-voorbeeld>:last-child:not(:first-child){flex:1;align-items:stretch}.uitleg-voorbeeld .uitleg-staart{flex-direction:column;align-items:center;display:flex}.uitleg-voorbeeld .uitleg-staart>.staart-met-tafel{flex:1}.uitleg-voorbeeld .staart-met-tafel>.staart-tafel{margin-top:auto}
.vk-komt{animation:1.1s cubic-bezier(.2,.7,.3,1) both vk-komt;animation-delay:var(--vk-wacht,0s)}@keyframes vk-komt{0%{transform:translateY(46px)}}.vk-letter-in{animation:.35s ease-out both vk-in;animation-delay:var(--vk-wacht,0s)}.vk-letter-weg{animation:.3s ease-in both vk-weg;animation-delay:var(--vk-wacht,0s)}@keyframes vk-in{0%{opacity:0}}@keyframes vk-weg{to{opacity:0}}.vk-knipper{animation:.72s step-end infinite vk-knipper}.vk-knipper-om{animation-delay:.36s}@keyframes vk-knipper{50%{opacity:.12}}.vk-zwaai{animation:.5s step-end infinite vk-zwaai}.vk-zwaai-om{animation-delay:.25s}@keyframes vk-zwaai{50%{opacity:.15}}.vk-stap{animation:.5s ease-in-out infinite alternate vk-stap}.vk-stap-om{animation-direction:alternate-reverse}@keyframes vk-stap{to{transform:translateY(1.2px)}}.vk-regen{animation:.5s linear infinite vk-regen}@keyframes vk-regen{to{transform:translate(-1.2px,4px)}}.vk-sneeuw{animation:3s ease-in-out infinite alternate vk-sneeuw}@keyframes vk-sneeuw{to{transform:translate(1.5px,3px)}}.vk-mist{animation:9s ease-in-out infinite alternate vk-mist}@keyframes vk-mist{0%{transform:translate(-25px)}to{transform:translate(25px)}}.vk-wind{animation:1.6s linear infinite vk-wind}@keyframes vk-wind{0%{opacity:0;transform:translate(-10px)}30%{opacity:.8}to{opacity:0;transform:translate(30px)}}@media (prefers-reduced-motion:reduce){.vk-regen,.vk-sneeuw,.vk-mist,.vk-wind,.vk-komt,.vk-rijd,.vk-letter-in,.vk-letter-weg,.vk-knipper,.vk-zwaai,.vk-stap{animation:none!important}}@media print{.vk-komt,.vk-knipper,.vk-zwaai,.vk-stap,.vk-letter-in{animation:none!important}.uitleg-situatie-knop{display:none!important}}.vk3d-letter,.vk3d-doel{background:var(--vk-label,#1f2328);color:#fff;will-change:transform;touch-action:manipulation;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.5rem;padding:0 .7rem;font:800 1.15rem/1 system-ui,sans-serif;transition:opacity .25s,background-color .15s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000047}.vk3d-letter[data-staat=gekozen],.vk3d-doel[data-staat=gekozen]{color:#1f2328;background:#f5c518}.vk3d-letter[data-staat=goed],.vk3d-doel[data-staat=goed]{background:#2f8f4e}.vk3d-letter[data-staat=fout],.vk3d-doel[data-staat=fout]{background:#c8352b}.vk3d-letter:disabled,.vk3d-doel:disabled{cursor:default}.vk3d-letter:focus-visible,.vk3d-doel:focus-visible{outline-offset:2px;outline:3px solid #f5c518}.vk3d-doel{color:#1f2328;background:#fff;border-style:dashed;border-color:#1f2328;min-width:2.5rem}.vk3d-nr{color:#fff;background:#1f2328;border:2px solid #fff;border-radius:999px;place-items:center;width:1.4rem;height:1.4rem;font-size:.8rem;display:grid;position:absolute;top:-.55rem;right:-.55rem}.vk3d-laden{background:linear-gradient(110deg,#d9dee3 30%,#eef1f3 50%,#d9dee3 70%) 0 0/200% 100%;animation:1.2s linear infinite vk3d-glans;position:absolute;inset:0}@keyframes vk3d-glans{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.vk3d-laden{animation:none}}.vk-alleen-papier{display:none}@media print{.vk-alleen-papier{display:block!important}.vk-niet-op-papier{display:none!important}}
