@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--merk:#4f46e5;--merk-donker:#3730a3;--merk-licht:#eef2ff;--merk-2:#0ea5e9;--goed:#059669;--goed-licht:#ecfdf5;--goed-rand:#a7f3d0;--fout:#dc2626;--fout-licht:#fef2f2;--fout-rand:#fecaca;--let-op:#b45309;--let-op-licht:#fffbeb;--let-op-rand:#fde68a;--inkt:#0f172a;--tekst:#1e293b;--zacht:#64748b;--rand:#e2e8f0;--vlak:#f8fafc;--wit:#fff;--r:18px;--r-klein:12px;--schaduw:0 1px 2px #0f172a0a, 0 8px 24px -8px #0f172a1a;--schaduw-hoog:0 24px 48px -16px #4f46e540;--snel:.16s cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--tekst);background:var(--vlak);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-family:Inter Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 10% -10%, #4f46e512, transparent 60%), radial-gradient(900px 400px at 100% 0%, #0ea5e912, transparent 60%), var(--vlak);min-height:100vh;margin:0}h1,h2,h3{color:var(--inkt);letter-spacing:-.02em;margin:0 0 .4em;line-height:1.2}h1{font-size:1.6rem;font-weight:700}h2,h3{font-size:1.15rem;font-weight:700}p{margin:0 0 .8em}button,input,select{font:inherit;color:inherit}:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #4f46e573}h1:focus{outline:none}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zacht{color:var(--zacht)}.klein{color:var(--zacht);font-size:.85rem}.knop{border:1px solid var(--rand);background:var(--wit);cursor:pointer;transition:transform var(--snel), box-shadow var(--snel), background var(--snel);border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-weight:650;display:inline-flex}.knop:hover:not(:disabled){transform:translateY(-1px)}.knop:active:not(:disabled){transform:translateY(1px)}.knop:disabled{opacity:.45;cursor:not-allowed}.knop.primair{color:#fff;background:linear-gradient(135deg, var(--merk), #6366f1);border:0;box-shadow:0 6px 16px -6px #4f46e599}.knop.primair:hover:not(:disabled){box-shadow:0 10px 22px -8px #4f46e5b3}.knop.groot{border-radius:14px;padding:.85rem 1.6rem;font-size:1.02rem}.knop.breed{width:100%}.ikoonknop{width:40px;height:40px;color:var(--zacht);cursor:pointer;transition:background var(--snel);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.ikoonknop:hover{background:var(--merk-licht);color:var(--merk)}.logo{letter-spacing:-.04em;background:linear-gradient(135deg, var(--merk), var(--merk-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}.logo span{-webkit-text-fill-color:var(--inkt);font-weight:650}.logo.groot{font-size:2.6rem}.laden{place-items:center;min-height:100vh;display:grid}.laden:after{content:"";border:3px solid var(--merk-licht);border-top-color:var(--merk);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}.centraal{text-align:center;max-width:34rem;margin:12vh auto;padding:0 1.25rem}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.zijbalk{background:var(--wit);border-right:1px solid var(--rand);flex-direction:column;gap:1rem;height:100vh;padding:1.1rem .85rem;display:flex;position:sticky;top:0}.zijbalk-kop{justify-content:space-between;align-items:center;padding:.2rem .5rem .6rem;display:flex}.nav{flex:1;align-content:start;gap:2px;display:grid}.nav-sectie{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:1rem .65rem .35rem;font-size:.7rem;font-weight:700}.nav-item{width:100%;color:var(--tekst);text-align:left;cursor:pointer;transition:background var(--snel), color var(--snel);background:0 0;border:0;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.92rem;font-weight:550;display:flex}.nav-item svg{color:var(--zacht);flex:none}.nav-item:hover{background:var(--vlak)}.nav-item.actief{background:var(--merk-licht);color:var(--merk-donker)}.nav-item.actief svg{color:var(--merk)}.nav-tekst{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-teller{color:var(--zacht);background:var(--vlak);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 .45rem;font-size:.75rem;font-weight:650}.gebruiker{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;align-items:center;gap:.6rem;padding:.65rem;display:flex}.gebruiker .avatar{flex:none;width:34px;height:34px}.gebruiker-tekst{flex:1;min-width:0;line-height:1.3;display:grid}.gebruiker-tekst strong{color:var(--inkt);font-size:.9rem}.gebruiker-tekst span{color:var(--zacht);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.25rem;font-size:.75rem;display:flex;overflow:hidden}.avatar{color:#fff;background:linear-gradient(135deg, var(--merk), var(--merk-2));border-radius:50%;place-items:center;font-weight:700;display:grid}.testversie{letter-spacing:.06em;text-transform:uppercase;color:var(--let-op);background:var(--let-op-licht);border:1px solid var(--let-op-rand);border-radius:6px;padding:.05rem .4rem;font-size:.65rem;font-weight:700}.werkvlak{min-width:0;padding:2rem clamp(1.25rem,3vw,2.75rem) 3rem}@media (width<=900px){.shell{grid-template-columns:1fr}.zijbalk{border-right:0;border-bottom:1px solid var(--rand);flex-flow:wrap;align-items:center;height:auto;padding:.6rem .9rem;position:static}.zijbalk-kop{padding:0}.nav{display:none}.gebruiker{background:0 0;border:0;margin-left:auto;padding:0}.gebruiker-tekst{display:none}.werkvlak{padding-top:1.25rem}}.inlog{grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=960px){.inlog{grid-template-columns:1.1fr 1fr}}.inlog-merk{color:#fff;background:radial-gradient(600px 400px at 80% 10%,#0ea5e973,#0000 60%),linear-gradient(150deg,#312e81,#4f46e5 55%,#0ea5e9);flex-direction:column;justify-content:center;gap:1.25rem;padding:clamp(2rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.inlog-merk .logo,.inlog-merk .logo span{color:#fff;-webkit-text-fill-color:#fff;background:0 0}.slogan{opacity:.9;max-width:26rem;font-size:1.2rem}.inlog-illustratie{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;max-width:460px;padding:1rem}.inlog-illustratie .figuur{background:0 0;border:0;margin:0;padding:0}.inlog-illustratie .schakeling .draad,.inlog-illustratie .schakeling .onderdeel-lijn path,.inlog-illustratie .schakeling .plaat-plus,.inlog-illustratie .schakeling .plaat-min{stroke:#ffffffd9}.inlog-illustratie .schakeling .onderdeel{fill:#ffffff26;stroke:#fff}.inlog-illustratie .schakeling .stroom{stroke:#fde68a}.inlog-illustratie .schakeling text,.inlog-illustratie .schakeling .knoop{fill:#fff}@media (width<=959px){.inlog-merk{min-height:auto}.inlog-illustratie{display:none}}.inlog-paneel{place-items:center;padding:clamp(1.5rem,5vw,4rem);display:grid}.inlog-kaart{width:100%;max-width:400px;animation:.4s cubic-bezier(.2,.8,.2,1) omhoog}.veld{gap:.35rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:grid}.veld input{border:1.5px solid var(--rand);background:var(--wit);transition:border-color var(--snel), box-shadow var(--snel);border-radius:12px;padding:.8rem .95rem;font-size:1rem;font-weight:400}.veld input:focus{border-color:var(--merk);outline:none;box-shadow:0 0 0 4px #4f46e526}.formfout{color:var(--fout);background:var(--fout-licht);border-radius:10px;padding:.6rem .8rem;font-size:.9rem}.demo{border-top:1px dashed var(--rand);margin-top:1.75rem;padding-top:1.25rem;font-size:.9rem}.demo ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.demo-account{border:1px solid var(--rand);background:var(--wit);cursor:pointer;text-align:left;width:100%;transition:border-color var(--snel), background var(--snel);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .85rem;display:flex}.demo-account:hover{border-color:var(--merk);background:var(--merk-licht)}.demo-account span{color:var(--zacht);font-size:.85rem}.pagina{max-width:1080px;animation:.35s cubic-bezier(.2,.8,.2,1) omhoog}.paginakop{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.paginakop h1{margin:0}.bovenkop{letter-spacing:.08em;text-transform:uppercase;color:var(--zacht);margin:0 0 .25rem;font-size:.75rem;font-weight:700}.tegels{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=760px){.tegels{grid-template-columns:repeat(2,minmax(0,1fr))}}.tegel{background:var(--wit);border:1px solid var(--rand);border-radius:14px;gap:.35rem;padding:1rem 1.15rem;display:grid}.tegel-label{color:var(--zacht);font-size:.8rem;font-weight:550}.tegel-waarde{letter-spacing:-.02em;color:var(--inkt);font-size:1.75rem;font-weight:650;line-height:1.1}.tegel-sub{letter-spacing:0;color:var(--zacht);font-size:.85rem;font-weight:500}.dashboard{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1100px){.dashboard{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.kolom{gap:1rem;display:grid}.paneel{background:var(--wit);border:1px solid var(--rand);border-radius:14px;padding:1.1rem 1.25rem}.paneel-kop{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.85rem;display:flex}.paneel-kop h2{margin:0;font-size:.95rem}.paneel.verder{background:linear-gradient(180deg, #fafbff, var(--wit));border-color:#c7d2fe}.verder-rij{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.verder-rij>div{flex:1;max-width:420px}.verder-titel{color:var(--inkt);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.meter{gap:.3rem;display:grid}.meter-baan{background:var(--merk-licht);border-radius:999px;height:8px;display:block;overflow:hidden}.meter-vulling{background:var(--merk);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1);display:block}.meter-label{color:var(--zacht);font-size:.78rem}.modulelijst{margin:0;padding:0;list-style:none;display:grid}.modulelijst li+li{border-top:1px solid var(--rand)}.modulerij{text-align:left;cursor:pointer;width:100%;transition:background var(--snel);background:0 0;border:0;border-radius:10px;align-items:center;gap:1rem;padding:.85rem .25rem;display:flex}.modulerij:hover{background:var(--vlak)}.module-icoon{color:#fff;background:linear-gradient(135deg, var(--merk), #818cf8);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.module-icoon.vak-elektrotechniek{background:linear-gradient(135deg,#f59e0b,#f97316)}.modulerij-tekst{flex:1;gap:.4rem;min-width:0;display:grid}.modulerij-titel{color:var(--inkt);font-weight:650}.modulerij-tekst .meter{max-width:360px}.modulerij-actie{color:var(--merk);align-items:center;gap:.3rem;font-size:.9rem;font-weight:650;display:inline-flex}.aandacht{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.aandacht li{background:var(--vlak);border-radius:10px;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;font-size:.88rem;display:flex}.aandacht .aantal{color:var(--zacht);font-variant-numeric:tabular-nums;font-weight:650}.leren{min-height:100vh;padding-bottom:2rem}.leren.met-blad{padding-bottom:22rem}.lesbalk{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#fffc;border-bottom:1px solid #e2e8f0cc;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.lesbalk-midden{flex:1;gap:.35rem;max-width:760px;margin:0 auto;display:grid}.lesbalk-titel{color:var(--zacht);font-size:.8rem;font-weight:650}.balk{background:var(--merk-licht);border-radius:999px;height:10px;overflow:hidden}.balk div{background:linear-gradient(90deg, var(--merk), var(--merk-2));border-radius:999px;min-width:10px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1)}.reeks{color:#cbd5e1;min-width:3rem;transition:color var(--snel);justify-content:flex-end;align-items:center;gap:.25rem;font-weight:750;display:inline-flex}.reeks.aan{color:#f97316;animation:.6s puls}.lesraster{gap:1.5rem;max-width:1120px;margin:0 auto;padding:clamp(1.25rem,3vw,2.25rem) clamp(1rem,4vw,2.5rem);display:grid}@media (width>=1000px){.lesraster{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}.leskaart{background:var(--wit);box-shadow:var(--schaduw);border:1px solid #e2e8f0cc;border-radius:24px;padding:clamp(1.25rem,3.5vw,2.25rem);animation:.38s cubic-bezier(.2,.8,.2,1) omhoog}.kopregel{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.kopregel h1{margin:.35rem 0 0;font-size:clamp(1.35rem,2.2vw,1.7rem)}.pillen{flex-wrap:wrap;gap:.35rem;display:flex}.pil{letter-spacing:.02em;background:var(--vlak);color:var(--zacht);border:1px solid var(--rand);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.pil.code{background:var(--merk-licht);color:var(--merk-donker);border-color:#0000}.pil.context{background:var(--let-op-licht);color:var(--let-op);border-color:var(--let-op-rand)}.pil.context.herhaling{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.pil.concept{border-style:dashed}.beheersing{gap:4px;padding-top:.4rem;display:flex}.streepje{background:var(--rand);border-radius:999px;width:16px;height:6px;transition:background .4s}.streepje.vol{background:linear-gradient(90deg, var(--merk), var(--merk-2))}.reden{color:var(--zacht);align-items:center;gap:.4rem;font-size:.92rem;display:flex}.uitlegblok+.uitlegblok{border-top:1px solid var(--rand);margin-top:1.5rem;padding-top:1.5rem}.acties{justify-content:flex-end;margin-top:1.75rem;display:flex}.markdown{font-size:1.02rem}.markdown strong{color:var(--inkt)}.markdown table{border-collapse:separate;border-spacing:0;border:1px solid var(--rand);border-radius:var(--r-klein);margin:1rem 0;font-size:.95rem;overflow:hidden}.markdown th,.markdown td{text-align:left;border-bottom:1px solid var(--rand);padding:.5rem .85rem}.markdown tr:last-child td{border-bottom:0}.markdown th{background:var(--vlak);color:var(--inkt);font-weight:650}.markdown blockquote{background:linear-gradient(135deg, var(--merk-licht), #e0f2fe);text-align:center;color:var(--merk-donker);border-radius:14px;margin:1rem 0;padding:1rem 1.25rem;font-size:1.35rem}.markdown blockquote p{margin:0}.markdown code{background:var(--vlak);border:1px solid var(--rand);border-radius:6px;padding:.05rem .35rem;font-size:.9em}.markdown ul,.markdown ol{padding-left:1.3rem}.markdown li{margin:.25rem 0}.figuur{background:linear-gradient(180deg, #fbfcff, var(--vlak));border:1px solid var(--rand);border-radius:18px;margin:1rem 0 1.25rem;padding:1rem}.figuur svg{width:100%;max-width:440px;height:auto;margin:0 auto;display:block}.figuur figcaption{text-align:center;color:var(--zacht);margin-top:.5rem;font-size:.88rem}.schakeling .draad{fill:none;stroke:#334155;stroke-width:2.5px;stroke-linejoin:round}.schakeling .stroom{fill:none;stroke:var(--merk-2);stroke-width:6px;stroke-linecap:round;stroke-dasharray:.1 22;animation:1.4s linear infinite stroom}@keyframes stroom{to{stroke-dashoffset:-22.1px}}.schakeling .knoop{fill:#334155}.schakeling .onderdeel{fill:#fff;stroke:#334155;stroke-width:2.5px}.schakeling .onderdeel-lijn path{stroke:#334155;stroke-width:2px;fill:none}.schakeling .plaat-plus{stroke:#334155;stroke-width:2.5px}.schakeling .plaat-min{stroke:#334155;stroke-width:6px}.schakeling text{fill:var(--inkt);font-size:14px;font-weight:650}.schakeling .meterletter{font-size:15px;font-weight:800}.schakeling .teken{fill:var(--zacht);font-size:13px}.ladder .trede{animation:.5s cubic-bezier(.2,.8,.2,1) both verschijn}.ladder rect{fill:var(--merk-licht);stroke:#c7d2fe}.ladder text{fill:var(--merk-donker);font-size:15px;font-weight:700}.ladder .factor{fill:var(--zacht);font-size:12px;font-weight:650}.ladder .pijl-omlaag{fill:none;stroke:#a5b4fc;stroke-width:2px;stroke-dasharray:4 4}.ladder-bal{fill:#f97316;offset-rotate:0deg;animation:4s cubic-bezier(.5,0,.5,1) infinite rol}@keyframes rol{0%,10%{offset-distance:0%;opacity:0}15%{opacity:1}85%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.vraagtekst{color:var(--inkt);margin:1rem 0 1.25rem;font-size:1.15rem;font-weight:550}.getal-antwoord{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.invoerveld{border:2px solid var(--rand);background:var(--wit);max-width:380px;transition:border-color var(--snel), box-shadow var(--snel), background var(--snel);border-radius:14px;flex:260px;align-items:center;display:flex}.invoerveld:focus-within{border-color:var(--merk);box-shadow:0 0 0 4px #4f46e524}.invoerveld.goed{border-color:var(--goed);background:var(--goed-licht);animation:.5s puls}.invoerveld.fout{border-color:var(--fout);background:var(--fout-licht);animation:.4s schud}.invoerveld input{font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;min-width:0;padding:.85rem 1rem;font-size:1.2rem;font-weight:600}.invoerveld input:focus{outline:none}.invoerveld select{border:0;border-left:1px solid var(--rand);cursor:pointer;background:0 0;align-self:stretch;padding:0 .9rem;font-size:1.05rem;font-weight:650}.eenheid{color:var(--zacht);padding:0 1rem;font-size:1.1rem;font-weight:700}.invoerfout{color:var(--fout);flex-basis:100%;margin:0;font-size:.9rem}.keuzes{gap:.6rem;display:grid}.keuze{text-align:left;border:2px solid var(--rand);background:var(--wit);cursor:pointer;transition:border-color var(--snel), background var(--snel), transform var(--snel);border-bottom-width:4px;border-radius:16px;align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:1.02rem;font-weight:550;display:flex}.keuze:hover:not(:disabled){background:#fafaff;border-color:#a5b4fc;transform:translateY(-1px)}.keuze:disabled{cursor:default}.keuze .letter{border:1.5px solid var(--rand);width:2rem;height:2rem;color:var(--zacht);border-radius:10px;flex:none;place-items:center;font-size:.85rem;font-weight:750;display:grid}.keuze.goed{border-color:var(--goed);background:var(--goed-licht);animation:.5s puls}.keuze.goed .letter{background:var(--goed);border-color:var(--goed);color:#fff}.keuze.fout{border-color:var(--fout);background:var(--fout-licht);animation:.4s schud}.keuze.fout .letter{background:var(--fout);border-color:var(--fout);color:#fff}.keuze.uit{opacity:.5}.uitleg-erbij{border-top:1px solid var(--rand);margin-top:2rem;padding-top:1rem}details summary{cursor:pointer;color:var(--merk);align-items:center;gap:.4rem;font-weight:650;list-style:none;display:inline-flex}details summary::-webkit-details-marker{display:none}details[open]>summary{margin-bottom:.5rem}.blad{z-index:20;border-top:2px solid;max-height:70vh;animation:.32s cubic-bezier(.2,.8,.2,1) blad-in;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 40px -20px #0f172a40}.blad.goed{background:var(--goed-licht);border-color:var(--goed-rand)}.blad.fout{background:var(--fout-licht);border-color:var(--fout-rand)}.blad.bijna{background:var(--let-op-licht);border-color:var(--let-op-rand)}.blad-binnen{justify-content:space-between;align-items:flex-end;gap:1.5rem;max-width:1040px;margin:0 auto;padding:1.25rem clamp(1rem,4vw,2.5rem) 1.5rem;display:flex}@media (width<=720px){.blad-binnen{flex-direction:column;align-items:stretch}}.blad-tekst{flex:1;max-width:720px}.blad-tekst p{margin:.3rem 0}.blad-kop{letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;display:flex}.blad.goed .blad-kop{color:var(--goed)}.blad.fout .blad-kop{color:var(--fout)}.blad.bijna .blad-kop{color:var(--let-op)}.blad-icoon{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;animation:.4s cubic-bezier(.3,1.6,.5,1) pop;display:grid}.blad.goed .blad-icoon{background:var(--goed)}.blad.fout .blad-icoon{background:var(--fout)}.blad.bijna .blad-icoon{background:var(--let-op)}.blad details{margin-top:.4rem}.blad details summary{color:inherit;opacity:.85}.denkfout{background:#ffffffbf;border-radius:12px;margin:.6rem 0;padding:.75rem .95rem}.denkfout .markdown{font-size:.95rem}.denkfout .markdown p{margin:.2rem 0 0}.blad-knop{color:#fff;border:0;flex:none;min-width:180px}.blad.goed .blad-knop{background:var(--goed);box-shadow:0 6px 16px -6px #05966999}.blad.fout .blad-knop{background:var(--fout);box-shadow:0 6px 16px -6px #dc26268c}.blad.bijna .blad-knop{background:var(--let-op)}.gebeurtenissen{gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.gebeurtenissen li{color:var(--inkt);background:#fffc;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.95rem;font-weight:550;display:flex}.gebeurtenissen li.beheerst{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.viering{pointer-events:none;position:fixed;bottom:40vh;left:50%}.viering span{background:hsl(calc(var(--i) * 26) 90% 60%);--hoek:calc(var(--i) * 25.7deg);border-radius:3px;width:10px;height:14px;animation:1.1s cubic-bezier(.2,.7,.4,1) forwards confetti;position:absolute}@keyframes confetti{0%{transform:rotate(var(--hoek)) translateY(0) rotate(0);opacity:1}to{transform:rotate(var(--hoek)) translateY(-180px) rotate(320deg);opacity:0}}.leerlijn{background:var(--wit);box-shadow:var(--schaduw);border:1px solid #e2e8f0cc;border-radius:22px;padding:1.25rem 1.25rem 1rem}.leerlijn h2{margin-bottom:.9rem;font-size:.95rem}.leerlijn ol{margin:0;padding:0;list-style:none}.stap{gap:.75rem;padding:0 0 .85rem;font-size:.88rem;display:flex;position:relative}.stap:not(:last-child):before{content:"";background:var(--rand);width:2px;position:absolute;top:22px;bottom:2px;left:9px}.stap.beheerst:not(:last-child):before{background:var(--goed-rand)}.stip{z-index:1;border:2px solid var(--rand);background:var(--wit);width:20px;height:20px;color:var(--zacht);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:.65rem;font-weight:700;display:grid;position:relative}.stap.bezig .stip,.stap.actief .stip,.stap.beheerst .stip{color:#fff}.binnenkort{border-top:1px dashed var(--rand);margin-top:.25rem;padding-top:.75rem;font-size:.82rem}.binnenkort summary{color:var(--zacht);font-weight:600}.binnenkort ul{color:#94a3b8;margin:.4rem 0 0;padding-left:1.1rem}.stap.beheerst .stip{background:var(--goed);border-color:var(--goed)}.stap.bezig .stip{border-color:var(--merk);background:var(--merk)}.stap.actief .stip{border-color:var(--merk);background:var(--merk);box-shadow:0 0 0 4px #4f46e52e}.stap.actief .stap-tekst{color:var(--inkt);font-weight:650}.stap.volgt{color:#94a3b8}.stap-code{color:var(--zacht);font-variant-numeric:tabular-nums;font-weight:650}.stap-extra{color:#94a3b8;font-size:.8rem}.klaar{text-align:center;padding:2rem 0}.klaar-icoon{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:1rem;animation:.6s cubic-bezier(.3,1.6,.5,1) pop;display:inline-grid;box-shadow:0 12px 30px -10px #f9731699}@keyframes omhoog{0%{opacity:0;transform:translateY(10px)}}@keyframes verschijn{0%{opacity:0;transform:translateY(-6px)}}@keyframes blad-in{0%{transform:translateY(100%)}}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes puls{50%{transform:scale(1.03)}}@keyframes schud{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.pagina.breed{max-width:1400px}.klascode{letter-spacing:.05em;text-transform:none;color:var(--inkt);background:var(--wit);border:1px solid var(--rand);border-radius:6px;padding:.05rem .4rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.segment{background:#eef0f5;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.segment button{color:var(--zacht);cursor:pointer;transition:background var(--snel), color var(--snel);background:0 0;border:0;border-radius:9px;padding:.45rem .9rem;font-size:.88rem;font-weight:600}.segment button.actief{background:var(--wit);color:var(--inkt);box-shadow:0 1px 3px #0f172a1f}.pagina.breed .dashboard{grid-template-columns:minmax(0,1fr)}@media (width>=1250px){.pagina.breed .dashboard{grid-template-columns:minmax(0,1fr) 340px}}.heatmap-scroll{margin:0 -.25rem;overflow-x:auto}.heatmap{border-collapse:separate;border-spacing:2px;font-size:.85rem}.heatmap th{color:var(--zacht);text-align:center;padding:0 0 .35rem;font-weight:600}.heatmap thead th:first-child,.heatmap tbody th{text-align:left;padding-right:.75rem}.heatmap td{text-align:center;padding:0}.heatmap td:last-child{text-align:left;padding-left:.6rem}.kolomkop{font-variant-numeric:tabular-nums;font-size:.75rem}.heatmap tbody tr{cursor:pointer}.heatmap tbody tr:hover th .rij-naam,.heatmap tbody tr.gekozen th .rij-naam{color:var(--merk)}.rijknop{text-align:left;cursor:pointer;background:0 0;border:0;min-width:8.5rem;padding:.2rem 0;display:grid}.rij-naam{color:var(--inkt);font-weight:600}.rij-sub{color:var(--zacht);font-size:.72rem;font-weight:450}.cel{vertical-align:middle;color:#fff;border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid}.cel.n0{background:var(--wit);border:1.5px dashed #cbd5e1}.cel.n1{background:#86b6ef}.cel.n2{background:#5598e7}.cel.n3{background:#2a78d6}.cel.n4{background:#1c5cab}.cel.n5{background:#104281}.legenda-rij{color:var(--zacht);flex-wrap:wrap;gap:1.25rem;margin-top:1rem;font-size:.8rem;display:flex}.legenda-rij>span{align-items:center;gap:3px;display:inline-flex}.legenda-rij .cel{border-radius:4px;width:16px;height:16px}.legenda-rij>span>.cel:last-of-type{margin-right:.35rem}.signaal{white-space:nowrap;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:650;display:inline-flex}.signaal:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:.4rem}.signaal.vast{color:#b45309;background:var(--let-op-licht);border:1px solid var(--let-op-rand)}.signaal.inactief,.signaal.niet-gestart{color:var(--zacht);background:var(--vlak);border:1px solid var(--rand)}.signaal.blok{white-space:normal;border-radius:10px;padding:.5rem .75rem;display:flex}.staven{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.staven li{grid-template-columns:1fr auto;gap:.3rem .75rem;display:grid}.staaf-label{color:var(--inkt);font-size:.85rem;font-weight:550}.staaf-waarde{color:var(--zacht);white-space:nowrap;font-size:.78rem}.staaf-baan{background:#e5eefb;border-radius:999px;grid-column:1/-1;height:8px}.staaf{background:#2a78d6;border-radius:999px;height:100%;display:block}.toelichting{border-top:1px solid var(--rand);margin:1rem 0 0;padding-top:.75rem}.detail{animation:.25s cubic-bezier(.2,.8,.2,1) omhoog}.detailkop{text-transform:uppercase;letter-spacing:.06em;color:var(--zacht);margin:1.1rem 0 .6rem;font-size:.8rem}.detail-lijst{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.klein-knop{width:30px;height:30px}.klein-laden{min-height:40vh}.breed-segment{width:100%;margin-bottom:1rem;display:flex}.breed-segment button{flex:1}.code-invoer{letter-spacing:.15em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}.kop-acties{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.detail-knop{margin-top:1.25rem}.venster{border:0;border-radius:20px;width:min(760px,100vw - 2rem);max-height:calc(100vh - 3rem);padding:1.5rem;box-shadow:0 30px 80px -20px #0f172a66}.venster::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73}.venster-kop{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.venster-kop h2{margin:0;font-size:1.2rem}.venster textarea{font:inherit;border:1.5px solid var(--rand);resize:vertical;border-radius:12px;padding:.75rem .9rem}.venster textarea:focus{border-color:var(--merk);outline:none;box-shadow:0 0 0 4px #4f46e526}.venster-acties{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.melding-goed{background:var(--goed-licht);color:#065f46;border-radius:12px;padding:.7rem .9rem;font-size:.9rem}.kaartjes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;max-height:46vh;padding:2px;display:grid;overflow:auto}.kaartje{break-inside:avoid;background:var(--wit);border:1.5px dashed #94a3b8;border-radius:12px;padding:.9rem 1rem}.kaartje-kop{justify-content:space-between;align-items:baseline;display:flex}.kaartje .logo{font-size:1rem}.kaartje-naam{color:var(--inkt);margin:.4rem 0 .5rem;font-weight:700}.kaartje dl{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0;font-size:.85rem;display:grid}.kaartje dt{color:var(--zacht)}.kaartje dd{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:650}.kaartje-adres{color:var(--zacht);word-break:break-all;margin:.6rem 0 0;font-size:.7rem}@media print{body *{visibility:hidden}.printvel,.printvel *{visibility:visible}.printvel{grid-template-columns:repeat(3,1fr);max-height:none;padding:1cm;position:fixed;inset:0;overflow:visible}.kaartje .logo{-webkit-text-fill-color:#312e81;color:#312e81}}.sim{--sim-bg:#0b1020;--sim-glas:#0f172ab8;--sim-rand:#94a3b824;--sim-tekst:#e2e8f0;--sim-zacht:#94a3b8;--sim-accent:#818cf8;background:var(--sim-bg);color:var(--sim-tekst);border-radius:24px;outline:none;grid-template-columns:minmax(0,1fr) 320px;gap:0;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0f172a99,inset 0 0 0 1px #ffffff0f}.sim.compact{grid-template-columns:minmax(0,1fr)}@media (width<=1100px){.sim{grid-template-columns:minmax(0,1fr)}}.sim.volscherm{border-radius:0;height:100vh}.sim-doek{background:radial-gradient(900px 500px at 20% 0%, #6366f12e, transparent 60%), radial-gradient(700px 400px at 100% 100%, #0ea5e91f, transparent 60%), var(--sim-bg);position:relative}.sim-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.sim.volscherm .sim-svg{height:100vh}.sim-punt-ring{fill:#0000;stroke:#0000;stroke-width:2px;transition:stroke .15s,fill .15s}.sim-punt-vang{fill:#0000;cursor:crosshair}.sim-punt:hover .sim-punt-ring{stroke:var(--sim-accent);fill:#818cf838}.sim.draad-trekken .sim-punt-ring{stroke:#94a3b859}.sim.draad-trekken .sim-punt:hover .sim-punt-ring{stroke:var(--sim-accent);fill:#818cf84d}.sim-avatar{pointer-events:none;opacity:.95;filter:drop-shadow(0 14px 18px #0000008c)}.sim-plan-doel{fill:#818cf81f;stroke:var(--sim-accent);stroke-width:2px;stroke-dasharray:6 5;pointer-events:none;animation:.8s linear infinite sim-mars}.sim-plan-label{z-index:5;background:var(--sim-accent);color:#0b1020;white-space:nowrap;pointer-events:none;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:750;animation:.16s ease-out sim-menu-in;position:absolute;transform:translate(-50%,38px);box-shadow:0 10px 24px -10px #818cf8cc}.sim-draad-voorbeeld{stroke:var(--sim-accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1 12;animation:.6s linear infinite sim-mars}@keyframes sim-mars{to{stroke-dashoffset:-13px}}.sim-voorbeeld{opacity:.55;pointer-events:none;animation:1s ease-in-out infinite alternate sim-adem}@keyframes sim-adem{0%{opacity:.35}to{opacity:.7}}.sim-onderdeel{cursor:grab}.sim-onderdeel.soort-schakelaar{cursor:pointer}.sim.vergrendeld .sim-onderdeel,.sim.vergrendeld .sim-punt-vang{cursor:default}.sim-onderdeel.zwevend{opacity:.25}.sim-onderdeel.nieuw>g{animation:.42s cubic-bezier(.34,1.56,.64,1) sim-plop}@keyframes sim-plop{0%{opacity:0;transform:scale(.5)}}.sim-selectie{fill:#0000;stroke:#0000;stroke-width:2px;transition:fill .15s,stroke .15s}.sim-onderdeel:hover .sim-selectie{fill:#ffffff0a}.sim-onderdeel.gekozen .sim-selectie{fill:#818cf81f;stroke:var(--sim-accent);filter:drop-shadow(0 0 6px #818cf8b3)}.sim-kabel{stroke-width:5px;stroke-linecap:round;transition:stroke .4s}.sim-kabel-gloed{stroke-width:12px;stroke-linecap:round;opacity:.12;transition:stroke .4s}.sim-lead{stroke-width:4px;stroke-linecap:round;transition:stroke .4s}.sim-knooppunt{stroke:var(--sim-bg);stroke-width:2px;pointer-events:none;transition:fill .4s}.sim-schema{stroke:var(--sim-tekst);stroke-width:3px;fill:none;stroke-linecap:round}.sim-schema-vlak{fill:var(--sim-bg);stroke:var(--sim-tekst);stroke-width:3px}.sim-schema-stip{fill:var(--sim-tekst)}.sim-schema-letter{fill:var(--sim-tekst);font-size:17px;font-weight:800}.sim-hendel{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.sim-licht{pointer-events:none;transition:r .4s,opacity .4s;animation:3s ease-in-out infinite sim-flikker}@keyframes sim-flikker{50%{opacity:.85}}.sim-stroom{stroke:#e0f2fe;stroke-width:5px;stroke-linecap:round;stroke-dasharray:.1 18;filter:drop-shadow(0 0 3px #7dd3fcf2);pointer-events:none;animation:linear infinite sim-stroom}.sim-stroomlaag.elektronen .sim-stroom{stroke:#fde68a;stroke-width:4px;filter:drop-shadow(0 0 3px #fde047e6)}.sim-stroomlaag.kort .sim-stroom{stroke:#fecaca;filter:drop-shadow(0 0 4px #ef4444)}@keyframes sim-stroom{to{stroke-dashoffset:-18.1px}}.sim.probleem .sim-kabel{animation:.8s ease-in-out infinite alternate sim-alarm}@keyframes sim-alarm{to{stroke:#ef4444}}.sim-meter-kast{filter:drop-shadow(0 6px 10px #00000080)}.sim-meter.amperemeter .sim-meter-kast{fill:#f59e0b}.sim-meter.voltmeter .sim-meter-kast{fill:#0ea5e9}.sim-meter.kapot .sim-meter-kast{fill:#ef4444;animation:.5s ease-in-out infinite alternate sim-alarm-kast}@keyframes sim-alarm-kast{to{fill:#7f1d1d}}.sim-meter-lcd{fill:#0b2e1f;stroke:#00000059}.sim-lcd{fill:#6ee7b7;dominant-baseline:middle;filter:drop-shadow(0 0 2px #6ee7b799);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px;font-weight:700}.sim-lcd-klein{fill:#6ee7b7;dominant-baseline:middle;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;font-weight:700}.sim-meter-soort{letter-spacing:.12em;fill:#0f172ab3;font-size:7.5px;font-weight:800}.sim-label rect{fill:#0f172ad9;stroke:#94a3b840}.sim-label text{fill:var(--sim-tekst);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:650}.sim-boven{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:14px;left:14px;right:14px}.sim-boven>*{pointer-events:auto}.sim-status,.sim-knoppen,.sim-dock,.sim-legenda,.sim-menu,.sim-tooltip,.sim-leeg-kaart{background:var(--sim-glas);border:1px solid var(--sim-rand);-webkit-backdrop-filter:blur(16px)saturate(160%)}.sim-status{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.sim-stip{background:#64748b;border-radius:50%;width:8px;height:8px}.sim-stip.aan{background:#34d399;animation:1.6s ease-in-out infinite sim-puls;box-shadow:0 0 0 4px #34d39933}.sim-stip.fout{background:#f87171;box-shadow:0 0 0 4px #f8717140}@keyframes sim-puls{50%{box-shadow:0 0 0 7px #34d3990d}}.sim-knoppen{border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.2rem;padding:.25rem;display:inline-flex}.sim-schakel{color:var(--sim-zacht);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.45rem;padding:.35rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.sim-schakel:hover{color:var(--sim-tekst);background:#ffffff0f}.sim-schakel-baan{background:#94a3b84d;border-radius:999px;width:26px;height:15px;transition:background .18s;position:relative}.sim-schakel-baan span{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px}.sim-schakel.aan{color:var(--sim-tekst)}.sim-schakel.aan .sim-schakel-baan{background:var(--sim-accent)}.sim-schakel.aan .sim-schakel-baan span{transform:translate(11px)}.sim-scheiding{background:var(--sim-rand);width:1px;height:20px;margin:0 .25rem}.sim-icoonknop{width:34px;height:34px;color:var(--sim-zacht);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.sim-icoonknop:hover:not(:disabled){color:#fff;background:#ffffff14}.sim-icoonknop:disabled{opacity:.35;cursor:not-allowed}.sim-legenda{color:var(--sim-zacht);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem;font-size:.72rem;display:flex;position:absolute;top:62px;left:14px}.sim-legenda-balk{background:linear-gradient(90deg,#3b82f6,#22d3ee 35%,#facc15 70%,#f97316);border-radius:999px;width:80px;height:6px}.sim-toast{color:#fff;background:#dc2626e6;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.88rem;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) sim-toast-in;display:inline-flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #dc2626cc}@keyframes sim-toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}.sim-leeg{pointer-events:none;place-items:center;padding-bottom:70px;display:grid;position:absolute;inset:0}.sim-leeg-kaart{text-align:center;max-width:340px;color:var(--sim-zacht);border-radius:18px;gap:.3rem;padding:1.1rem 1.3rem;font-size:.9rem;animation:.4s ease-out verschijn;display:grid}.sim-leeg-kaart strong{color:#fff;font-size:1.05rem}.sim-dock{border-radius:20px;gap:.3rem;max-width:calc(100% - 28px);padding:.4rem;display:flex;position:absolute;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 20px 40px -18px #000000b3}.sim-dock-item{cursor:grab;touch-action:none;background:0 0;border:0;border-radius:14px;flex:none;place-items:center;width:62px;height:52px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s;display:grid;position:relative}.sim-dock-item svg{pointer-events:none;width:56px;height:40px}.sim-dock-item:hover:not(:disabled){background:#ffffff12;transform:translateY(-6px)scale(1.12)}.sim-dock-item:active:not(:disabled){cursor:grabbing;transform:scale(.96)}.sim-dock-item:disabled{opacity:.3;cursor:not-allowed}.sim-dock-naam{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#020617;border-radius:8px;padding:.25rem .55rem;font-size:.72rem;font-weight:650;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.sim-dock-item:hover .sim-dock-naam,.sim-dock-item:focus-visible .sim-dock-naam{opacity:1;transform:translate(-50%)translateY(0)}.sim-dock-teller{background:var(--sim-accent);color:#0b1020;border-radius:999px;min-width:18px;height:18px;padding:0 .3rem;font-size:.68rem;font-weight:800;line-height:18px;position:absolute;top:2px;right:4px}.sim-tooltip{z-index:3;pointer-events:none;white-space:nowrap;border-radius:12px;gap:.1rem;padding:.45rem .7rem;font-size:.78rem;animation:.15s ease-out verschijn;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 40px))}.sim-tooltip span{color:var(--sim-zacht);font-variant-numeric:tabular-nums}.sim-menu{z-index:4;white-space:nowrap;border-radius:14px;align-items:center;gap:.2rem;padding:.3rem;animation:.2s cubic-bezier(.34,1.56,.64,1) sim-menu-in;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 42px));box-shadow:0 16px 30px -12px #000000b3}.sim-menu.onder{transform:translate(-50%,42px)}@keyframes sim-menu-in{0%{opacity:0;scale:.9}}.sim-menu button{height:32px;color:var(--sim-tekst);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.sim-menu button:hover{background:#ffffff1a}.sim-menu button.gevaar:hover{background:#dc2626}.sim-stapper{background:#ffffff0f;border-radius:10px;align-items:center;display:inline-flex}.sim-stapper strong{text-align:center;font-variant-numeric:tabular-nums;min-width:4rem;font-size:.85rem}.sim-stapper button{justify-content:center;width:32px;font-size:1rem}.sim-paneel{border-left:1px solid var(--sim-rand);background:#0f172a;flex-direction:column;gap:.75rem;min-height:100%;padding:1.1rem;display:flex}@media (width<=1100px){.sim-paneel{border-left:0;border-top:1px solid var(--sim-rand)}}.sim-paneel-kop,.sim-kaart-kop h3{letter-spacing:.1em;text-transform:uppercase;color:var(--sim-zacht);margin:0;font-size:.78rem;font-weight:700}.sim-inzichten{gap:.6rem;display:grid}.sim-inzicht{border:1px solid var(--sim-rand);background:#ffffff0a;border-radius:14px;padding:.75rem .85rem;animation:.25s ease-out verschijn}.sim-inzicht strong{color:#fff;margin-bottom:.2rem;font-size:.92rem;display:block}.sim-inzicht p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.5}.sim-inzicht.regel{background:#818cf814;border-color:#818cf859}.sim-inzicht.let-op{background:#f871711a;border-color:#f8717173}.sim-inzicht.probeer{border-style:dashed}.sim-inzicht.probeer strong{color:#fcd34d}.sim-formule{background:#020617;border-radius:10px;padding:.45rem .6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#a5b4fc!important;margin-top:.5rem!important;font-size:.82rem!important}.sim-kaart{gap:.6rem;animation:.2s ease-out verschijn;display:grid}.sim-kaart-kop{justify-content:space-between;align-items:center;display:flex}.sim-waarden{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.sim-waarden div{border:1px solid var(--sim-rand);background:#ffffff0a;border-radius:12px;padding:.6rem .7rem}.sim-waarden dt{color:var(--sim-zacht);font-size:.7rem}.sim-waarden dd{color:#fff;font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.1rem;font-weight:650}.sim-uitleg{color:#cbd5e1;margin:0;font-size:.85rem}.sim-controleer{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#0ea5e9);border:0;border-radius:14px;margin-top:auto;padding:.8rem 1rem;font-size:.95rem;font-weight:700;transition:transform .15s;box-shadow:0 10px 24px -10px #6366f1cc}.sim-controleer:hover:not(:disabled){transform:translateY(-1px)}.sim-controleer:disabled{opacity:.4;cursor:not-allowed}.sim-voorbeelden{letter-spacing:.08em;text-transform:uppercase;color:var(--sim-zacht);gap:.4rem;margin-top:auto;font-size:.72rem;font-weight:700;display:grid}.sim-voorbeelden div{flex-wrap:wrap;gap:.35rem;display:flex}.sim-voorbeelden button{border:1px solid var(--sim-rand);color:var(--sim-tekst);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.sim-voorbeelden button:hover{border-color:var(--sim-accent);background:#818cf81f}.probeer{margin-top:1.25rem}.probeer-kop{color:var(--merk-donker);margin-bottom:.5rem;font-weight:700}@media (width<=700px){.werkbank{grid-template-columns:1fr}.werkbank-palet{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}