@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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+1F00-1FFF}@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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #F6F6F4;--surface: #FFFFFF;--surface-2: #FAFAF8;--surface-3: #F0EFEC;--line: #E6E4DF;--line-strong: #D3D0C9;--ink: #1A1917;--ink-2: #4E4B45;--ink-3: #6E6A63;--accent: #2F58CD;--accent-hover: #2749AE;--accent-soft: #ECF1FD;--accent-line: #C5D3F7;--ok: #1B7748;--ok-soft: #E7F4EC;--warn: #8A5200;--warn-soft: #FCF3DF;--warn-line: #EBCF93;--danger: #B3261E;--danger-soft: #FCECEA;--radius-s: 6px;--radius: 8px;--radius-l: 12px;--radius-xl: 16px;--shadow-1: 0 1px 2px rgba(26, 25, 23, .05);--shadow-2: 0 1px 2px rgba(26, 25, 23, .04), 0 4px 12px rgba(26, 25, 23, .06);--shadow-3: 0 2px 4px rgba(26, 25, 23, .04), 0 12px 32px rgba(26, 25, 23, .12);--shadow-4: 0 4px 8px rgba(26, 25, 23, .05), 0 24px 64px rgba(26, 25, 23, .2);--font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;letter-spacing:-.011em;text-wrap:balance}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--ink-3)}.small{font-size:12.5px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.i.s{width:14px;height:14px}.i.l{width:20px;height:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-weight:500;font-size:13.5px;white-space:nowrap;box-shadow:var(--shadow-1);transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease)}.btn:hover{background:var(--surface-2);border-color:#c4c0b8}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:#33312d;border-color:#33312d}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:hover{background:var(--accent-hover)}.btn.ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--ink-2)}.btn.ghost:hover{background:var(--surface-3);color:var(--ink)}.btn.danger{color:var(--danger)}.btn.lg{height:42px;padding:0 16px;font-size:14.5px}.btn.sm{height:28px;padding:0 9px;font-size:12.5px;border-radius:var(--radius-s)}.btn.icon{width:34px;padding:0}.btn.icon.sm{width:28px}.btn.block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-3);border-radius:9px}.seg button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--ink-2);font-weight:500;font-size:13px;transition:background .15s var(--ease),color .15s var(--ease)}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1),0 0 0 1px #1a19170f}.field{display:grid;gap:6px}.field>label,.label{font-size:13px;font-weight:500;color:var(--ink-2)}.input,.select,.textarea{width:100%;height:38px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 1px 1px #1a191708;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.textarea{height:auto;padding:9px 11px;resize:vertical;line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:#bdb9b0}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.sm,.select.sm{height:32px;font-size:13px}.hint{font-size:12.5px;color:var(--ink-3)}.check{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--ink-2);cursor:pointer}.check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--ink);flex:none}.switch{position:relative;width:34px;height:20px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;border-radius:999px;background:var(--line-strong);transition:background .2s var(--ease);pointer-events:none}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .2s var(--ease)}.switch input:checked+span{background:var(--ink)}.switch input:checked+span:after{transform:translate(14px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:12px;font-weight:500;color:var(--ink-2);white-space:nowrap}.badge.ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.badge.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.badge.danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.badge.accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.badge.dark{background:var(--ink);border-color:var(--ink);color:#fff}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.kbd{display:inline-flex;align-items:center;height:20px;padding:0 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:11.5px;color:var(--ink-3);font-family:var(--font)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.divider{height:1px;background:var(--line);border:0;margin:0}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:14.5px;letter-spacing:-.015em}.brand-mark{width:24px;height:24px;border-radius:7px;background:var(--ink);display:grid;place-items:center;flex:none}.brand-mark svg{width:14px;height:14px}.brand span{color:var(--ink-3);font-weight:500}.login{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.login-form{display:flex;flex-direction:column;padding:32px 48px;background:var(--surface)}.login-form .inner{margin:auto;width:100%;max-width:360px;padding:40px 0}.login-form h1{font-size:26px;letter-spacing:-.025em;margin-bottom:8px}.login-form .lead{color:var(--ink-3);margin-bottom:28px;font-size:14.5px}.login-form form{display:grid;gap:16px}.login-foot{display:flex;justify-content:space-between;color:var(--ink-3);font-size:12.5px}.login-side{position:relative;overflow:hidden;background:#171614;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:56px}.login-side:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% -10%,rgba(120,150,255,.22),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(255,190,120,.12),transparent 60%)}.login-side blockquote{position:relative;margin:0;max-width:460px}.login-side blockquote p{font-size:26px;line-height:1.3;letter-spacing:-.02em;font-weight:500;text-wrap:balance}.login-side blockquote footer{margin-top:16px;color:#ffffff9e;font-size:14px}.login-art{position:absolute;top:56px;left:56px;right:-120px;height:46%;display:flex;gap:20px;align-items:flex-start}.login-art .pane{flex:none;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;display:grid;gap:10px;align-content:start}.login-art .pane i{display:block;height:9px;border-radius:5px;background:#ffffff24}.login-art .pane i.a{background:#8ca5ffb3;width:40%}.login-art .pane i.b{height:84px;border-radius:9px;background:#ffffff14}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp input{height:52px;text-align:center;font-size:22px;font-weight:600;padding:0;font-variant-numeric:tabular-nums}.otp input:nth-child(3){margin-right:6px}.otp input:nth-child(4){margin-left:6px}.step{display:none;animation:rise .35s var(--ease)}[data-step="1"] .step[data-s="1"],[data-step="2"] .step[data-s="2"],[data-step="3"] .step[data-s="3"]{display:block}.linkbtn{border:0;background:none;padding:0;color:var(--ink-2);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.linkbtn:hover{color:var(--ink);text-decoration-color:var(--ink)}.notice{display:flex;gap:10px;padding:11px 12px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);font-size:13px;color:var(--ink-2)}.notice .i{margin-top:2px;color:var(--ink-3)}.notice.warn{background:var(--warn-soft);border-color:var(--warn-line);color:#5e3a00}.notice.warn .i{color:var(--warn)}.notice.danger{background:var(--danger-soft);border-color:#f1c4c0;color:#7a1a14}.notice.danger .i{color:var(--danger)}.notice.ok{background:var(--ok-soft);border-color:#bfe0cc;color:#124f30}.notice.ok .i{color:var(--ok)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.app{height:100%;display:grid;grid-template-columns:272px minmax(0,1fr)}.side{display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface-2);min-height:0}.side-top{padding:16px 16px 10px;display:grid;gap:14px}.searchbox{display:flex;align-items:center;gap:8px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink-3);font-size:13.5px}.searchbox span{flex:1}.side-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 4px 18px;font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.02em}.tree{padding:0 8px;overflow:auto;flex:1}.tree li>.row{display:flex;align-items:center;gap:7px;height:32px;padding:0 8px;border-radius:7px;color:var(--ink-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s var(--ease)}.tree li>.row:hover{background:var(--surface-3);color:var(--ink)}.tree li>.row.active{background:#e9e7e2;color:var(--ink)}.tree .tw{width:14px;height:14px;color:var(--ink-3)}.tree .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree .count{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.tree ul{margin-left:15px;padding-left:7px;border-left:1px solid var(--line)}.swatch{width:10px;height:10px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px #00000014}.side-foot{padding:12px 16px 14px;border-top:1px solid var(--line);display:grid;gap:12px}.meter{height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden}.meter i{display:block;height:100%;border-radius:4px;background:var(--ink-2)}.userrow{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex:none}.main{min-width:0;overflow:auto}.main-inner{max-width:1180px;margin:0 auto;padding:22px 36px 80px}.crumbs{display:flex;align-items:center;gap:6px;color:var(--ink-3);font-size:13px}.crumbs a:hover{color:var(--ink)}.crumbs .i{width:12px;height:12px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:14px 0 20px}.pagehead h1{font-size:26px;letter-spacing:-.025em}.pagehead .actions{display:flex;gap:8px}.stylechip{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:4px 10px 4px 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12.5px;color:var(--ink-2)}.stylechip .sw{display:inline-flex}.stylechip .sw i{width:16px;height:16px;border-radius:50%;border:2px solid var(--surface);margin-left:-5px}.stylechip .sw i:first-child{margin-left:0}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.toolbar .spacer{flex:1}.chips{display:flex;gap:6px}.chip{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font-size:13px;font-weight:500}.chip:hover{background:var(--surface-3)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.sectionlabel{margin:22px 0 10px;font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:.02em}.folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.foldercard{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.foldercard:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.foldercard .ic{width:34px;height:34px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:var(--ink-2)}.foldercard b{display:block;font-weight:600;font-size:13.5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.pkg{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);overflow:hidden;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.pkg:hover{border-color:var(--line-strong);box-shadow:var(--shadow-3);transform:translateY(-2px)}.pkg .cover{position:relative;aspect-ratio:16 / 9.5;background:var(--c-bg, #f1f1ef);overflow:hidden;border-bottom:1px solid var(--line)}.cover .mini{position:absolute;inset:14% 9% -8%;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 6px 24px #00000024;display:grid;grid-template-rows:22% 1fr;overflow:hidden}.cover .mini .top{background:var(--c1, #333);display:flex;align-items:center;padding:0 9%;gap:6px}.cover .mini .top i{height:5px;border-radius:3px;background:#ffffffd9;width:34%}.cover .mini .top i+i{width:10%;margin-left:auto;background:var(--c2, #fff)}.cover .mini .body{padding:8% 9%;display:grid;gap:7px;align-content:start}.cover .mini .body i{height:5px;border-radius:3px;background:#e3e3e0}.cover .mini .body i:nth-child(1){width:55%;height:7px;background:#c9c9c5}.cover .mini .body i:nth-child(3){width:82%}.cover .mini .body i:nth-child(4){height:26px;border-radius:5px;background:color-mix(in srgb,var(--c1) 10%,#fff);border-left:3px solid var(--c2, var(--c1))}.cover .flag{position:absolute;top:10px;left:10px}.pkg .meta{padding:13px 14px 14px;display:grid;gap:9px}.pkg h3{font-size:14.5px;line-height:1.35}.pkg .tags{display:flex;flex-wrap:wrap;gap:5px}.pkg .foot{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3);font-size:12.5px}.pkg .more{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .15s;background:#ffffffeb}.pkg:hover .more,.pkg .more:focus-visible{opacity:1}.dropzone{display:grid;place-items:center;text-align:center;gap:6px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-l);color:var(--ink-3);padding:20px;min-height:100%;background:transparent;transition:background .15s,border-color .15s,color .15s}.dropzone:hover{background:var(--surface);border-color:var(--ink-3);color:var(--ink-2)}.dropzone b{color:var(--ink-2);font-weight:600}.toast{position:fixed;right:24px;bottom:24px;width:340px;padding:14px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-3);display:grid;gap:10px;animation:pop .4s var(--ease);z-index:20}.toast .head{display:flex;align-items:center;gap:10px}.toast .head b{font-weight:600;font-size:13.5px;display:block}.progress{height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden}.progress i{display:block;height:100%;width:67%;border-radius:6px;background:var(--accent);animation:grow 1.6s var(--ease)}@keyframes grow{0%{width:8%}}.ws{height:100%;display:grid;grid-template-rows:56px minmax(0,1fr)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line);min-width:0}.topbar .left,.topbar .right{display:flex;align-items:center;gap:8px;min-width:0}.topbar .right{justify-content:flex-end}.topbar .center{display:flex;align-items:center;gap:12px}.topbar .title{min-width:0;margin-left:4px}.topbar .title b{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .title span{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap}.vsep{width:1px;height:22px;background:var(--line);margin:0 4px}.saved{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3)}.saved .i{color:var(--ok)}.ws-body{display:flex;min-height:0}.stage{flex:1;min-width:0;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;background-color:#efeeeb;background-image:radial-gradient(rgba(26,25,23,.07) 1px,transparent 1px);background-size:18px 18px}.device{position:relative;flex:none;background:#fff;transition:width .45s var(--ease),height .45s var(--ease),border-radius .45s var(--ease),border-width .45s var(--ease);overflow:hidden}.device .screen{width:100%;height:100%;overflow:auto}.device[data-device=scherm]{width:100%;height:calc(100vh - 104px);border-radius:10px;border:1px solid var(--line-strong);box-shadow:var(--shadow-2)}.device[data-device=tablet]{width:844px;height:min(1204px,calc(100vh - 104px));border:12px solid #1B1A18;border-radius:34px;box-shadow:var(--shadow-4),inset 0 0 0 1px #3a3936}.device[data-device=telefoon]{width:410px;height:min(864px,calc(100vh - 104px));border:10px solid #1B1A18;border-radius:48px;box-shadow:var(--shadow-4)}.device .island{display:none;position:absolute;top:9px;left:50%;transform:translate(-50%);width:92px;height:24px;border-radius:14px;background:#1b1a18;z-index:5}.device[data-device=telefoon] .island{display:block}.device[data-device=telefoon] .screen{padding-top:40px;background:#0f2744}.devsize{position:absolute;left:50%;bottom:10px;transform:translate(-50%)}.stage-wrap{position:relative;flex:1;min-width:0;display:flex}.sizehint{position:absolute;left:34px;top:34px;display:none;padding:3px 9px;border-radius:999px;background:#1a1917c7;color:#fff;font-size:11.5px;font-variant-numeric:tabular-nums;pointer-events:none}.panel{width:372px;flex:none;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);min-height:0;transition:margin-right .35s var(--ease)}.panel.left{border-left:0;border-right:1px solid var(--line);width:248px;background:var(--surface-2)}.panel.closed{margin-right:-372px}.panel-head{padding:14px 16px 12px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-head h2{font-size:14.5px}.panel-head p{font-size:12.5px;color:var(--ink-3);margin-top:1px}.panel-body{flex:1;overflow:auto;padding:4px 16px 16px}.panel-foot{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:8px;background:var(--surface-2)}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ok)}.live .dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #1b774866}50%{box-shadow:0 0 0 5px #1b774800}}.sec{padding:14px 0;border-bottom:1px solid var(--line)}.sec:last-child{border-bottom:0}.sec>h3{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.02em;margin-bottom:10px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.stat small{display:block;font-size:12px;color:var(--ink-3)}.stat b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:1px;font-variant-numeric:tabular-nums}.stat b.txt{font-size:15px;display:flex;align-items:center;gap:6px;padding:3px 0}.kv{display:grid;gap:7px}.kv>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}.kv dt,.kv .k{color:var(--ink-2)}.kv .v{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.tech{display:block;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);font-weight:400;margin-top:1px}body.hide-tech .tech{display:none}.answers{display:grid;gap:6px}.answers li{display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:start;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px}.answers .mark{width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.answers .mark.ok{background:var(--ok-soft);color:var(--ok)}.answers .mark.no{background:var(--danger-soft);color:var(--danger)}.answers .mark .i{width:12px;height:12px;stroke-width:2.2}.answers b{font-weight:500;display:block}.answers span{color:var(--ink-3);font-size:12.5px;display:block}.answers time{color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums}details.log summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.02em}details.log summary::-webkit-details-marker{display:none}details.log summary .i{transition:transform .2s var(--ease)}details.log[open] summary .i{transform:rotate(90deg)}.logrows{margin-top:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);max-height:190px;overflow:auto;font-family:var(--mono);font-size:11px;line-height:1.55}.logrows div{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:4px 9px;border-bottom:1px solid var(--line)}.logrows div:last-child{border-bottom:0}.logrows time{color:var(--ink-3)}.logrows em{font-style:normal;color:var(--accent)}.lessons{padding:8px;display:grid;gap:2px}.lesson{display:flex;align-items:center;gap:8px;height:38px;padding:0 8px 0 4px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer}.lesson:hover{background:var(--surface-3)}.lesson .i.grip{color:var(--line-strong);cursor:grab}.lesson:hover .i.grip{color:var(--ink-3)}.lesson .nr{width:20px;color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.lesson .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1),0 0 0 1px var(--line)}.lesson .i.conf{color:var(--warn)}.canvas{flex:1;min-width:0;overflow:auto;padding:24px 28px 120px;background-color:#efeeeb;background-image:radial-gradient(rgba(26,25,23,.07) 1px,transparent 1px);background-size:18px 18px}.canvas .sheet{max-width:880px;margin:0 auto;border-radius:10px;border:1px solid var(--line-strong);box-shadow:var(--shadow-2);background:#fff}.canvas .sheet .m{border-radius:10px}.canvas .m-top{position:static;border-radius:9px 9px 0 0}.canvas .m-main{padding:36px 56px 64px}.blk{position:relative;margin:0 -14px;padding:6px 14px;border-radius:10px;outline:1.5px solid transparent;transition:outline-color .12s var(--ease),background .12s}.blk>.m-block{margin:0}.blk>h1,.blk>p:last-child{margin-bottom:0}.blk:hover{outline-color:var(--accent-line)}.blk.sel{outline-color:var(--accent);background:#2f58cd08}.blk-tools{position:absolute;top:-18px;right:14px;z-index:6;display:none;align-items:center;gap:1px;padding:3px;border-radius:9px;background:var(--ink);color:#fff;box-shadow:var(--shadow-3);font-family:var(--font)}.blk.sel>.blk-tools{display:flex;animation:pop .2s var(--ease)}.blk-tools .type{padding:0 9px 0 7px;font-size:12px;font-weight:500;color:#ffffffbf;display:flex;gap:6px;align-items:center;line-height:1}.blk-tools button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#fff}.blk-tools button:hover{background:#ffffff24}.blk-tools .sep{width:1px;height:16px;background:#fff3;margin:0 3px}.blk.conf{outline:1.5px dashed #D9A441;background:repeating-linear-gradient(-45deg,rgba(217,164,65,.06) 0 10px,transparent 10px 20px)}.conf-tag{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-family:var(--font);font-size:12px;line-height:1.4;color:var(--warn);font-weight:500}.conf-tag span{color:var(--ink-3);font-weight:400}.caret{display:inline-block;width:1.5px;height:1.1em;background:var(--accent);vertical-align:text-bottom;margin-left:1px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.fmt{position:absolute;top:-42px;left:8px;display:flex;gap:1px;padding:3px;border-radius:9px;background:var(--ink);box-shadow:var(--shadow-3);font-family:var(--font)}.fmt button{min-width:28px;height:28px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:13px}.fmt button:hover,.fmt button.on{background:#ffffff29}.ins{position:relative;height:22px;display:grid;place-items:center;font-family:var(--font)}.ins:before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--accent);opacity:0;transition:opacity .15s}.ins button{position:relative;width:24px;height:24px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--ink-2);display:grid;place-items:center;opacity:0;transition:opacity .15s,transform .15s var(--ease),background .15s;padding:0}.ins:hover:before,.ins.open:before{opacity:.5}.ins:hover button,.ins.open button,.ins.show button,.ins button:focus-visible{opacity:1}.ins.open button{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(45deg)}.picker{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:8;width:520px;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-4);display:none;color:var(--ink);font-size:13.5px;line-height:1.4;text-align:left}.ins.open .picker{display:block;animation:pop .22s var(--ease)}.picker h5{margin:8px 6px 4px;font-size:11.5px;font-weight:600;color:var(--ink-3);letter-spacing:.02em}.picker .opts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.picker .opts button{display:flex;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;font-weight:500;opacity:1;width:auto;height:auto;position:static;transform:none;color:var(--ink)}.picker .opts button:hover{background:var(--surface-3)}.picker .opts .ic{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;color:var(--ink-2);flex:none}.tabs{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid var(--line)}.tabs button{position:relative;height:42px;padding:0;border:0;background:none;color:var(--ink-3);font-weight:500;font-size:13.5px}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);border-radius:2px}.optedit{display:grid;gap:8px}.optedit .o{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:8px;display:grid;grid-template-columns:16px 18px 1fr 24px;gap:7px;align-items:center}.optedit .o.right{border-color:#9bcdb0;background:#f6fbf8}.optedit .o input[type=radio]{accent-color:var(--ok);width:16px;height:16px;margin:0}.optedit .o .txt{font-size:13px;font-weight:500}.optedit .o .fb{grid-column:3 / 4;font-size:12.5px;color:var(--ink-3)}.optedit .o .i.grip{color:var(--line-strong)}.rowline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.rowline small{display:block;color:var(--ink-3);font-size:12.5px}.vpage{flex:1;min-width:0;display:grid;grid-template-columns:minmax(440px,580px) minmax(0,1fr);min-height:0}.vlist{overflow:auto;padding:26px 28px 60px;border-right:1px solid var(--line);background:var(--surface)}.vlist header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.vlist header h1{font-size:22px;letter-spacing:-.02em}.timeline{position:relative;display:grid;gap:10px}.timeline:before{content:"";position:absolute;left:15px;top:16px;bottom:16px;width:1.5px;background:var(--line)}.ver{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}.ver .node{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1.5px solid var(--line-strong);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink-2);margin-top:10px}.ver.concept .node{border-style:dashed;color:var(--accent);border-color:var(--accent)}.ver.orig .node{background:var(--ink);border-color:var(--ink);color:#fff}.ver .body{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);transition:border-color .15s,box-shadow .15s}.ver:hover .body{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.ver.picked .body{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ver .line1{display:flex;align-items:center;gap:8px}.ver .line1 b{font-weight:600;font-size:14px}.ver .line1 .check{margin-left:auto}.ver p{color:var(--ink-2);font-size:13.5px;margin:3px 0 0}.ver .when{color:var(--ink-3);font-size:12.5px;margin-top:6px;display:flex;gap:10px;flex-wrap:wrap}.ver .acts{display:flex;flex-wrap:wrap;gap:2px;margin:10px 0 -2px -6px}.bulk{margin:0 0 16px;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 14px;border-radius:var(--radius-l);background:var(--ink);color:#fff;box-shadow:var(--shadow-3);font-size:13.5px}.bulk .spacer{flex:1}.bulk .btn{background:#ffffff1f;border-color:transparent;color:#fff;box-shadow:none}.bulk .btn:hover{background:#fff3}.cmp{overflow:auto;padding:26px 32px 60px}.cmp-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.cmp-head h2{font-size:16px;margin-right:6px}.cmp-sum{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.change{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);margin-bottom:10px;overflow:hidden}.change .ch{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:13px}.change .ch b{font-weight:600}.change .ch .where{margin-left:auto;color:var(--ink-3);font-size:12.5px}.change .cb{padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ink-2)}.cols2{display:grid;grid-template-columns:1fr 1fr}.cols2>div{padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ink-2)}.cols2>div+div{border-left:1px solid var(--line)}.cols2 small{display:block;font-size:11.5px;font-weight:600;color:var(--ink-3);letter-spacing:.02em;margin-bottom:4px}del{background:#fbe1de;color:#7a1a14;text-decoration-color:#7a1a1480;border-radius:3px;padding:0 2px}ins{background:#d9f0e2;color:#124f30;text-decoration:none;border-radius:3px;padding:0 2px}.scrim{position:fixed;inset:0;z-index:40;background:#1a19176b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;animation:fade .25s var(--ease)}.scrim[hidden]{display:none}.modal{width:100%;max-width:760px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-4);animation:pop .3s var(--ease);overflow:hidden}.modal.narrow{max-width:460px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 0}.modal-head h2{font-size:18px;letter-spacing:-.02em}.modal-head p{color:var(--ink-3);font-size:13.5px;margin-top:2px}.modal-body{padding:18px 22px 22px;overflow:auto;display:grid;gap:18px}.modal-foot{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface-2)}.modal-foot .spacer{flex:1}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.format{position:relative;display:grid;align-content:start;gap:4px;padding:14px;border:1.5px solid var(--line);border-radius:var(--radius-l);background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.format:hover{border-color:var(--line-strong)}.format input{position:absolute;opacity:0}.format:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 3px #1a191712}.format:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.format .ic{width:32px;height:32px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;margin-bottom:6px;color:var(--ink-2)}.format b{font-weight:600;font-size:14px}.format span{color:var(--ink-3);font-size:12.5px;line-height:1.4}.format .badge{position:absolute;top:12px;right:12px}.sizebar{display:grid;gap:7px}.sizebar .track{position:relative;height:8px;border-radius:8px;background:var(--surface-3)}.sizebar .track i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:var(--ok);transition:width .5s var(--ease),background .3s}.sizebar .track u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink-3);border-radius:2px}.sizebar .legend{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-3)}.checks{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}.checks li{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;border-bottom:1px solid var(--line)}.checks li:last-child{border-bottom:0}.checks .i.ok{color:var(--ok)}.checks .i.bad{color:var(--danger)}.checks small{margin-left:auto;color:var(--ink-3);font-size:12.5px}.refs{display:grid;gap:6px;margin-top:10px}.refs li{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:var(--radius);background:#fff;border:1px solid #F1C4C0;font-size:13px}.refs li b{font-weight:600;display:block;color:var(--ink)}.refs li span{color:var(--ink-3);font-size:12px;font-family:var(--mono);word-break:break-all}.shield-list{display:grid;gap:6px}.shield-list li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--warn-line);border-radius:var(--radius);background:#fffbf1;font-size:13.5px}.shield-list .ic{width:28px;height:28px;border-radius:7px;background:var(--warn-soft);color:var(--warn);display:grid;place-items:center}.shield-list b{font-weight:600;display:block}.shield-list span{color:var(--ink-3);font-size:12.5px}[data-fmt=scorm12] [data-show]:not([data-show~=scorm12]),[data-fmt=scorm2004] [data-show]:not([data-show~=scorm2004]),[data-fmt=offline] [data-show]:not([data-show~=offline]),[data-tab=klant] [data-tabshow]:not([data-tabshow~=klant]),[data-tab=claude] [data-tabshow]:not([data-tabshow~=claude]){display:none!important}.modal .tabs{padding:0 22px;margin-top:12px}button.searchbox{width:100%;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.login{grid-template-columns:1fr}.login-side{display:none}.login-form{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.stage-wrap:has(.device:not([data-device=scherm])) .sizehint{display:block;left:16px;top:16px}#app{height:100%}html{-webkit-text-size-adjust:100%}body{overflow:hidden}.afkap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block}.spacer{flex:1}.i.ok{color:var(--ok)}.i.bad{color:var(--danger)}.i.waarschuw,.i.conf-ic{color:var(--warn)}.i.muted-ic{color:var(--ink-3)}.stack{display:grid;gap:18px}fieldset.kaal,.stijl-set{border:0;padding:0;margin:0;min-width:0}fieldset.kaal legend{padding:0;margin-bottom:8px}.btn.gevaar{background:var(--danger);border-color:var(--danger);color:#fff}.btn.gevaar:hover{background:#991f18;border-color:#991f18}.btn[aria-pressed=true].ghost{background:var(--surface-3);color:var(--ink)}.btn.bezig{pointer-events:none;opacity:.8}a.btn{text-decoration:none}label.btn{cursor:pointer}.draaier{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--ink-2);animation:draai .7s linear infinite;display:inline-block}.draaier.licht{border-color:#ffffff59;border-top-color:#fff}@keyframes draai{to{transform:rotate(360deg)}}.laden{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--ink-3);width:100%}.leeg-scherm{height:100%;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;padding:24px;color:var(--ink-2)}.meldingen{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:100;display:grid;gap:8px;justify-items:center;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.melding{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:13.5px;box-shadow:var(--shadow-3);animation:pop .3s var(--ease);max-width:520px}.melding .i{margin-top:2px;color:#7fd6a4}.melding.fout .i{color:#ff9e97}.melding.info .i{color:#a9bdf6}.menu-anker{position:relative;display:inline-flex}.menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:210px;padding:5px;border-radius:11px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-3);animation:pop .18s var(--ease)}.menu.rechts{left:auto;right:0}.menu:has(.menu-omhoog){top:auto;bottom:calc(100% + 6px)}.menu-item{display:flex;align-items:center;gap:9px;width:100%;height:34px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:13.5px;font-weight:500;text-align:left;white-space:nowrap}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-3)}.menu-item .i{color:var(--ink-3)}.menu-item.gevaar,.menu-item.gevaar .i{color:var(--danger)}.modal.wide{max-width:1040px}.modal .tabs{padding:0 22px;margin-top:12px;flex:none}.modal-head,.modal-foot{flex:none}.modal-foot{flex-wrap:wrap}.modal-body{align-content:start}.step-in{animation:rise .35s var(--ease)}.login-form .inner{max-width:380px}.stappen-teller{font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:.02em;margin-bottom:8px}.qr{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface-2)}.qr img{border-radius:8px;background:#fff;flex:none;width:150px;height:150px}.qr code{display:block;margin-top:8px;font-family:var(--mono);font-size:12.5px;word-break:break-all;color:var(--ink)}.herstelcodes{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface-2)}.herstelcodes code{font-family:var(--mono);font-size:13.5px;letter-spacing:.03em}.app{position:relative}.searchbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0;height:100%}.searchbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.side-head{gap:6px}.side-head .alle{flex:1;height:28px;display:flex;align-items:center;padding:0 6px;margin-left:-6px;border-radius:6px;color:var(--ink-3)}.side-head .alle:hover,.side-head .alle.active{color:var(--ink)}.side-head.doel,.tree .row.doel,.foldercard.doel{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.tree ul.boom-wortel{margin:0;padding:0;border:0}.tree li>.row{padding:0 2px 0 4px;gap:4px;cursor:default}.tw-knop{width:20px;height:24px;flex:none;display:grid;place-items:center;border:0;background:none;padding:0;border-radius:5px;color:var(--ink-3)}.tw-knop:hover{background:var(--line)}.row-link{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:100%;color:inherit}.row-meer{opacity:0;width:24px;height:24px}.row:hover .row-meer,.row-meer.aan,.row-meer:focus-visible{opacity:1}.row:hover .count:has(+.menu-anker),.row .count:has(+.menu-anker .aan){display:none}.tree .count{min-width:20px;text-align:right;padding-right:6px}.tree-leeg{padding:8px 12px;font-size:13px;color:var(--ink-3)}.backup-regel{margin-top:2px;display:flex;gap:6px;align-items:center}.userrow b{display:block;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-scrim,.mobielbalk{display:none}.main{height:100%}.crumbs{flex-wrap:wrap;min-height:20px}.crumb{display:inline-flex;align-items:center;gap:6px}.crumbs .hier{color:var(--ink)}.pagehead h1{overflow-wrap:anywhere}.stylechip{cursor:pointer;font:inherit;font-size:12.5px;max-width:100%}.stylechip:hover{border-color:var(--line-strong)}.sw{display:inline-flex}.sw i{width:16px;height:16px;border-radius:50%;border:2px solid var(--surface);margin-left:-5px;display:block}.sw i:first-child{margin-left:0}.swatch.groot{width:16px;height:16px;border-radius:5px}.foldercard{min-width:0}.foldercard b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkg .cover{display:block}.pkg .more{z-index:2}.pkg>.menu-anker{position:absolute;top:8px;right:8px;z-index:3}.pkg>.menu-anker .more{position:static}.pkg .more.aan{opacity:1}.pkg h3{overflow-wrap:anywhere}.dropzone{min-height:200px;cursor:pointer;font:inherit}.lijst{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface)}.lijst-rij{display:grid;grid-template-columns:6px minmax(0,1fr) auto auto auto auto;gap:16px;align-items:center;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}.lijst-rij:last-child{border-bottom:0}.lijst-kleur{width:4px;height:34px;border-radius:0 4px 4px 0}.lijst-naam{display:grid;gap:5px;min-width:0}.lijst-naam>a{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lijst-naam .tags{display:flex;flex-wrap:wrap;gap:5px}.lijst-rij .more{opacity:1;background:transparent;border-color:transparent;box-shadow:none}.sleep-laag{position:fixed;inset:0;z-index:60;background:#f6f6f4e6;display:grid;place-items:center;pointer-events:none;animation:fade .15s}.sleep-laag>div{display:grid;justify-items:center;gap:6px;padding:36px 56px;border:2px dashed var(--accent);border-radius:var(--radius-xl);background:var(--surface);color:var(--ink-2)}.sleep-laag b{font-size:16px;color:var(--ink)}.toast{max-width:calc(100vw - 32px)}.progress i{animation:none;transition:width .2s linear}.progress.onbepaald i{width:40%!important;animation:schuif 1.2s ease-in-out infinite}@keyframes schuif{0%{margin-left:-40%}to{margin-left:100%}}.stijl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start}.stijl-velden,.stijl-set{display:grid;gap:16px}.stijl-set.vast{opacity:.55}.keuzes{display:grid;gap:8px}.keuze{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--radius-l);cursor:pointer}.keuze.aan{border-color:var(--ink);box-shadow:0 0 0 3px #1a191712}.keuze input{margin:3px 0 0;accent-color:var(--ink)}.keuze b{display:block;font-weight:600;font-size:13.5px}.keuze small{display:block;color:var(--ink-3);font-size:12.5px}.kleuren{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.kleurveld{display:flex;gap:10px;align-items:flex-end}.kleurveld input[type=color]{width:38px;height:32px;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:none;cursor:pointer;flex:none}.kleurveld input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.kleurveld input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.kleurveld>div{flex:1;min-width:0;display:grid;gap:4px}.kleurveld label{font-size:12.5px;font-weight:500;color:var(--ink-2)}input[type=range]{width:100%;accent-color:var(--ink)}.logo-rij{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logo-vak{height:44px;min-width:80px;padding:6px 12px;border-radius:8px;display:grid;place-items:center;font-size:12.5px}.logo-vak img{max-height:32px;max-width:140px;display:block}.logo-vak.leeg{border:1px dashed var(--line-strong);color:var(--ink-3)}.stijl-voorbeeld{position:sticky;top:0;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-2);max-height:62vh;overflow-y:auto}.stijl-voorbeeld .ejv{min-height:0;font-size:15px;pointer-events:none}.stijl-voorbeeld .ejv-top{min-height:52px;padding:8px 18px}.ws{display:flex;flex-direction:column;height:100%}.topbar{flex:none;min-height:56px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.ws-body{flex:1;min-height:0;position:relative}.topbar .title b,.topbar .title span{overflow:hidden;text-overflow:ellipsis}.topbar .badge{flex:none}.seg button[disabled]{opacity:.45;cursor:not-allowed}.seg.vol{display:flex}.seg.vol button{flex:1;justify-content:center}.saved{white-space:nowrap;min-width:96px}.saved.fout,.saved.fout .i{color:var(--danger)}.infobalk{flex:none;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;background:var(--accent-soft);border-bottom:1px solid var(--accent-line);font-size:13.5px;color:#1f3a8a;flex-wrap:wrap}.verslag-lijst{display:grid;gap:6px}.verslag-lijst li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink-2)}.verslag-lijst .i{margin-top:3px}.stage-wrap{height:100%}.stage{height:100%;align-items:flex-start}.stage[data-device=scherm]{padding:0;background:var(--surface)}.device .screen{background:#fff}.device .screen iframe{display:block;width:100%;height:100%;border:0;background:#fff}.device[data-device=scherm]{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.device[data-device=tablet]{height:min(1204px,100%)}.device[data-device=telefoon]{height:min(864px,100%)}.device[data-device=telefoon] .screen{padding-top:38px;background:#1b1a18}.stage-wrap .sizehint{display:block;left:16px;top:16px;bottom:auto;transform:none}.stage-melding{margin:auto;display:grid;justify-items:center;gap:12px;text-align:center;max-width:420px;color:var(--ink-2);padding:24px}.bronkeuze{position:absolute;left:50%;bottom:16px;transform:translate(-50%);box-shadow:var(--shadow-3);background:var(--surface);border:1px solid var(--line);z-index:4}.panel{height:100%}.panel.blik.closed{margin-right:-372px;visibility:hidden;transition:margin-right .35s var(--ease),visibility 0s .35s}.panel.blik.open{visibility:visible}.paneel-scrim,.paneel-sluit{display:none}.live.uit{color:var(--ink-3)}.stat .eenheid{font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:0}.stat b{min-height:28px}.kv .k{min-width:0}.gevaar-tekst{color:var(--danger)}.answers li>div{min-width:0}.answers b,.answers span{overflow-wrap:anywhere}.answers .mark{background:var(--surface-3);color:var(--ink-3)}details.ruw{margin-top:8px;font-size:12px;color:var(--ink-3)}details.ruw summary{cursor:pointer}details.ruw code{display:block;margin-top:6px;padding:8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--mono);font-size:11px;word-break:break-all;max-height:120px;overflow:auto}.logrows div.mis{background:var(--danger-soft)}.logrows span{word-break:break-word;min-width:0}.logrows{max-height:260px}.panel.left{display:flex;flex-direction:column}.geheim-voet{margin-top:auto;padding:14px 16px;border-top:1px solid var(--line)}.geheim-voet p{display:flex;gap:8px}.geheim-voet .i{margin-top:2px}.lessons{overflow:auto}.greep{border:0;background:none;padding:0;display:grid;place-items:center;cursor:grab;touch-action:none;color:inherit}.greep:active{cursor:grabbing}.lesson .greep{width:18px;height:28px;border-radius:5px}.lesson .name{border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;height:100%;cursor:pointer}.lesson .les-knop{width:24px;height:24px;border:0;border-radius:6px;background:none;display:grid;place-items:center;color:var(--ink-3);padding:0;flex:none}.lesson .les-knop:hover{background:var(--surface-3);color:var(--ink)}.les-invoer{flex:1;min-width:0;height:26px;border:1px solid var(--accent);border-radius:5px;padding:0 6px;font:inherit;outline:0;box-shadow:0 0 0 3px var(--accent-soft)}.canvas{height:100%}.canvas .sheet{overflow:visible}.canvas .ejv{min-height:0;border-radius:10px}.canvas .ejv-top{position:static;border-radius:9px 9px 0 0}.canvas .ejv-les{padding:36px 56px 72px;max-width:none}.canvas .ejv-blokken{margin-top:12px}.blk-rij{position:relative}.blk{margin:0 -14px;padding:8px 14px}.blk-inhoud{position:relative}.blk-inhoud>:first-child{margin-top:0}.blk [data-f]{outline:0;border-radius:4px;cursor:text}.blk [data-f]:hover{box-shadow:0 0 0 2px #2f58cd1f}.blk [data-f]:focus{box-shadow:0 0 0 2px #2f58cd73}.blk [data-ph]:empty:before,.bewerkbaar[data-ph]:empty:before{content:attr(data-ph);color:color-mix(in srgb,currentColor 40%,transparent);font-style:italic}.blk .ejv-optie{cursor:default}.blk .ejv-controleer,.blk .ejv-inleveren{pointer-events:none;opacity:.55}.blk video,.blk audio{pointer-events:auto}.blk-tools{top:-19px;right:12px;left:auto;display:none}.blk:hover>.blk-tools,.blk.sel>.blk-tools,.blk:focus-within>.blk-tools{display:flex}.blk:hover:not(.sel)>.blk-tools{opacity:.92}.blk-tools .greep{width:24px;height:28px;border-radius:6px;color:#fffc}.blk-tools .type{padding:0 8px 0 2px}.blk-tools button.aan{background:#d9a441;color:#1a1917}.linkvorm{display:flex;align-items:center;gap:2px}.linkvorm input{width:250px;height:28px;border:0;border-radius:6px;padding:0 8px;font:inherit;font-size:13px;background:#ffffff24;color:#fff;outline:0}.linkvorm input::placeholder{color:#ffffff8c}.conf-tag{align-items:flex-start}.conf-tag .i{margin-top:2px}.html-waarschuwing{display:flex;gap:7px;align-items:center;margin-bottom:8px;font-family:var(--font);font-size:12px;color:var(--warn);font-weight:500}.blk-upload{margin-top:8px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;font-family:var(--font);font-size:12.5px;color:var(--ink-2)}.blk-upload .progress{grid-column:1 / -1}.blk.sleepdoel{outline:2px dashed var(--accent)}.blk-laatvallen{position:absolute;inset:0;border-radius:10px;background:#ecf1fdeb;display:grid;place-items:center;font-family:var(--font);font-size:14px;font-weight:600;color:var(--accent);pointer-events:none}.ins{z-index:1}.ins.open{z-index:9}.picker.omhoog{top:auto;bottom:28px}.picker .searchbox{margin-bottom:8px}.lege-les{font-family:var(--font);font-size:14px;color:var(--ink-3);text-align:center;padding:24px 0}.bewerkbaar{outline:0;border-radius:4px;cursor:text}.bewerkbaar:hover{box-shadow:0 0 0 2px #2f58cd1f}.bewerkbaar:focus{box-shadow:0 0 0 2px #2f58cd73}.ejv-les-onder.bewerkbaar:empty{min-height:1.4em}.tabs{align-items:center}.tabs .paneel-sluit{margin-left:auto}.velden{display:grid;gap:12px}.sec>h3{text-transform:none}.media-rij{display:flex;align-items:center;gap:8px;min-width:0}.media-rij .mono{flex:1;color:var(--ink-2)}.knoprij{display:flex;flex-wrap:wrap;gap:6px}.optedit .o{grid-template-columns:18px minmax(0,1fr) 28px}.optedit .o input[type=radio],.optedit .o input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--ok)}.optedit .o .fb{grid-column:2 / 4;font-size:12.5px;color:var(--ink-2);height:30px}.vragen{display:grid;gap:8px}.vraagkaart{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.vraagkaart summary{display:flex;align-items:center;gap:8px;padding:9px 10px;cursor:pointer;list-style:none;font-size:13px;font-weight:500}.vraagkaart summary::-webkit-details-marker{display:none}.vraagkaart summary .nr{width:20px;height:20px;flex:none;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:11.5px;font-weight:600}.vraagkaart summary .afkap{flex:1}.vraagkaart summary .i{transition:transform .2s var(--ease);color:var(--ink-3)}.vraagkaart[open] summary .i{transform:rotate(90deg)}.vraag-binnen{display:grid;gap:12px;padding:4px 10px 12px}.textarea.mono{font-family:var(--mono);font-size:12px;line-height:1.5}.vpage{height:100%}.cmp{min-width:0}.change .cb,.cols2>div{overflow-wrap:anywhere}.ver .line1 .badge{margin-left:2px}.format{min-width:0}.grensvorm{display:flex;align-items:center;gap:6px}.grensvorm .input{width:84px}.checks li{gap:10px}.checks li>span:not(.draaier){flex:1;min-width:0}.checks small{margin-left:0;text-align:right}.verborgen-speler{position:absolute;width:900px;height:600px;left:-9999px;top:0;opacity:0;pointer-events:none;border:0}.refs li>div{min-width:0}.shield-list li>div{min-width:0}.shield-list b{overflow-wrap:anywhere}.keuze-lijst li{grid-template-columns:28px minmax(0,1fr) minmax(140px,auto)}.terug-vak{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface-2);flex-wrap:wrap}.terug-vak b{display:block;font-weight:600}.terug-vak>div{min-width:0;flex:1 1 240px}.instellingen{height:100%;overflow:auto}.inst-kop{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.inst-inhoud{max-width:680px;margin:0 auto;padding:8px 20px 80px;display:grid;gap:16px}.inst-inhoud h1{font-size:26px;letter-spacing:-.025em;margin-bottom:4px}.inst-kaart{padding:20px 22px}.inst-kaart h2{font-size:15px;margin-bottom:14px}.inst-rij{display:grid;gap:14px}.met-eenheid{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink-2)}.met-eenheid .input{max-width:120px}.inst-rij .rowline{flex-wrap:wrap}.inst-rij .rowline>span:first-child{flex:1 1 260px}@media(max-width:1100px){.segtekst{display:none}.vpage{grid-template-columns:minmax(0,1fr);overflow:auto;display:block}.vlist{border-right:0;border-bottom:1px solid var(--line);overflow:visible}.cmp{overflow:visible}}@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.side{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(300px,86vw);transform:translate(-102%);transition:transform .3s var(--ease);box-shadow:var(--shadow-4)}.app.menu-open .side{transform:none}.side-scrim{display:block;position:fixed;inset:0;z-index:45;background:#1a191766;border:0}.mobielbalk{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.main-inner{padding:16px 16px 96px}.pagehead{flex-wrap:wrap;align-items:flex-start}.pagehead h1{font-size:22px}.row-meer{opacity:1}.tree li>.row{height:40px}.toolbar{flex-wrap:wrap}.chips{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.chip{flex:none}.lijst-rij{grid-template-columns:6px minmax(0,1fr) auto}.lijst-rij .lijst-info{display:none}.toast{left:16px;right:16px;bottom:16px;width:auto}.pkg .more{opacity:1}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"links rechts" "midden midden";padding:6px 8px;row-gap:6px}.topbar .left{grid-area:links}.topbar .right{grid-area:rechts;gap:4px}.topbar .center{grid-area:midden;justify-content:space-between;gap:6px;overflow-x:auto}.topbar .title span,.topbar .left .badge,.topbar .knoptekst{display:none}.topbar .btn{padding:0 10px}.topbar .vsep{display:none}.seg.modi{flex:1}.seg.modi button{flex:1;justify-content:center;padding:0 8px}.saved{min-width:0}.panel.right,.panel.left{position:fixed;z-index:55;top:0;bottom:0;width:min(380px,92vw);margin:0!important;visibility:visible!important;transition:transform .3s var(--ease);box-shadow:var(--shadow-4)}.panel.right{right:0;transform:translate(102%);border-left:0}.panel.left{left:0;transform:translate(-102%)}.panel.open{transform:none}.panel.open~.paneel-scrim,.paneel-scrim{display:block;position:fixed;inset:0;z-index:52;background:#1a191766;border:0}.paneel-sluit{display:inline-flex}.canvas{padding:12px 0 120px}.canvas .sheet{border-radius:0;border-left:0;border-right:0}.canvas .ejv,.canvas .ejv-top{border-radius:0}.canvas .ejv-les{padding:28px 22px 64px}.blk-tools{right:4px;max-width:calc(100vw - 16px);overflow-x:auto}.blk-tools .type{display:none}.ins button{opacity:.55}.picker{width:min(520px,calc(100vw - 24px))}.picker .opts{grid-template-columns:1fr 1fr}.linkvorm input{width:170px}.vlist,.cmp{padding:18px 16px 40px}.vlist header{flex-wrap:wrap}.cols2{grid-template-columns:1fr}.cols2>div+div{border-left:0;border-top:1px solid var(--line)}.bulk{flex-wrap:wrap}.bronkeuze{bottom:12px}.scrim{padding:0;align-items:end}.modal,.modal.narrow,.modal.wide{max-width:none;max-height:94dvh;border-radius:18px 18px 0 0}.modal-head{padding:16px 16px 0}.modal-body{padding:14px 16px 18px}.modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.modal .tabs{padding:0 16px}.formats{grid-template-columns:1fr}.format{grid-template-columns:32px 1fr;column-gap:12px}.format .ic{grid-row:span 2;margin:0}.two,.kleuren,.stijl-grid{grid-template-columns:1fr}.stijl-voorbeeld{position:static;max-height:300px;order:-1}.refs li,.keuze-lijst li{grid-template-columns:1fr}.shield-list li{grid-template-columns:28px minmax(0,1fr)}.shield-list li>:nth-child(3){grid-column:2;justify-self:start}.meldingen{bottom:14px}.herstelcodes{grid-template-columns:1fr}.qr{flex-direction:column;align-items:flex-start}.otp{gap:6px}.otp input{height:48px;font-size:20px}.login-form{padding:20px}}@media(max-width:480px){.seg.modi button span{font-size:12.5px}.grid,.folders{grid-template-columns:1fr}.ver .acts .btn{padding:0 7px}.statgrid{grid-template-columns:1fr 1fr}}@media print{body{overflow:visible}.login-side,.login-foot,.btn,.check{display:none!important}}@media(max-width:900px){.saved{font-size:0;gap:0;min-width:18px;justify-content:center}.saved .linkbtn{font-size:12.5px;margin-left:6px}.bronkeuze button{height:26px;padding:0 10px;font-size:12.5px}}.panel-body{overflow-x:hidden}.panel-body .sec,.velden,.velden>*,.vragen,.vraagkaart,.vraag-binnen,.optedit,.field{min-width:0}.velden,.vragen,.vraag-binnen,.optedit{grid-template-columns:minmax(0,1fr)}.vraagkaart summary{min-width:0}.vraagkaart summary .afkap{min-width:0}.lesson .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker input:focus-visible,.searchbox input:focus-visible{outline:0}.panel .rowline>span:first-child{min-width:0}.lessons{grid-template-columns:minmax(0,1fr)}.scrim{z-index:80}.ejv{--ejv-primair: #1e3a5f;--ejv-donker: #0f2744;--ejv-accent: #e67e22;--ejv-bg: #f8fafc;--ejv-tekst: #1e293b;--ejv-radius: 10px;--ejv-font-kop: system-ui;--ejv-font-tekst: system-ui;--ejv-gedempt: color-mix(in srgb, var(--ejv-tekst) 62%, #fff);--ejv-lijn: color-mix(in srgb, var(--ejv-tekst) 13%, #fff);--ejv-vlak: #fff;--ejv-goed: #15803d;--ejv-goed-bg: #f0fdf4;--ejv-fout: #b91c1c;--ejv-fout-bg: #fef2f2;container-type:inline-size;container-name:ejv;min-height:100%;background:var(--ejv-bg);color:var(--ejv-tekst);font-family:var(--ejv-font-tekst);font-size:17px;line-height:1.65;text-align:left;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}:where(.ejv) *,:where(.ejv) *:before,:where(.ejv) *:after{box-sizing:border-box}:where(.ejv) :is(h1,h2,h3,h4,p,figure,ul,ol,hr,blockquote){margin:0;padding:0}:where(.ejv) :is(h1,h2,h3,h4){font-family:var(--ejv-font-kop);font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--ejv-donker);text-wrap:balance}:where(.ejv) button{font:inherit;color:inherit;cursor:pointer}:where(.ejv) a{color:var(--ejv-primair);text-decoration:underline;text-underline-offset:2px}:where(.ejv) :is(img,video,iframe){max-width:100%}.ejv :focus-visible{outline:3px solid color-mix(in srgb,var(--ejv-accent) 70%,#fff);outline-offset:2px;border-radius:4px}.ejv [hidden]{display:none!important}html:has(>body>.ejv-app),body:has(>.ejv-app){height:100%;margin:0}.ejv.ejv-app{height:100vh;height:100dvh;overflow-y:auto}.ejv-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 24px;background:var(--ejv-donker);color:#fff}.ejv-menu{display:none;width:38px;height:38px;flex:none;border:0;border-radius:8px;background:#ffffff1f;place-items:center}.ejv-menu svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}.ejv-merk{display:flex;align-items:center;gap:12px;min-width:0}.ejv-merk img{height:34px;width:auto;max-width:140px;object-fit:contain;flex:none}.ejv-merk-tekst{min-width:0}.ejv-merk b{display:block;font-family:var(--ejv-font-kop);font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ejv-merk small{display:block;font-size:12.5px;line-height:1.3;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ejv-voortgang{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13.5px;color:#ffffffd1;white-space:nowrap;flex:none}.ejv-balk{width:120px;height:6px;border-radius:6px;background:#fff3;overflow:hidden}.ejv-balk i{display:block;height:100%;width:0;border-radius:6px;background:var(--ejv-accent);transition:width .5s cubic-bezier(.2,.7,.2,1)}.ejv-schil{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start}.ejv-nav{position:sticky;top:60px;align-self:start;height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow:auto;padding:22px 14px;background:var(--ejv-vlak);border-right:1px solid var(--ejv-lijn)}.ejv-nav-kop{padding:0 10px 8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ejv-gedempt)}.ejv-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:15px;line-height:1.3;color:var(--ejv-tekst)}.ejv-nav-item:hover{background:color-mix(in srgb,var(--ejv-primair) 6%,#fff)}.ejv-nav-nr{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--ejv-lijn);font-size:11.5px;font-weight:700;color:var(--ejv-gedempt)}.ejv-nav-item.is-bekeken .ejv-nav-nr{background:var(--ejv-primair);border-color:var(--ejv-primair);color:#fff}.ejv-nav-item.is-huidig{background:color-mix(in srgb,var(--ejv-primair) 9%,#fff);font-weight:600}.ejv-nav-item.is-huidig .ejv-nav-nr{border-color:var(--ejv-accent);color:var(--ejv-accent);background:#fff}.ejv-scrim{display:none}.ejv-main{min-width:0}.ejv-les{width:100%;max-width:820px;margin:0 auto;padding:40px 40px 72px}.ejv-kicker{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ejv-accent)}.ejv-les-titel{font-size:32px;margin:6px 0 0}.ejv-les-onder{margin-top:6px;font-size:18px;color:var(--ejv-gedempt)}.ejv-blokken{margin-top:26px}.ejv-blok{margin:0 0 22px}.ejv-blok:last-child{margin-bottom:0}.ejv-kop-1{font-size:24px;margin-top:8px}.ejv-kop-2{font-size:20px;margin-top:4px}.ejv-kop-3{font-size:17px}.ejv-tekst>*+*{margin-top:12px}.ejv-tekst ul,.ejv-tekst ol{padding-left:24px}.ejv-tekst ul{list-style:disc}.ejv-tekst ol{list-style:decimal}.ejv-tekst blockquote{padding-left:16px;border-left:3px solid var(--ejv-lijn);color:var(--ejv-gedempt)}.ejv-tekst li+li{margin-top:4px}.ejv-tekst h3,.ejv-tekst h4{font-size:18px;margin-top:18px}.ejv-label{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.ejv-afb img{display:block;width:100%;height:auto;border-radius:var(--ejv-radius)}.ejv-afb figcaption,.ejv-bijschrift{margin-top:8px;font-size:14.5px;color:var(--ejv-gedempt)}.ejv-video{position:relative;aspect-ratio:16 / 9;border-radius:var(--ejv-radius);overflow:hidden;background:#000}.ejv-video video,.ejv-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.ejv-video-extern{display:grid;place-items:center;align-content:center;gap:12px;background:linear-gradient(135deg,var(--ejv-donker),var(--ejv-primair));color:#fff;text-align:center}.ejv-play{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ffffff29;border:1px solid rgba(255,255,255,.3)}.ejv-play svg{width:26px;height:26px;fill:#fff;margin-left:3px}.ejv-video-url{font-size:13.5px;color:#ffffffd9;word-break:break-all;padding:0 24px}.ejv-audio{padding:16px 18px;border-radius:var(--ejv-radius);background:var(--ejv-vlak);border:1px solid var(--ejv-lijn)}.ejv-audio-titel{font-weight:600;margin-bottom:8px}.ejv-audio audio{display:block;width:100%}.ejv-kern{padding:18px 20px;border-radius:var(--ejv-radius);background:color-mix(in srgb,var(--ejv-primair) 7%,#fff);border-left:4px solid var(--ejv-primair)}.ejv-kern .ejv-label{color:var(--ejv-primair)}.ejv-scen{padding:20px;border-radius:var(--ejv-radius);background:var(--ejv-vlak);border:1px solid var(--ejv-lijn);border-top:4px solid var(--ejv-accent)}.ejv-scen .ejv-label{color:var(--ejv-accent)}.ejv-scen-titel{font-family:var(--ejv-font-kop);font-weight:700;font-size:18px;color:var(--ejv-donker);margin-bottom:8px}.ejv-scen-vraag{margin-top:14px;padding-top:14px;border-top:1px solid var(--ejv-lijn);font-weight:600}.ejv-kaart{padding:20px;border-radius:var(--ejv-radius);background:var(--ejv-vlak);border:1px solid var(--ejv-lijn)}.ejv-vraag .ejv-label{color:var(--ejv-gedempt)}.ejv-vraag-tekst{font-weight:600;font-size:18px;line-height:1.45;margin-bottom:12px}.ejv-hint{font-size:14px;color:var(--ejv-gedempt);margin:-6px 0 12px}.ejv-optie{display:flex;align-items:flex-start;gap:11px;width:100%;padding:12px 14px;margin-bottom:8px;border:1.5px solid var(--ejv-lijn);border-radius:calc(var(--ejv-radius) * .8 + 2px);background:var(--ejv-vlak);font-size:16px;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s}.ejv-optie:hover{border-color:color-mix(in srgb,var(--ejv-primair) 45%,#fff)}.ejv-rond,.ejv-vink{width:20px;height:20px;flex:none;margin-top:2px;border:1.5px solid color-mix(in srgb,var(--ejv-tekst) 45%,#fff);background:#fff;transition:border-color .15s,background .15s}.ejv-rond{border-radius:50%}.ejv-vink{border-radius:5px}.ejv-optie-tekst{flex:1;min-width:0}.ejv-optie[aria-checked=true]{border-color:var(--ejv-primair);background:color-mix(in srgb,var(--ejv-primair) 6%,#fff)}.ejv-optie[aria-checked=true] .ejv-rond{border-color:var(--ejv-primair);background:radial-gradient(var(--ejv-primair) 44%,#fff 48%)}.ejv-optie[aria-checked=true] .ejv-vink{border-color:var(--ejv-primair);background:var(--ejv-primair)}.ejv-vink{position:relative}.ejv-optie[aria-checked=true] .ejv-vink:after,.ejv-optie.is-juist .ejv-vink:after{content:"";position:absolute;left:5.5px;top:1.5px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.ejv-vraag.is-klaar .ejv-optie{cursor:default}.ejv-vraag.is-klaar .ejv-optie:hover{border-color:var(--ejv-lijn)}.ejv-optie.is-goed,.ejv-vraag.is-klaar .ejv-optie.is-goed:hover,.ejv-optie.is-juist{border-color:var(--ejv-goed);background:var(--ejv-goed-bg)}.ejv-optie.is-goed .ejv-rond,.ejv-optie.is-juist .ejv-rond{border-color:var(--ejv-goed);background:radial-gradient(var(--ejv-goed) 44%,#fff 48%)}.ejv-optie.is-goed .ejv-vink,.ejv-optie.is-juist .ejv-vink{border-color:var(--ejv-goed);background-color:var(--ejv-goed)}.ejv-optie.is-fout,.ejv-vraag.is-klaar .ejv-optie.is-fout:hover{border-color:var(--ejv-fout);background:var(--ejv-fout-bg)}.ejv-optie.is-fout .ejv-rond{border-color:var(--ejv-fout);background:radial-gradient(var(--ejv-fout) 44%,#fff 48%)}.ejv-optie.is-fout .ejv-vink{border-color:var(--ejv-fout);background-color:var(--ejv-fout)}.ejv-feedback{margin-top:4px;padding:12px 14px;border-radius:calc(var(--ejv-radius) * .8 + 2px);background:var(--ejv-goed-bg);color:#14532d;font-size:15.5px}.ejv-feedback.is-fout{background:var(--ejv-fout-bg);color:#7f1d1d}.ejv-knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:calc(var(--ejv-radius) * .8 + 2px);background:var(--ejv-primair);color:#fff;font-weight:600;font-size:15.5px;transition:filter .15s,transform .1s}.ejv .ejv-knop{color:#fff}.ejv-knop:hover{filter:brightness(1.12)}.ejv-knop:active{transform:translateY(1px)}.ejv-knop[disabled]{opacity:.45;cursor:not-allowed;filter:none}.ejv .ejv-knop-licht{background:var(--ejv-vlak);color:var(--ejv-primair);box-shadow:inset 0 0 0 1.5px var(--ejv-lijn)}.ejv-controleer{margin-top:4px}.ejv-controleer+.ejv-feedback{margin-top:12px}.ejv-toets-kop{margin-bottom:18px}.ejv-toets-intro{margin-top:6px}.ejv-toets-info{margin-top:6px;font-size:15px;color:var(--ejv-gedempt)}.ejv-toets .ejv-kaart{margin-bottom:16px}.ejv-toets-voet{display:flex;gap:10px;flex-wrap:wrap}.ejv-resultaat{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:24px;margin-bottom:18px;border-radius:var(--ejv-radius);background:var(--ejv-donker);color:#fff}.ejv-ring{--p: 0;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ejv-accent) calc(var(--p) * 1%),rgba(255,255,255,.18) 0)}.ejv-ring b{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--ejv-donker);font-size:25px;font-weight:800}.ejv .ejv-resultaat h3{color:#fff;font-size:22px;margin-bottom:4px}.ejv-resultaat p{color:#fffc;font-size:15.5px}.ejv-tabel{overflow-x:auto;border-radius:var(--ejv-radius);border:1px solid var(--ejv-lijn);background:var(--ejv-vlak)}.ejv-tabel table{width:100%;border-collapse:collapse;font-size:15.5px}.ejv-tabel th,.ejv-tabel td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ejv-lijn)}.ejv-tabel th{background:var(--ejv-primair);color:#fff;font-weight:600}.ejv-tabel tr:last-child td{border-bottom:0}.ejv-uitklap{border:1px solid var(--ejv-lijn);border-radius:var(--ejv-radius);background:var(--ejv-vlak);overflow:hidden}.ejv-uitklap-item+.ejv-uitklap-item{border-top:1px solid var(--ejv-lijn)}.ejv-uitklap-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font-weight:600;cursor:pointer}.ejv-pijl{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.ejv-uitklap-item.is-open .ejv-pijl{transform:rotate(180deg)}.ejv-uitklap-inhoud{display:none;padding:0 18px 16px}.ejv-uitklap-item.is-open .ejv-uitklap-inhoud{display:block}.ejv-bestand{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--ejv-radius);background:var(--ejv-vlak);border:1px solid var(--ejv-lijn);text-decoration:none;color:var(--ejv-tekst);transition:border-color .15s}.ejv a.ejv-bestand{color:var(--ejv-tekst)}.ejv a.ejv-bestand:hover{border-color:var(--ejv-primair)}.ejv-bestand-ic{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--ejv-primair) 9%,#fff)}.ejv-bestand-ic svg{width:22px;height:22px;fill:none;stroke:var(--ejv-primair);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ejv-bestand-tekst b{display:block;font-weight:600}.ejv-bestand-tekst small{display:block;font-size:13.5px;color:var(--ejv-gedempt);text-transform:uppercase;letter-spacing:.03em}.ejv-lijn{border:0;height:1px;background:var(--ejv-lijn);margin:6px 0}.ejv-ruimte{height:32px}.ejv-html{overflow-x:auto}.ejv-leeg{padding:28px 20px;border:1.5px dashed var(--ejv-lijn);border-radius:var(--ejv-radius);text-align:center;color:var(--ejv-gedempt);font-size:15px;background:color-mix(in srgb,var(--ejv-tekst) 2%,#fff)}.ejv-plaatshouder{padding:16px 18px;border:1.5px dashed #d9a441;border-radius:var(--ejv-radius);background:#fffbf1;color:#5e3a00;font-size:15px}.ejv-plaatshouder b{display:block;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase}.ejv-stappen{display:flex;justify-content:space-between;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--ejv-lijn)}.ejv-stappen span{flex:1}.ejv-klaar{margin-top:28px;padding:16px 18px;border-radius:var(--ejv-radius);background:var(--ejv-goed-bg);color:#14532d;font-weight:600}@container ejv (max-width: 760px){.ejv-schil{grid-template-columns:minmax(0,1fr)}.ejv-menu{display:grid}.ejv-nav{position:fixed;z-index:40;top:0;left:0;bottom:0;width:min(300px,84%);height:auto;transform:translate(-102%);transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 40px #00000040;border-right:0}.ejv.is-menu-open .ejv-nav{transform:none}.ejv.is-menu-open .ejv-scrim{display:block;position:fixed;inset:0;z-index:30;background:#0f172a73;border:0;width:100%}.ejv-les{padding:28px 20px 56px}.ejv-les-titel{font-size:27px}}@container ejv (max-width: 520px){.ejv{font-size:16.5px}.ejv-top{padding:8px 14px;gap:10px;min-height:56px}.ejv-nav{top:0}.ejv-voortgang-tekst{display:none}.ejv-balk{width:56px}.ejv-merk img{height:28px;max-width:90px}.ejv-merk b{font-size:15px}.ejv-les{padding:24px 16px 48px}.ejv-les-titel{font-size:24px}.ejv-kop-1{font-size:21px}.ejv-kaart,.ejv-scen{padding:16px}.ejv-vraag-tekst{font-size:17px}.ejv-resultaat{grid-template-columns:1fr;justify-items:center;text-align:center}.ejv-stappen .ejv-knop{padding:10px 14px;font-size:15px}.ejv-tabel th,.ejv-tabel td{padding:9px 10px;font-size:14.5px}}@media(prefers-reduced-motion:reduce){.ejv *,.ejv *:before,.ejv *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.ejv-top,.ejv-nav,.ejv-stappen{display:none!important}.ejv-schil{display:block}}