:root{color-scheme:light;--paper: #ffffff;--grid: #dfe8f5;--ink: #16243f;--ink-soft: #55627c;--line: #16243f;--hairline: #c6d2e4;--marker: #ffe14d;--marker-ink: #16243f;--good: #0b7a5c;--bad: #b8431f;--info: #2c5fb3;--fill: #3b6fd1;--sheet: rgba(255, 255, 255, .92);--cell: 28px;--sans: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--math: "STIX Two Text", "Cambria Math", Cambria, Georgia, serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper: #14213a;--grid: #1f2f4e;--ink: #eef3fb;--ink-soft: #a7b5cd;--line: #eef3fb;--hairline: #3a4d70;--marker: #ffe14d;--marker-ink: #16243f;--good: #5ad3ae;--bad: #ff9a76;--info: #8db5f5;--fill: #7aa5ee;--sheet: rgba(20, 33, 58, .92)}}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:17px/1.55 var(--sans);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--cell) var(--cell)}.page{max-width:680px;margin:0 auto;padding:0 16px 80px}.top{display:flex;justify-content:space-between;align-items:center;height:56px}.brand{all:unset;cursor:pointer;font-weight:700;letter-spacing:-.01em}.brand:focus-visible{outline:2px solid var(--fill);outline-offset:3px}main{background:var(--sheet);padding:8px 0 24px}h1{font-size:32px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}h2{font-size:19px;margin:28px 0 8px}p{margin:0 0 14px}.eyebrow{font-size:14px;font-weight:600;color:var(--ink-soft);margin:0 0 10px}.note{color:var(--ink-soft);font-size:15px;margin-top:16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button{font:inherit;font-weight:600;color:var(--ink);background:transparent;border:1.5px solid var(--line);border-radius:3px;padding:9px 16px;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--fill);outline-offset:2px}button.primary{background:var(--marker);color:var(--marker-ink);border-color:var(--marker-ink)}button.primary:hover:not(:disabled){box-shadow:3px 3px 0 var(--line)}button.quiet{border-color:transparent;padding:9px 8px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;font-weight:500}button.quiet:hover{color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.frac-wrap{display:inline-flex;align-items:center;gap:.12em;font-family:var(--math);vertical-align:middle}.frac-whole{margin-right:.08em}.frac{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1;font-size:.86em}.frac-n{padding:0 .3em .08em;border-bottom:1.5px solid currentColor}.frac-d{padding:.08em .3em 0}.instruction{font-size:18px}.expr{font:34px/1.3 var(--math);margin:18px 0 24px;white-space:pre-wrap;overflow-wrap:anywhere}.expr.small{font-size:26px;margin:8px 0 10px}.answer-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}input:not([type]),input[id]{flex:1 1 200px;min-width:0;font:20px var(--math);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:3px;padding:9px 12px}input::placeholder{color:var(--ink-soft);font-family:var(--sans);font-size:16px}.preview{font:24px var(--math);min-width:44px}.msg{margin:14px 0 0;font-weight:500}.msg.good{color:var(--good);font-weight:700}.msg.bad{color:var(--bad)}.msg.info{color:var(--info)}.hint{margin:14px 0 0;padding-left:12px;border-left:3px solid var(--marker)}.steps{margin-top:14px}.steps ol,.worked{margin:0 0 8px;padding-left:22px}.steps li,.worked li{margin-bottom:8px}.steps-toggle{margin-top:12px;color:var(--ink-soft)}.steps-toggle .steps{color:var(--ink)}summary{cursor:pointer}.rule{background:linear-gradient(transparent 8%,var(--marker) 8%,var(--marker) 92%,transparent 92%);color:var(--marker-ink);font-weight:600;padding:8px 10px}.rule .frac-n{border-color:var(--marker-ink)}.bars{margin:6px 0 18px;display:grid;gap:10px}.bar-row{display:flex;align-items:center;gap:14px}.bar{display:flex;flex:1;height:26px;border:1.5px solid var(--line)}.bar span{flex:1;border-right:1px solid var(--line)}.bar span:last-child{border-right:0}.bar span.on{background:var(--fill)}.bar-label{font-size:20px;min-width:34px}ul.plain{margin:0 0 14px;padding-left:20px}.top-skip{margin-top:-4px}button.quiet.inline{padding:0}.prose>p{max-width:62ch}.example{margin:18px 0 22px;padding:14px 0 12px 16px;border-left:3px solid var(--fill)}.example figcaption{font-size:14px;font-weight:600;color:var(--ink-soft);margin-bottom:8px}.example-expr{font:24px/1.35 var(--math);margin:0 0 12px}.example ol{margin:0;padding-left:22px}.example li{margin-bottom:12px}.example-math{display:block;font:19px/1.6 var(--math);margin-top:4px;overflow-wrap:anywhere}.example-answer{font-weight:700;margin:8px 0 0}.explorer,.picture{margin:20px 0;padding:14px;border:1.5px solid var(--line);background:var(--paper)}.explorer figcaption,.picture figcaption{font-size:14px;font-weight:700;margin-bottom:12px}.explorer-say{margin:12px 0 0;min-height:3em}.explorer>button{margin-top:2px}.actions.tight{margin-top:12px}.controls{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:14px}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper-label{font-size:14px;color:var(--ink-soft);margin-right:4px}.stepper button{width:36px;height:36px;padding:0;font-size:19px;line-height:1}.stepper button.picked{background:var(--fill);color:var(--paper);border-color:var(--fill)}.stepper output{min-width:34px;text-align:center;font:19px var(--math)}.bar .on2{background:var(--marker)}.bar span.whole-end{border-right:3px solid var(--line)}.bars .bar,.bars .bar span{min-width:0}.numgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;font-size:14px;font-variant-numeric:tabular-nums}.numgrid span{display:grid;place-items:center;aspect-ratio:1;color:var(--ink-soft);border:1px solid var(--grid)}.numgrid .a{background:linear-gradient(90deg,color-mix(in srgb,var(--fill) 38%,transparent) 50%,transparent 50%);color:var(--ink);font-weight:600}.numgrid .b{background:linear-gradient(90deg,transparent 50%,color-mix(in srgb,var(--fill) 38%,transparent) 50%);color:var(--ink);font-weight:600}.numgrid .a.b{background:var(--fill);color:var(--paper)}.numgrid .first{background:var(--marker);color:var(--marker-ink);border:2px solid var(--marker-ink);font-weight:700}.legend{font-size:13px;color:var(--ink-soft);margin:10px 0 0}.key{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-left:8px;border:1px solid var(--hairline)}.key:first-child{margin-left:0}.key.a{background:linear-gradient(90deg,color-mix(in srgb,var(--fill) 38%,transparent) 50%,transparent 50%)}.key.b{background:linear-gradient(90deg,transparent 50%,color-mix(in srgb,var(--fill) 38%,transparent) 50%)}.key.ab{background:var(--fill)}.key.first{background:var(--marker);border-color:var(--marker-ink)}.pies{display:flex;flex-wrap:wrap;gap:8px}.pie path,.pie circle{fill:transparent;stroke:var(--line);stroke-width:1.25}.pie .on{fill:var(--fill)}.area-grid{display:grid;width:min(280px,100%);aspect-ratio:4 / 3;border:1.5px solid var(--line)}.area-grid span{border:.5px solid var(--line)}.area-grid .row{background:color-mix(in srgb,var(--fill) 26%,transparent)}.area-grid .col{background:color-mix(in srgb,var(--marker) 45%,transparent)}.area-grid .both{background:var(--fill)}.line{display:block;width:100%;max-width:520px;height:auto}.line line{stroke:var(--line);stroke-width:1.25}.line text{fill:var(--ink);font:13px var(--sans)}.line .hop{fill:none;stroke:var(--fill);stroke-width:2}.line .hop.part{stroke-dasharray:4 3}.line .hop.strong{stroke-width:3}.line .target{stroke:var(--bad);stroke-width:2}.line .start{fill:var(--paper);stroke:var(--line);stroke-width:2}.line .end{fill:var(--fill)}.dot-groups{display:flex;flex-wrap:wrap;gap:8px}.dot-group{display:grid;grid-template-columns:repeat(4,12px);gap:4px;padding:7px;border:1.5px solid var(--hairline)}.dot-group i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-soft)}.dot-group.on{border-color:var(--line)}.dot-group.on i{background:var(--fill);border-color:var(--fill)}.walk-expr{font:26px/1.5 var(--math);margin:4px 0 0;overflow-wrap:anywhere}.walk-expr mark{background:var(--marker);color:var(--marker-ink);padding:2px 6px}.model{display:grid;gap:6px}.model-row{display:flex;gap:0}.model-row b{display:grid;place-items:center;min-height:36px;font-size:14px;font-weight:600;border:1.5px solid var(--line);margin-left:-1.5px}.model-row b:first-child{margin-left:0}.model-row .spent{background:repeating-linear-gradient(135deg,var(--hairline) 0 4px,transparent 4px 8px)}.model-row .keep{background:var(--fill);color:var(--paper)}.model-row .ghost{border-color:transparent}.watch{margin:20px 0;padding:12px 14px;border:1.5px solid var(--bad)}.watch strong{color:var(--bad)}.watch p{margin:4px 0 0}.ask{margin:20px 0;padding:12px 14px;border:1.5px dashed var(--hairline)}.ask summary{display:flex;flex-direction:column;gap:2px;list-style:none}.ask summary::-webkit-details-marker{display:none}.ask summary span:after{content:"  Bekijk het antwoord";color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;font-size:15px}.ask[open] summary span:after{content:""}.ask p{margin:10px 0 0}.practice-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.practice-head .eyebrow{margin:0}.practice-head button{margin-left:auto}.dots{display:inline-flex;gap:4px}.dots i{width:12px;height:12px;border:1.5px solid var(--line)}.dots i.on{background:var(--fill)}.next{padding-bottom:8px}.route-title{display:flex;justify-content:space-between;align-items:baseline;margin-top:32px}.route-title span{font-size:15px;font-weight:500;color:var(--ink-soft)}.route{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--line)}.stop{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--hairline);padding:4px 0}.stop-n{flex:none;width:28px;height:28px;display:grid;place-items:center;border:1.5px solid var(--line);font-size:14px;font-weight:600}.stop.known .stop-n{background:var(--fill);color:var(--paper);border-color:var(--fill)}.stop.locked{color:var(--ink-soft)}.stop.locked .stop-n{border-color:var(--hairline)}.stop-main{all:unset;flex:1;min-width:0;display:flex;flex-direction:column;padding:6px 0;cursor:pointer}.stop-main:disabled{cursor:default}.stop-main:focus-visible{outline:2px solid var(--fill);outline-offset:2px}.stop-main:hover:not(:disabled) .stop-title{text-decoration:underline;text-underline-offset:3px}.stop-title{font-weight:600}.stop-state{font-size:14px;color:var(--ink-soft)}.stop-extra{flex:none;font-size:15px}.tutor-open{margin-top:18px;padding-left:0}.tutor{margin-top:24px;padding-top:14px;border-top:1px solid var(--hairline)}.tutor-note{font-size:14px;color:var(--ink-soft)}.bubble{padding:9px 12px;border:1px solid var(--hairline);background:var(--paper);margin-bottom:10px;max-width:92%;white-space:pre-wrap}.bubble.me{margin-left:auto;border-color:var(--line)}.bubble.wait{color:var(--ink-soft)}table.overview{width:100%;border-collapse:collapse;font-size:15px}.overview th,.overview td{text-align:left;padding:7px 8px 7px 0;border-bottom:1px solid var(--hairline)}.overview th{border-bottom:1.5px solid var(--line)}@media(max-width:480px){.expr{font-size:28px}h1{font-size:27px}}@media(prefers-reduced-motion:no-preference){button.primary{transition:box-shadow 90ms ease-out}}.g6-array{display:grid;gap:6px;width:fit-content;max-width:100%}.g6-array i{width:16px;height:16px;border-radius:50%;background:var(--fill)}.dot-group.g6-left{border-style:dashed;border-color:var(--bad)}.dot-group.g6-left i{background:var(--marker);border-color:var(--marker-ink)}.g6-blocks{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;min-height:40px}.g6-blocks span{display:flex;flex-wrap:wrap;gap:3px;max-width:170px}.g6-blocks i{display:block;border:1.5px solid var(--line);background:color-mix(in srgb,var(--fill) 38%,transparent)}.g6-blocks .g6-th{width:40px;height:40px;background:var(--fill)}.g6-blocks .g6-hu{width:26px;height:26px}.g6-blocks .g6-te{width:7px;height:26px}.g6-blocks .g6-un{width:7px;height:7px;background:var(--marker)}.g6-columns{display:grid;width:fit-content;font:24px/1.3 var(--math);font-variant-numeric:tabular-nums}.g6-columns span{display:grid;place-items:center;min-height:34px}.g6-columns .g6-small{min-height:20px;font-size:15px;color:var(--bad)}.g6-columns .g6-sum{border-top:2px solid var(--line)}.g6-columns .g6-now{background:var(--marker);color:var(--marker-ink)}.g6-clock{display:block;max-width:100%;height:auto}.g6-clock circle{fill:var(--paper);stroke:var(--line);stroke-width:1.5}.g6-clock text{fill:var(--ink);font:10px var(--sans)}.g6-clock line{stroke-linecap:round}.g6-clock .g6-hour{stroke:var(--line);stroke-width:4}.g6-clock .g6-minute{stroke:var(--fill);stroke-width:2.5}.g6-clock .g6-pin{fill:var(--line);stroke:none}.g6-split{display:flex;max-width:420px}.g6-split b{display:grid;place-items:center;min-width:52px;font-size:14px;font-weight:600;border:1.5px solid var(--line);margin-left:-1.5px;background:color-mix(in srgb,var(--fill) 26%,transparent)}.g6-split b:first-child{margin-left:0}.g6-split b+b{background:color-mix(in srgb,var(--marker) 45%,transparent)}.stepper button.g6-word{width:auto;padding:0 10px;font-size:15px}.g6-units{list-style:none;margin:0;padding:0;font:20px/1.6 var(--math)}.center{text-align:center;margin-top:30vh}.banner{max-width:680px;margin:8px auto 0;padding:0 16px}.page.wide{max-width:1040px}.photo{margin-top:22px;padding:14px;border:1.5px dashed var(--line);background:var(--paper)}.photo-ask{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.photo-ask>div{flex:1 1 240px}.photo-ask p{margin:2px 0 0;font-size:15px;color:var(--ink-soft)}.photo-preview{display:block;max-width:100%;max-height:260px;margin-top:12px;border:1px solid var(--hairline)}.photo-result{margin-top:12px}.work-lines{list-style:none;margin:0 0 12px;padding:0}.work-lines li{display:grid;gap:2px;padding:8px 0 8px 12px;border-left:3px solid var(--hairline);margin-bottom:6px}.work-lines li.ok{border-color:var(--good)}.work-lines li.error{border-color:var(--bad)}.work-mark{font-size:13px;font-weight:700;color:var(--ink-soft)}.work-lines li.ok .work-mark{color:var(--good)}.work-lines li.error .work-mark{color:var(--bad)}.work-written{font:20px/1.5 var(--math);overflow-wrap:anywhere}.work-note{font-size:15px}.children{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:start}.child{background:var(--paper);border:1.5px solid var(--line);padding:18px}.child-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.child-head h2{margin:0;font-size:24px}.child-head span{font-size:14px;color:var(--ink-soft);text-align:right}.child-big{font-size:19px;font-weight:600;margin-bottom:6px}.meter{height:12px;border:1.5px solid var(--line);margin-bottom:16px}.meter i{display:block;height:100%;background:var(--fill)}.child-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0 0 16px}.child-facts dt{font-size:13px;color:var(--ink-soft)}.child-facts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.child h3{font-size:16px;margin:16px 0 6px}.child-flag{margin:14px 0;padding:10px 12px;border-left:3px solid var(--marker)}.child-flag ul{margin:4px 0 0}.child-more{margin-top:14px}.child-more .overview{margin-top:10px}.activity{margin:0 0 14px}.activity figcaption{font-size:14px;color:var(--ink-soft);margin-bottom:8px}.activity-bars{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;height:56px;border-bottom:1.5px solid var(--line)}.activity-day{display:flex;align-items:flex-end;height:100%}.activity-day i{display:block;width:100%;background:var(--fill)}.activity-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin:4px 0 0}.given{margin:0 0 16px;padding:10px 12px;border-left:3px solid var(--fill)}.given-title{font-size:15px;font-weight:600;margin:0 0 6px}.given ol{margin:0;padding-left:22px}.given li{margin-bottom:6px}.dev-login{margin-bottom:28px;padding:12px 14px;border:1.5px dashed var(--hairline);font-size:15px}.screen-nr{font:700 44px/1 var(--sans);margin:8px 0 20px;font-variant-numeric:tabular-nums}