@font-face{font-family:Nunito;src:url('assets/fonts/nunito-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/nunito-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/nunito-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/nunito-900.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:'Patrick Hand';src:url('assets/fonts/patrick-hand.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#354957;--muted:#5e707a;--blue:#496c80;--edge:#9aafba;--line:#d1dae0;--paper:#faf8f2;--sage:#e6ede1;--ochre:#f3e7cd;--pale-blue:#e5edf3;--plum:#eee5ed;--pen:'Patrick Hand','Trebuchet MS',sans-serif;--card:#fffdfa}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.7 Nunito,'Trebuchet MS',sans-serif}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;font:400 22px/1.25 var(--pen);border:1.2px solid #506d7c;border-radius:4px 7px 3px 6px;background:var(--blue);color:white;padding:10px 17px;box-shadow:2px 2px 0 #c6d3da}button:hover:not(:disabled){background:#395b70}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ac783e;outline-offset:4px}a{color:#426b80}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--pen);font-weight:400;letter-spacing:0}h1{font-size:44px;line-height:1.15;margin:12px 0 20px}h2{font-size:31px;line-height:1.25;margin:6px 0 16px}h3{font-size:26px;line-height:1.3;margin:5px 0 15px}header,main,footer{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}header{display:flex;gap:15px;flex-wrap:wrap;align-items:center;padding-top:23px;min-height:125px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:800;letter-spacing:-.5px;line-height:1.3}.brand strong{color:#486c80}.brand small{display:block;font:400 11px/1.5 Nunito,sans-serif;letter-spacing:.2px;color:var(--muted);margin-top:3px}.brand-icon{display:grid;place-items:center;width:42px;height:43px;font:400 30px/1 var(--pen);flex:none;border:1.2px solid #8da3ad;border-radius:5px 8px 4px 7px;transform:rotate(-2deg);background:#dfeaf0;box-shadow:2px 2px 0 #c9d7de}header nav{display:flex;gap:9px;flex-wrap:wrap;margin-left:auto}header nav button{font:600 12px/1.5 Nunito,sans-serif;border:1px solid #9eb0b9;border-radius:4px 6px 3px 5px;color:#4c6777;background:#fffdfa;box-shadow:1px 1px 0 #d7e0e4;padding:9px 12px}header nav button:hover:not(:disabled),header nav button[aria-current=page]{background:#e2eaf0;color:#3d5b6d}.lab-strip{flex-basis:100%;order:10;height:41px;display:flex;gap:10px;align-items:center;background:url('assets/rekenlijn.svg') left bottom/100% 18px no-repeat;padding-bottom:12px;margin-top:1px}.lab-strip i{flex:1}.lab-strip span{font:400 19px/1.25 var(--pen);color:#516778;background:#e3ebf1;border:1px solid #a3b2bb;border-radius:3px 5px 2px 4px;padding:1px 7px 3px;transform:rotate(-1deg)}.lab-strip span:nth-child(2),.lab-strip span:nth-last-child(2){background:var(--ochre);transform:rotate(1deg)}.lab-strip span:nth-child(3){background:var(--sage)}.lab-strip span:last-child{background:var(--plum)}main{padding-top:26px;padding-bottom:42px}.eyebrow{font:600 11px/1.7 Nunito,sans-serif;letter-spacing:.9px;color:#627d8c;margin:0 0 10px}.muted{font-size:13px;color:var(--muted);line-height:1.7}.quiet{font:600 13px/1.5 Nunito,sans-serif;color:#526d7d;background:#eef2f4;border:1px solid #acbdc7;border-radius:4px 6px 3px 5px;box-shadow:1px 1px 0 #d8e2e6;padding:9px 12px}.quiet:hover:not(:disabled){background:#e1eaf0}.text-button{font:600 12px/1.5 Nunito,sans-serif;border:0;background:transparent!important;color:#496c80;box-shadow:none;padding:4px 2px;text-decoration:underline;text-underline-offset:4px}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;background:#e6edf2;border:1.3px solid #9aadb7;border-radius:8px 13px 7px 11px / 12px 7px 11px 8px;box-shadow:3px 3px 0 #d0dce3;padding:28px;margin:0 0 29px}.hero>div{min-width:0}.hero h1{display:table;max-width:100%;font:400 46px/1.12 var(--pen);background:var(--ochre);border:1.2px solid #b4a786;border-radius:3px 7px 3px 5px;box-shadow:2px 2px 0 #dcd2bc;padding:10px 17px 15px;transform:rotate(-.5deg);margin:15px 0 22px}.hero h1 em{font:inherit;color:#517589}.hero p:not(.eyebrow){font-size:17px;line-height:1.75;color:#506674;margin-bottom:23px}.hero figure{border:1.2px solid #9aadb8;border-radius:5px 8px 4px 7px;box-shadow:2px 3px 0 #c1d0d9;background:#f5f1e6;overflow:hidden;margin:0}.hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hero figcaption{padding:9px 10px;font:400 11px/1.6 Nunito,sans-serif;text-align:center;background:#edf1f5;color:#597383;border-top:1px solid #bacbd5}.hero-tags{display:flex;gap:7px 16px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#5a7180}.hero-tags span:before{content:'✓ ';color:#5e7d8d}.start-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:27px 0 32px}.start-cards>div{padding:17px;background:var(--sage);border:1px solid #a9b69a;border-radius:5px 8px 4px 6px;box-shadow:1px 2px 0 #d9e1cf;font-size:14px;line-height:1.65;color:#5f7054}.start-cards>div:nth-child(2){background:var(--plum);border-color:#bca8bd;color:#745b77;box-shadow:1px 2px 0 #e2d4e2}.start-cards>div:nth-child(3){background:var(--ochre);border-color:#c5b389;color:#78663f;box-shadow:1px 2px 0 #e8ddc5}.start-cards b{display:block;font:400 25px/1.25 var(--pen);margin-bottom:8px}.section-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;padding-top:28px;background:url('assets/rekenlijn.svg') left top/100% 18px no-repeat}.section-heading h2{display:inline-block;background:#e5edf3;border:1px solid #a3b1bd;border-radius:4px 6px 3px 5px;padding:5px 14px 8px;box-shadow:2px 2px 0 #d7dee4;margin:0;font-size:31px}.counter{font-size:12px;color:var(--muted);background:#f2ecdd;border:1px solid #c3b798;border-radius:4px 7px 3px 6px;padding:8px 13px}.counter b{font:400 24px/1 var(--pen);margin-right:4px}.home-level{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:22px 0 30px}.home-level>div{display:flex;gap:12px;align-items:center}.home-level p{font-size:13px;color:var(--muted);margin:0;max-width:420px}.topic-section{margin-top:30px}.topic-section>h3{font-size:27px;color:#5e7683}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.topic-card{--tile:#e6edf3;position:relative;display:flex;flex-direction:column;text-align:left;background:#fffdfa;color:var(--ink);border:1.2px solid #a1b2bd;border-radius:5px 9px 4px 7px / 7px 4px 8px 5px;box-shadow:2px 3px 0 #d6e0e4;padding:18px;gap:8px;min-width:0;overflow:hidden}.topic-card:nth-child(4n+2){--tile:#e8eee1}.topic-card:nth-child(4n+3){--tile:#f2e5ce}.topic-card:nth-child(4n){--tile:#eee4ee}.topic-card:before{content:'';position:absolute;inset:0 0 auto;height:65px;background:var(--tile);border-bottom:1px solid #cad2d8}.topic-card>*{position:relative}.topic-card:hover:not(:disabled){background:#fffdfa;border-color:#58798d;box-shadow:3px 3px 0 #bdcfd9}.tile-icon{font:400 26px/1.2 var(--pen);min-height:39px;color:#587386}.topic-card strong{font:400 27px/1.15 var(--pen);margin-top:9px}.topic-card>span:not(.tile-icon){font:400 14px/1.65 Nunito,sans-serif;color:#607582;min-height:48px}.topic-card small{font:400 11px/1.5 Nunito,sans-serif;border-top:1px solid #dbe2e5;padding-top:11px;margin-top:auto;display:flex;align-items:center;justify-content:space-between}.topic-card small b{font-size:21px;color:#57798d}.teacher-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--ochre);border:1.2px solid #bfb18e;border-radius:6px 10px 5px 8px;box-shadow:2px 3px 0 #e2d8c2;padding:23px;margin:38px 0 0}.teacher-banner h2{margin:0 0 8px}.teacher-banner p{font-size:14px;color:#79694b;margin:0;max-width:580px}
label{display:block;font-size:14px;font-weight:600;margin:11px 0 7px}input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;min-width:0;border:1px solid #a5b6c0;border-radius:4px 6px 3px 5px;padding:10px 11px;background:#fffdfa;color:var(--ink);font:400 15px/1.5 Nunito,sans-serif}input[type=checkbox]{width:18px;height:18px;accent-color:#52788e;flex:none;margin:3px 0}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:400}.check input{margin-top:3px}.route-line{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:25px}.route-line>span:last-child{margin-left:auto}.practice-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.settings{font-size:14px;min-width:0}.settings h2{font-size:29px}.settings>button{margin:15px 0 0}details{margin:18px 0;border-top:1px solid #d4dde1;padding-top:12px}summary{cursor:pointer;font-size:14px;font-weight:600;color:#566f7e}details .muted{font-size:12px;margin:12px 0 0}.support-controls{display:flex;gap:6px;flex-direction:column;margin-top:10px}.support-controls .check{margin:4px 0}.table-picks{display:flex;gap:7px;flex-wrap:wrap;min-width:0;border:1px solid #bfccd4;border-radius:4px 7px 3px 6px;padding:11px 9px;margin:16px 0}.table-picks legend{font-size:13px;color:var(--muted)}.table-picks label{font:400 13px/1.5 Nunito,sans-serif;display:flex;gap:5px;align-items:center;padding:3px 5px;margin:0;background:#edf2f5;border:1px solid #cfdae0;border-radius:3px 5px 2px 4px}.table-picks input{width:16px;height:16px}.work-card,.print-panel,.rule-card{background:#fffdfa;border:1.3px solid #9aadb8;border-radius:6px 10px 5px 8px / 9px 5px 8px 6px;box-shadow:3px 3px 0 #d3dfe6;padding:28px;min-width:0}.mentor{display:flex;gap:13px;align-items:center;background:#eaf0f4;border:1px solid #b5c6d0;border-radius:5px 8px 4px 6px;box-shadow:1px 2px 0 #dfe8ee;padding:8px 15px 8px 0;margin-bottom:24px}.mentor img{display:block;width:108px;height:108px;object-fit:contain;flex:none;margin-left:5px}.mentor b{font:400 22px/1.3 var(--pen);color:#5d7d90}.mentor p{margin:5px 0 0;font-size:14px;line-height:1.7;color:#5d7483}.question{font:600 37px/1.5 Nunito,sans-serif;overflow-wrap:anywhere;letter-spacing:0;margin:15px 0 25px}.question.word-problem{font-size:23px;line-height:1.85}.split-wrap{background:#f4f0e4;border:1px solid #cfc09c;border-radius:5px 8px 4px 6px;padding:14px 18px;margin:18px 0}.split-wrap>p{font-size:13px;color:#76684b;margin:0 0 8px}.split-wrap small{display:block;font-size:12px;color:#807256;line-height:1.6}.split-tree{max-width:260px;margin:0 auto 10px;text-align:center;color:#597488}.split-tree .whole{display:inline-block;padding:5px 17px;border:1px solid #9bb0bb;background:#fffdfa;border-radius:5px;font-size:20px;font-weight:600}.split-tree svg{display:block;width:80%;height:35px;margin:auto}.parts{display:flex;justify-content:space-between;gap:28px}.parts>div{display:grid;place-items:center;flex:1;min-height:42px;border:1px solid #b0bd9f;border-radius:4px 6px 3px 5px;background:#edf2e4;font-size:20px}.parts input{border:0!important;text-align:center;background:transparent!important;padding:7px 4px!important;font-size:18px!important}.tree-instruction{font-size:13px;color:#776749;line-height:1.7;margin:-5px 0 18px}.step-fieldset{border:1px solid #c4d2dc;border-radius:4px 7px 3px 6px;padding:13px 15px;margin:20px 0}.step-fieldset legend{font:400 23px/1.3 var(--pen);color:#5b788d}.step-list{list-style:decimal;margin:5px 0 10px;padding-left:25px}.step-list li{font-size:15px;line-height:1.7;padding:5px 0 5px 3px}.step-list li>span{margin-right:6px}.step-list input{width:105px!important;padding:7px 10px!important;font-size:16px!important;display:inline-block}.answer-fields{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end;margin:20px 0 0}.number-field{max-width:240px;flex:1;min-width:120px;font-size:14px}.number-field input{display:block;margin-top:8px;font-size:24px!important;padding:10px 13px!important}.unit-label{padding-bottom:20px;font-size:16px}#answer-form>.muted{margin:8px 0 17px}.actions,.print-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px}.actions>button{font-size:22px}.actions>.quiet{font-size:12px}.feedback{font-size:14px;line-height:1.8;padding:11px 14px;min-height:25px;border-radius:4px 6px 3px 5px;margin:16px 0}.feedback:empty{padding:0;min-height:10px}.feedback.good{background:#e6efdf;color:#45603b;border:1px solid #a9bc97}.feedback.retry{background:#f7ead3;color:#806139;border:1px solid #d7c095}input[aria-invalid=true]{border:2px solid #a95c45!important;background:#fff4eb!important}.hint-panel,.notice{background:#f5eddd;border:1px solid #ccba94;border-radius:4px 7px 3px 6px;padding:14px 17px;margin:17px 0;font-size:14px;line-height:1.7;color:#786744}.hint-panel b,.notice b{font-weight:600}.hint-panel p,.notice p{margin:7px 0 0}.solution{background:#edf1e6;border:1px solid #b1c09f;border-radius:5px 8px 4px 7px;padding:21px;margin:20px 0}.solution>p{font-size:15px;line-height:1.8}.solution .solution-answer{font:600 19px/1.6 Nunito,sans-serif;overflow-wrap:anywhere}.bottom-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:url('assets/rekenlijn.svg') left top/100% 18px no-repeat;padding-top:27px;margin-top:24px}.bottom-nav span{font-size:12px;color:var(--muted)}.written{border:1px solid #ccd6de;border-radius:5px;padding:15px;margin:17px 0;background:#fcfcf9}.column-sum{font:23px/1.7 ui-monospace,Consolas,monospace;white-space:pre;text-align:right;max-width:300px;margin:15px auto}.column-result{border-top:1.5px solid #8295a1;min-height:45px}.written-scratch{font:18px/1.7 ui-monospace,Consolas,monospace!important;white-space:pre;resize:vertical;background-image:linear-gradient(#ccd8e055 1px,transparent 1px),linear-gradient(90deg,#ccd8e055 1px,transparent 1px)!important;background-size:24px 30.6px!important;min-height:150px}.scratch-label{font-size:12px}.squared-space{height:75px;background-image:linear-gradient(#ccd8e055 1px,transparent 1px),linear-gradient(90deg,#ccd8e055 1px,transparent 1px);background-size:20px 20px}.division-layout{display:flex;font:22px/1.8 ui-monospace,monospace;max-width:300px;margin:15px auto;gap:18px}.division-layout>div{display:flex;flex-direction:column;flex:1;border-left:1.5px solid #8295a1}.division-layout>div>span{padding:0 15px}.division-layout>div>span:first-child{border-bottom:1.5px solid #8295a1}.written ol{font-size:14px;padding-left:22px}.written li{margin:7px 0}.shift-visual{border:1px solid #b5c7d2;border-radius:5px 8px 4px 6px;padding:17px;background:#edf3f7;margin:18px 0}.shift-visual>div{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font:600 25px/1.5 Nunito,sans-serif}.shift-visual b{font-size:17px;color:#a07940;font-weight:600}.shift-visual p{font-size:13px;margin:10px 0 0;text-align:center;color:var(--muted)}.measure-help{border:1px solid #bcc9ac;background:#edf2e7;padding:13px 16px;border-radius:5px 8px 4px 6px;margin:18px 0;font-size:13px;color:#61714d}.measure-help p{margin:0 0 10px}.unit-ladder{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:13px 0}.unit-ladder span{padding:4px 7px;background:#fffdfa;border:1px solid #bdcbaa;border-radius:3px}.unit-ladder .from{background:#f2e4c6;border-color:#b9a375}.unit-ladder .to{background:#deebcf;border-color:#9cb580}.unit-ladder i{font-style:normal;color:#7f9271}.ratio-table{border-collapse:collapse;width:100%;margin:17px 0;font-size:14px}.ratio-table caption{font:400 23px/1.3 var(--pen);text-align:left;margin-bottom:8px}.ratio-table td,.ratio-table th{border:1px solid #c2cfda;padding:9px;text-align:center}.ratio-table th{font-weight:600;background:#edf2f6}.ratio-table td{background:#fffdfa}
.section-title{margin-bottom:26px}.section-title>p:last-child{max-width:760px;color:var(--muted);font-size:16px}.rule-nav{display:flex;gap:7px 12px;flex-wrap:wrap;margin:25px 0}.rule-nav a{font-size:12px;color:#5f7a8c;text-underline-offset:4px}.bunny-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.bunny-panel>div{background:var(--sage);border:1px solid #b2c09f;border-radius:5px 9px 4px 7px;padding:22px}.bunny-panel>div:nth-child(2){background:var(--plum);border-color:#c5acc7}.bunny-panel h2{font-size:29px}.bunny-panel p{font-size:15px}.bunny-eggs{font:600 23px/1.5 Nunito,sans-serif!important;margin:0}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.rule-card{padding:23px;margin-bottom:3px;scroll-margin-top:20px}.rule-card p{font-size:15px;line-height:1.85}.rule-example{background:#f5eedf;border:1px solid #d5c29b;border-radius:4px 6px 3px 5px;padding:13px 15px;font:600 17px/1.8 Nunito,sans-serif!important;color:#7c6844;overflow-wrap:anywhere}.rule-card .quiet{font-size:12px}.explorer-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.explorer-controls>.number-field{max-width:170px}.explorer-controls>label:not(.number-field){margin-right:-6px}.explorer-controls>select{width:auto;max-width:140px}.explorer-controls button{margin-bottom:7px}.sources{font-size:13px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.sources p{max-width:950px}.print-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:25px;align-items:start}.print-panel h2{font-size:30px;padding:8px 12px 10px;background:#e5edf4;border:1px solid #b5c6d2;border-radius:4px 6px 3px 5px;margin:0 0 19px}.print-panel:nth-child(2) h2{background:#f1e6ce;border-color:#cabc99}.print-presets{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.print-presets button{font-size:12px;padding:7px 10px}.batch-controls{background:#f3efe4;border:1px solid #c7bca1;border-radius:4px 6px 3px 5px;padding:12px;margin:17px 0;display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:8px}.batch-controls label{font-size:12px;font-weight:400;margin:0}.batch-controls input,.batch-controls select{font-size:13px!important;padding:7px!important}.batch-controls select{grid-column:2}.batch-controls button{grid-column:1 / -1;justify-self:start;font-size:12px;padding:7px 12px}.print-row{display:grid;grid-template-columns:minmax(100px,1fr) 63px 140px;gap:12px;border-bottom:1px solid #dde4e8;padding:11px 0;align-items:center}.print-row>label{font-size:11px;color:var(--muted);margin:0}.print-row>label.check{font-size:14px;color:var(--ink);font-weight:400;line-height:1.5}.print-row input[type=number]{padding:6px!important;font-size:13px!important}.print-row select{padding:6px!important;font-size:12px!important}.print-row:has([data-print-topic]:checked){background:#edf3f6;border-color:#b5c9d5;border-radius:3px 5px 2px 4px}.print-panel details>label{font-size:13px}.print-panel>input{font-size:14px}.print-panel>button#build-bundle{width:100%;margin-top:5px}.print-actions>button{width:100%}.print-actions .quiet{font-size:12px}.file-label{display:block;width:100%;background:#f1f4ed;border:1px solid #bac8ad;border-radius:4px 7px 3px 5px;padding:10px 12px;font-size:12px;font-weight:400}.file-label input{display:block;max-width:100%;font-size:11px;margin-top:5px}.preview{margin-top:30px}.preview>p{font-size:13px;color:var(--muted)}.preview ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-left:28px}.preview li{padding:12px;background:#fffdfa;border:1px solid #c6d3db;border-radius:5px;font-size:14px;line-height:1.7;margin-right:12px;break-inside:avoid}.preview-tag{display:block;font-size:10px;color:#718796;margin-bottom:4px}footer{font-size:12px;color:var(--muted);line-height:1.9;text-align:center;background:url('assets/rekenlijn.svg') left top/100% 18px no-repeat;padding-top:27px;padding-bottom:30px}#print-output{display:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shift-visual .comma-steps{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:14px;font:600 20px/1.6 Nunito,sans-serif}.comma-steps>span{background:#fffdfa;border:1px solid #c6d3dc;border-radius:4px;padding:2px 9px}.comma-steps i{font-style:normal;color:#9b7e46}.decimal-mark{color:#9e4d32;background:#f9e8d5;border-radius:3px;padding:0 2px;font-weight:800}
@media(max-width:1000px){.hero{gap:24px;padding:24px}.hero h1{font-size:40px}.hero p:not(.eyebrow){font-size:16px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-layout{grid-template-columns:205px minmax(0,1fr);gap:22px}.work-card{padding:24px}.print-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}.print-panel{padding:21px}.print-row{grid-template-columns:minmax(90px,1fr) 55px 120px;gap:8px}.print-row>label.check{font-size:13px}.mentor img{width:94px;height:94px}.question{font-size:32px}.question.word-problem{font-size:22px}}
@media(max-width:780px){header{padding:19px 22px 0;gap:13px}header nav{margin-left:0}main{padding:23px 22px 38px}.hero{grid-template-columns:1fr;padding:25px;gap:24px}.hero h1{font-size:45px}.hero figure{max-width:500px;width:100%;justify-self:start}.start-cards{gap:12px}.start-cards>div{padding:14px;font-size:13px}.start-cards b{font-size:23px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-layout{grid-template-columns:1fr;gap:22px}.settings{background:#f2efe5;border:1px solid #c9bea6;border-radius:5px 8px 4px 6px;padding:18px}.settings h2{margin-bottom:8px}.settings details{margin:14px 0}.support-controls{flex-direction:row;flex-wrap:wrap;gap:8px 17px}.print-layout{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr}.print-row{grid-template-columns:minmax(120px,1fr) 70px 190px;gap:13px}.print-row>label.check{font-size:14px}.preview ol{grid-template-columns:1fr}.home-level{gap:13px}.home-level p{max-width:none}.home-level>div{flex-wrap:wrap}.bunny-panel{gap:15px}.bunny-panel h2{font-size:27px}}
@media(max-width:520px){header{padding:17px 16px 0;gap:13px}.brand{font-size:22px}.brand small{font-size:10px}.brand-icon{width:40px;height:42px}header nav{width:100%;gap:8px}header nav button{font-size:12px;padding:8px 10px}.lab-strip{gap:7px;height:38px}.lab-strip span{font-size:18px;padding:1px 5px 3px}.lab-strip>span:nth-child(6){display:none}main{padding:20px 16px 35px}.hero{padding:22px 18px;gap:23px}.hero h1{font-size:38px;padding:10px 12px 14px;margin:13px 0 21px}.hero p:not(.eyebrow){font-size:16px}.hero>div>button{width:100%;font-size:22px}.hero-tags{font-size:11px;gap:6px 12px}.start-cards{grid-template-columns:1fr;gap:12px;margin:25px 0 29px}.start-cards>div{font-size:14px;padding:15px}.start-cards b{font-size:25px}.section-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}.section-heading h2{font-size:29px}.counter{font-size:11px;padding:7px 10px}.home-level label{font-size:14px;margin:0}.home-level select{font-size:14px;width:100%}.home-level>div{width:100%;gap:8px}.topic-grid{grid-template-columns:1fr;gap:17px}.topic-card{padding:20px;gap:9px}.topic-card strong{font-size:29px}.topic-card>span:not(.tile-icon){min-height:0;font-size:15px}.topic-card small{margin-top:9px}.teacher-banner{padding:21px 18px;gap:17px}.teacher-banner button{width:100%}.route-line{gap:10px;font-size:12px}.route-line>span:last-child{margin-left:0}.settings{padding:18px 15px}.work-card,.print-panel,.rule-card{padding:20px 15px}.mentor{gap:8px;padding-right:11px}.mentor img{width:82px;height:90px;margin-left:1px}.mentor b{font-size:21px}.mentor p{font-size:14px}.question{font-size:30px;line-height:1.6}.question.word-problem{font-size:21px;line-height:1.85}.split-wrap{padding:14px}.step-fieldset{padding:12px 11px}.step-list{padding-left:22px}.step-list li{font-size:14px}.step-list input{width:95px!important;margin-top:5px}.answer-fields{gap:10px}.number-field{min-width:100px}.number-field input{font-size:22px!important}.actions{gap:12px}.actions>button:first-child{width:100%}.actions>.quiet{font-size:12px}.bottom-nav{align-items:stretch;flex-direction:column;gap:12px}.bottom-nav button{font-size:23px}.solution{padding:17px 13px}.solution .solution-answer{font-size:17px}.written{padding:12px}.shift-visual{padding:14px}.shift-visual>div{font-size:22px;gap:13px}.shift-visual b{font-size:15px}.ratio-table td,.ratio-table th{padding:7px;font-size:12px}.ratio-table caption{font-size:22px}.bunny-panel{grid-template-columns:1fr;gap:16px}.bunny-panel>div{padding:19px}.bunny-panel h2{font-size:29px}.rule-card p{font-size:15px}.rule-card h2{font-size:29px}.explorer-controls{align-items:stretch;gap:9px}.explorer-controls>.number-field{max-width:none;flex-basis:100%}.explorer-controls>label:not(.number-field){align-self:center;font-size:13px}.explorer-controls>select{max-width:none;flex:1}.explorer-controls button{flex-basis:100%;margin:5px 0}.print-row{grid-template-columns:minmax(100px,1fr) 58px 116px;gap:8px}.print-row>label.check{font-size:13px;gap:6px}.print-row input[type=checkbox]{width:16px;height:16px}.print-row select{font-size:11px!important}.print-panel h2{font-size:28px}.print-panel>button#build-bundle{font-size:23px}.preview li{font-size:14px}.preview-tag{font-size:10px}footer{font-size:11px}}
@media(max-width:360px){.print-row{grid-template-columns:minmax(90px,1fr) 55px}.print-row>label:last-child{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin:3px 0 0 22px}.print-row>label:last-child select{flex:1;width:auto}.hero h1{font-size:34px}.lab-strip{gap:5px}.brand small{max-width:220px}.question{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
 @page{size:A4 portrait;margin:11mm 12mm}html,body{margin:0;padding:0;background:white;color:#111;font:10.5pt/1.45 Arial,sans-serif}body>header,body>main,body>footer,#announcer{display:none!important}#print-output{display:block!important}#print-output h1{overflow-wrap:anywhere;font:bold 19pt/1.2 Arial,sans-serif;letter-spacing:0;margin:0 0 3mm}#print-output h2{font:bold 13pt/1.3 Arial,sans-serif;margin:0 0 2mm}#print-output p{margin:2mm 0}.paper-meta{font-size:9pt;border-bottom:1px solid #777;padding-bottom:3mm}.paper-exercises{display:grid;grid-template-columns:1fr 1fr;gap:4mm 7mm;align-items:start;margin-top:4mm}.paper-task{break-inside:avoid;page-break-inside:avoid;border-bottom:1px solid #b8b8b8;padding:1mm 0 3mm;min-width:0}.paper-task-heading{display:flex;gap:2mm;font:600 11pt/1.55 Arial,sans-serif;overflow-wrap:anywhere}.paper-task-heading>b{flex:none}.paper-task-heading>span{min-width:0}.paper-task p{font-size:9pt}.paper-task .split-wrap{padding:2mm 0;margin:2mm 0;background:white;color:black;border:0;box-shadow:none}.paper-task .split-wrap>p{font:9pt Arial,sans-serif;margin:0 0 1mm}.paper-task .split-wrap small{display:none}.paper-task .split-tree{max-width:42mm;margin:0 auto 1mm;color:black}.paper-task .whole{font:11pt Arial,sans-serif;padding:1mm 3mm;border:1px solid #666;background:white;border-radius:1mm}.paper-task .split-tree svg{height:6mm}.paper-task .parts{gap:5mm}.paper-task .parts>div{font:11pt Arial,sans-serif;min-height:7mm;border:1px solid #888;border-radius:1mm;background:white}.blank-box{display:block;min-width:10mm;min-height:5mm}.paper-task .tree-instruction{font:8pt/1.4 Arial,sans-serif;color:#333;margin:1mm 0}.paper-task .step-list{padding-left:5mm;margin:2mm 0}.paper-task .step-list li{font:9pt/1.5 Arial,sans-serif;padding:1mm 0}.paper-task .answer-line{display:inline-block;min-width:15mm;height:4mm;border-bottom:1px dotted #777}.paper-task .final-paper-answer{font:9pt/1.5 Arial,sans-serif;margin-top:3mm!important}.paper-task .work-space{height:5mm}.paper-task.extra-space .work-space{height:19mm}.paper-task .ratio-table{margin:2mm 0;font-size:8pt;break-inside:avoid}.paper-task .ratio-table caption{font:9pt Arial,sans-serif}.paper-task .ratio-table td,.paper-task .ratio-table th{font:8pt Arial,sans-serif;padding:1mm;color:#111;border-color:#888;background:white}.paper-task .written{border:1px solid #aaa;padding:2mm;margin:2mm 0;background:white}.paper-task .written .muted{font:8pt/1.4 Arial,sans-serif;color:#222}.paper-task .column-sum,.paper-task .division-layout{font-size:12pt;max-width:60mm;margin:2mm auto}.paper-task .column-result{min-height:7mm}.paper-task .squared-space{height:14mm;background-size:4mm 4mm;background-image:linear-gradient(#ddd 1px,transparent 1px),linear-gradient(90deg,#ddd 1px,transparent 1px);print-color-adjust:exact}.paper-task .written ol{font:8pt/1.4 Arial,sans-serif;padding-left:4mm}.paper-task .written li{margin:1mm 0}.paper-answers,.paper-rules{break-before:page;page-break-before:always}.paper-answers .paper-task{font-size:9pt}.paper-answers .paper-task-heading{font-size:10pt}.paper-answers .paper-task>p{font:8.5pt/1.45 Arial,sans-serif}.paper-rule{break-inside:avoid;margin:4mm 0}.paper-rule p{font:10pt/1.5 Arial,sans-serif}button{display:none!important}h1,h2{break-after:avoid}
}
/* Eerst begrijpen: één concrete handeling per scherm. */
.lesson-card{max-width:820px;margin:0 auto;background:#fffdfa;border:1.3px solid #9aadb8;border-radius:6px 10px 5px 8px;box-shadow:3px 3px 0 #d3dfe6;padding:32px}.lesson-card h1{font-size:40px}.lesson-copy{font-size:21px;line-height:1.8;max-width:650px}.lesson-art{min-height:220px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:23px 0}.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #d9e2e7}.lesson-card>.text-button{margin-top:20px}.lesson-count{text-align:center;font-size:18px;color:#4a6c7c}.pizza-picture{display:block;width:240px;height:240px;max-width:100%;flex:none}.pizza-slice{fill:#f5edda;stroke:#9b784e;stroke-width:1.5;stroke-linejoin:round}.pizza-slice.chosen{fill:#edb15e}.pizza-slice[role=button]{cursor:pointer}.pizza-slice[role=button]:focus{outline:none;stroke:#355f78;stroke-width:4}.pizza-compare{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.pizza-compare figure{margin:0;text-align:center}.pizza-compare .pizza-picture{width:200px;height:200px}.fraction-label{font:600 44px/1.3 Nunito,sans-serif;min-width:160px}.fraction-label span{display:block}.fraction-label small{font-size:14px;font-weight:400;display:inline-block;max-width:190px;vertical-align:middle;margin-left:8px}.fraction-label hr{width:55px;margin:8px 0;border:0;border-top:2px solid #61798a}.pizza-exercise{margin:20px auto;text-align:center}.pizza-exercise .pizza-picture{margin:auto}.pizza-exercise figcaption{font-size:14px;margin:12px 0;color:#6e7d84}.counting-blocks{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:400px}.count-block{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border:1.2px solid #7c9ca8;border-radius:5px 7px 3px 6px;background:#dbeaf0;color:#355e74;font:600 17px/1 Nunito,sans-serif;box-shadow:2px 2px 0 #c3d6df;padding:0}.count-block.taken-away{background:#f5ece6;color:#bc694a;border-style:dashed;box-shadow:none;opacity:.65;font-size:28px}.count-block[aria-pressed=true]{background:#dceac9;border-color:#8eab6e;color:#43633b}.count-block:hover:not(:disabled){background:#dceac9}.block-groups{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.block-groups .counting-blocks{max-width:235px}.toy-box{background:#f3ead6;border:1.2px solid #c0a67b;border-radius:5px 8px 4px 6px;padding:18px}.concrete-picture{background:#f3f6f5;border:1px solid #c4d3d8;border-radius:5px 8px 4px 6px;padding:18px;margin:20px 0}.concrete-picture>p{font-size:16px}.concrete-picture>.counting-blocks{margin:auto}.concrete-picture #count-status{font-size:14px;margin:15px 0 0}.hundred-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:280px}.hundred-grid i{display:block;aspect-ratio:1;border:1px solid #a8bdc8;background:#f8fbfc}.hundred-grid .painted{background:#e5b576}.simple-ruler{display:flex;justify-content:space-between;gap:20px;background:repeating-linear-gradient(90deg,#d1a869 0,#d1a869 1px,transparent 1px,transparent 8px) left bottom/100% 18px no-repeat;background-color:#f6e8c9;border:1px solid #b79d6e;padding:15px 14px 25px;width:380px;max-width:100%;font-size:14px}.numberline{padding:20px 0;border-bottom:2px solid #8c9ead;font:600 24px/1.6 Nunito,sans-serif}.large-example{font:600 38px/1.8 Nunito,sans-serif;text-align:center}.egg-zero{display:inline-block;border:1px solid #c39454;border-radius:50%;background:#f8e1ae;padding:0 5px;line-height:1.4;color:#7e653b;margin:0 2px}.egg-zero.removed{text-decoration:line-through;background:#f2e8de;opacity:.6}.bunny-note{grid-column:1 / -1;background:#fffdfa;border:1px solid #c2d0d9;padding:18px;border-radius:5px;font-size:16px}.rule-steps{white-space:pre-line;line-height:2!important;font-size:17px!important}.tree-caption{font-size:15px!important;margin:13px 0 0!important;color:#637449}.step-list li{padding:12px 0!important}.step-words{display:block;font-size:16px;color:#4b687a;margin-bottom:5px}.step-sum{display:block;font-size:19px;line-height:1.9}.trace-block{background:#fffdfa;border:1px solid #bdccae;border-radius:5px;padding:17px;margin:20px 0}.trace-block>p{font-size:14px;color:#677b55}.trace-block>div{font:600 24px/1.8 Nunito,sans-serif;overflow-wrap:anywhere}.measure-help h2{font-size:27px;margin-bottom:13px}.conversion-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:16px 0;font:400 17px/1.6 Nunito,sans-serif;color:#405e70}.conversion-table caption{font-size:14px;text-align:left;margin:5px 0}.conversion-table th,.conversion-table td{border:1px solid #9fb8c5;padding:10px 3px;text-align:center;overflow-wrap:anywhere}.conversion-table th{background:#e8f0f4;font-weight:600}.conversion-table td{background:#fffdfa;height:49px}.conversion-table .from{background:#f5e6c8}.conversion-table .to{background:#e0edcc}.table-hops{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.table-hops span{font-size:13px;padding:4px 8px;background:#fffdfa;border:1px solid #c3cdb3;border-radius:4px}.conversion-action{font-size:16px!important;line-height:1.8}.parts{gap:12px}.parts>div{min-width:0}.settings>details{margin-top:16px}.settings>details .muted{font-size:12px}.topic-section:has(.topic-grid:empty){display:none}
@media(max-width:520px){.lesson-card{padding:23px 17px}.lesson-card h1{font-size:33px}.lesson-copy{font-size:19px}.lesson-art{min-height:190px;padding:20px 0}.pizza-picture{width:210px;height:210px}.pizza-compare .pizza-picture{width:165px;height:165px}.pizza-compare{gap:16px}.pizza-compare>b{flex-basis:100%;text-align:center;order:0}.lesson-nav{align-items:stretch;flex-direction:column}.lesson-nav>button{font-size:23px}.count-block{width:34px;height:34px;min-width:34px}.counting-blocks{gap:8px}.block-groups{gap:14px}.concrete-picture{padding:16px 12px}.trace-block>div{font-size:21px}.step-words{font-size:15px}.step-sum{font-size:18px}.bunny-note{padding:16px}.conversion-table{font-size:15px}.conversion-table th,.conversion-table td{padding:8px 2px}.table-hops span{font-size:12px}.large-example{font-size:31px}}
@media print{.pizza-exercise{margin:2mm auto}.pizza-picture{width:38mm;height:38mm;margin:auto}.pizza-exercise figcaption{font:8pt/1.4 Arial,sans-serif}.counting-blocks{gap:1.3mm;max-width:70mm}.count-block{width:5mm;height:5mm;min-width:5mm;border-radius:1mm;box-shadow:none;font-size:9pt;background:white;color:black}.taken-away{color:#555}.concrete-picture{padding:2mm;border:1px solid #bbb;background:white;margin:2mm 0}.concrete-picture>p{font:8pt/1.4 Arial,sans-serif}.block-groups{gap:2mm}.block-groups .counting-blocks{max-width:35mm}.measure-help{background:white;padding:2mm;border:1px solid #aaa;margin:2mm 0;color:black}.measure-help h2{font:10pt Arial,sans-serif!important;margin-bottom:1mm}.measure-help p{font:8pt/1.5 Arial,sans-serif!important}.conversion-table{font:9pt Arial,sans-serif;margin:2mm 0}.conversion-table th,.conversion-table td{padding:1mm;height:7mm;background:white!important;border:1px solid #888}.conversion-table caption{font:8pt Arial,sans-serif}.table-hops{gap:1mm;margin:1mm 0}.table-hops span{font:7pt Arial,sans-serif;padding:1mm;border-color:#aaa}.step-words{font:8pt/1.4 Arial,sans-serif;margin:0 0 1mm}.step-sum{font:9pt/1.5 Arial,sans-serif}.paper-rule p{white-space:pre-line}.parts{gap:2mm}.parts>div{min-width:0}}
.counting-blocks{display:grid;grid-template-columns:repeat(var(--columns,5),40px);width:max-content;max-width:100%}.last-action{padding:14px 17px;background:#f4ecdc;border:1px solid #cfbf9e;border-radius:5px;font-size:17px;line-height:1.9}.topic-section{margin-bottom:24px}#show-all-topics{margin-top:8px}.bunny-panel p{line-height:1.85}
@media(max-width:520px){.counting-blocks{grid-template-columns:repeat(var(--columns,5),34px)}.last-action{font-size:16px;padding:13px}}
@media print{.counting-blocks{grid-template-columns:repeat(var(--columns,5),5mm)}.last-action{font:9pt/1.5 Arial,sans-serif;padding:2mm}}
/* Wiskundige tekens midden op de getekende scheidingslijnen. */
@media screen{.lab-strip,footer,.section-heading,.bottom-nav{position:relative}.lab-strip::after,footer::before,.section-heading::before,.bottom-nav::before{content:'+ − × :';position:absolute;left:50%;transform:translateX(-50%);display:block;white-space:nowrap;padding:0 11px;background:var(--paper);color:#647f8f;font:600 16px/19px Nunito,sans-serif;letter-spacing:4px;pointer-events:none}.lab-strip::after{bottom:-2px}footer::before,.section-heading::before{top:-1px}.bottom-nav::before{top:-1px;background:var(--card)}@media(max-width:520px){.lab-strip::after,footer::before,.section-heading::before,.bottom-nav::before{font-size:14px;letter-spacing:3px;padding:0 8px}}}
.browse-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:24px 0 12px}.browse-controls>label{margin:0;font-size:14px}.browse-controls>select{width:auto;min-width:220px}.browse-modes{display:flex;gap:9px;flex-wrap:wrap}.browse-modes button[aria-pressed=true]{background:#dce8f0;border-color:#7899ad}.row-more{grid-column:1 / -1;display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 3px 27px}.row-more .quiet{font-size:11px;padding:5px 8px}.row-more .text-button{font-size:11px}.paper-grade{display:block;font-size:10px;color:#647a87;line-height:1.5;margin:1px 0 3px}.math-diagram{margin:20px 0;text-align:center}.math-diagram>svg{display:block;max-width:100%;width:380px;height:auto;margin:auto}.math-diagram figcaption{font-size:12px;color:#718590;margin-top:10px}.choice-answers{display:grid;gap:10px;width:100%}.choice-answers>button{font:400 17px/1.7 Nunito,sans-serif;text-align:left;color:#496e83;background:#eef3f6;border-color:#a6bbc8;box-shadow:1px 1px 0 #d5e0e8}.choice-answers>button[aria-pressed=true]{background:#dfeccf;border-color:#8eaa72}.choice-answers>button:hover:not(:disabled){background:#e0ebf1}.batch-controls{grid-template-columns:minmax(0,1fr) minmax(120px,160px)}.batch-controls input{max-width:80px;justify-self:end}
@media(max-width:520px){.browse-controls{align-items:stretch;flex-direction:column}.browse-controls>select{width:100%}.browse-modes>button{flex:1;font-size:12px}.row-more{margin-left:22px}.math-diagram>svg{width:300px}.choice-answers>button{font-size:16px}}
@media print{.paper-grade{font:7pt Arial,sans-serif;color:#555;display:block;margin:0 0 1mm}.math-diagram{margin:2mm 0}.math-diagram>svg{width:70mm;height:auto;max-height:45mm}.math-diagram figcaption{font:7pt Arial,sans-serif}.math-diagram .ratio-table{font-size:8pt}}
/* Brede actiescènes op de oefentegels, zoals in Lees en Doe LAB. */
@media screen{.topic-card::before{display:none}.topic-card .tile-image{position:relative;display:block;width:calc(100% + 36px);height:120px;min-height:120px;margin:-18px -18px 8px;padding:0;overflow:hidden;border-bottom:1px solid #becdd5;background:#e6edf2}.tile-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tile-mark{position:absolute;left:10px;bottom:8px;display:grid;place-items:center;min-width:32px;height:32px;padding:0 7px;color:#42687c;background:#fffdf9eb;border:1px solid #b2c2cc;border-radius:4px 7px 3px 6px;font:400 24px/1 var(--pen)}.topic-card strong{margin-top:0}@media(max-width:520px){.topic-card .tile-image{width:calc(100% + 40px);margin:-20px -20px 9px;height:135px;min-height:135px}.tile-mark{left:12px;bottom:9px}}}

/* Onderwerpgerichte uitleg: geen decoratieve standaardblokjes. */
.set-diagram{display:block;width:min(100%,540px);height:auto;margin:16px auto;font-family:Nunito,sans-serif;font-size:21px}.concept-example{width:min(100%,650px);margin:16px auto;padding:18px;border:1px solid #ccd4cf;border-radius:12px;background:#fafaf5;text-align:center;box-sizing:border-box}.concept-example>strong{display:block;font-size:1.15rem;margin-bottom:16px}.concept-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:12px 0}.concept-line>span{padding:8px;background:#e8eee4;border-radius:8px;font-size:1.25rem}.concept-line .pizza-picture{width:150px}.concept-example table{border-collapse:collapse;margin:10px auto}.concept-example td,.concept-example th{border:1px solid #9ba99d;padding:8px 14px}.prime-row{font-size:26px;color:#47677a}.balance-beam{display:flex;justify-content:space-around;border-bottom:4px solid #47677a;font-size:28px;padding:12px}.balance-foot{font-size:45px;line-height:1}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,300px);margin:12px auto;border-left:2px solid #647b57;border-top:2px solid #647b57}.area-grid span{padding:12px 4px;border-bottom:2px solid #647b57;border-right:2px solid #647b57;background:#e6eadb}.volume-layers{display:flex;gap:16px;flex-wrap:wrap}.volume-layers .area-grid{max-width:220px}@media(max-width:450px){.set-diagram{font-size:22px}.concept-example{padding:12px}.concept-line>span{font-size:1rem}}

/* Volledig beeld, normale rand, geen bijsnijden of negatieve pixelmarges. */
.topic-card{padding:0!important;overflow:hidden;border:1px solid #bdc9c3!important;border-radius:12px!important}.topic-card .tile-image{display:block;position:relative;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/2;margin:0!important;overflow:hidden;border:0!important;border-bottom:1px solid #d6ddd6!important;border-radius:0!important;transform:none!important;background:#f4f1e8}.topic-card .tile-image img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;image-rendering:auto;transform:none!important;filter:none!important;border:0;border-radius:0}.topic-card>strong,.topic-card>span:not(.tile-image),.topic-card>small{margin-left:18px;margin-right:18px}.topic-card>strong{margin-top:16px}.topic-card>small{margin-bottom:18px}.topic-card .tile-mark{border-radius:6px;bottom:8px;right:8px}

.topic-card .tile-mark{display:none!important}

.rounding-visual{width:min(100%,600px);margin:16px auto;padding:12px;box-sizing:border-box;border:1px solid #ccd4cf;border-radius:10px;background:#fafaf5}.rounding-visual svg{display:block;width:100%;height:auto;font-family:Nunito,sans-serif;overflow:visible}.rounding-visual figcaption{font-size:1rem;line-height:1.6;text-align:center}@media print{.rounding-visual{max-width:125mm;break-inside:avoid}.rounding-visual figcaption{font-size:10pt}}

/* Een oppervlakte-eenheid is vierkant, ook bij een smaller scherm. */
.area-grid span{aspect-ratio:1/1;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0}.percent-schema{padding:16px;border:1px solid #c8d4c2;border-radius:10px;background:#f6f8f0;margin:16px 0}.percent-schema h3{margin-top:0}.percent-schema table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:1rem}.percent-schema th,.percent-schema td{border:1px solid #a6b69d;padding:10px 4px;text-align:center;overflow-wrap:anywhere}.percent-schema th{background:#e7eddf}.percent-schema li{margin:10px 0;line-height:1.6}.percent-schema ol{padding-left:22px}@media(max-width:450px){.percent-schema{padding:10px}.percent-schema table{font-size:.85rem}}@media print{.percent-schema{break-inside:avoid;font-size:10pt}.percent-schema th,.percent-schema td{padding:5px}}

.math-power{font-size:.65em;line-height:0;vertical-align:super;font-weight:inherit}.question,.solution-answer,.paper-task-heading{line-height:1.6}

/* Exacte wiskundenotatie en leesbare diagrammen. */
.math-fraction{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;line-height:1.15;margin:0 .16em;font-size:.88em;min-width:.75em;white-space:nowrap}
.math-fraction>span:first-child{border-bottom:1.5px solid currentColor;width:100%;text-align:center;padding:0 .13em .08em}
.math-fraction>span:last-child{padding:.08em .13em 0}
.diagram-table{max-width:100%;overflow-x:auto}.math-diagram{max-width:100%;margin:1rem auto}.math-diagram svg{display:block;width:100%;max-width:440px;height:auto;margin:auto}.math-diagram figcaption{font-size:.9rem;line-height:1.5}
.pizza-compare>svg{min-width:0;max-width:42%}.solution-answer{line-height:2;overflow-wrap:anywhere}.step-sum{line-height:1.8}
@media print{.math-fraction{break-inside:avoid}.math-diagram svg{max-width:280px}.diagram-table{overflow:visible}.diagram-table td,.diagram-table th{padding:2px;font-size:9pt}.paper-task-heading{line-height:1.8}}

.diagram-detail{margin-top:.6rem}.diagram-large{overflow-x:auto;max-width:100%;border:1px solid #a6b8c2;padding:.5rem}.diagram-large svg{min-width:600px;max-width:800px}@media print{.diagram-detail{display:none}}

/* Hulp groeit op verzoek; eerdere stapjes blijven rustig leesbaar. */
.progressive-help{color:var(--ink);padding:20px;background:#f6f1e5}
.progressive-help h2{font-size:28px;margin:0 0 10px}.progressive-help .help-intro{font-size:15px;line-height:1.7;margin-bottom:18px}
.help-list{list-style:none;padding:0;margin:0}.help-step{border-top:1px solid #d6c8ab;padding:16px 0;overflow-wrap:anywhere}.help-step h3{font-family:Nunito,sans-serif;font-size:17px;font-weight:600;line-height:1.6;margin:0 0 8px}.help-step h3>span{display:block;font-size:12px;font-weight:600;color:#6d634e;margin-bottom:4px}.help-step p{font-size:16px;line-height:1.8;margin:8px 0}.help-step .help-math,.help-step .help-answer{font-size:22px;line-height:2}.help-step .help-answer{font-weight:600}.help-step .split-wrap{margin-bottom:0}.help-step .rounding-visual{padding:8px}.help-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px}.help-actions>button{max-width:100%;white-space:normal;text-align:left}.help-step:focus-visible{outline:2px solid #ac783e;outline-offset:4px}
@media(max-width:450px){.progressive-help{padding:15px 12px}.help-step .help-math,.help-step .help-answer{font-size:20px}.progressive-help h2{font-size:26px}}
.help-percent{margin:12px 0}.help-percent table{width:100%;max-width:380px;border-collapse:collapse;table-layout:fixed;background:#fffdfa}.help-percent th,.help-percent td{padding:9px;border:1px solid #aab79d;text-align:center;font-size:18px}.help-percent th{background:#e7eddf}.help-percent caption{text-align:left;font-size:14px;padding-bottom:8px}.help-percent .help-percent-arrow{font-size:18px;margin:4px 0}

/* Eén cijfer per decimale plaats; de tabel groeit met de waarde mee. */
.report-button{display:block;margin:18px 0 0;text-decoration:underline;text-underline-offset:3px}.report-dialog{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:2px solid #647b57;border-radius:12px;background:#fffdf7;color:var(--ink)}.report-dialog::backdrop{background:#263e4877}.report-dialog h2{margin-top:0}.report-dialog label{display:block;margin-bottom:6px}.report-dialog textarea{box-sizing:border-box;min-height:110px;resize:vertical}.report-context{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#edf2e6;border-radius:6px}.report-dialog .actions{flex-wrap:wrap}.report-dialog button{max-width:100%;white-space:normal}.report-error{color:#8b3524}.report-success{color:#355d32}.report-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.public-navigation{display:block;padding:8px 24px;color:var(--ink);font-size:14px;text-underline-offset:3px}@media(max-width:450px){.report-dialog{padding:16px}.public-navigation{padding:8px 16px}}@media print{.report-dialog,.report-button,.public-navigation{display:none!important}}
.place-value-table input.measure-cell-input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0;padding:4px 1px;border:1px solid #9eac99;border-radius:5px;background:#fffefb;text-align:center;font:600 23px/1.5 Nunito,sans-serif;color:var(--ink)}
.place-value-table .measure-cell-input:focus{outline:3px solid #496a48;outline-offset:1px}.place-value-table .measure-cell-input[aria-invalid="true"]{border:2px solid #ad3f29;background:#fff1e9}
.measure-input-warning{padding:10px 12px;border-left:4px solid #ad3f29;background:#fff1e9;color:#74301f;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.place-comma[hidden]{display:none}
.measure-help{max-width:100%;min-width:0}.measure-table-scroll{max-width:100%;overflow-x:auto;padding:2px 1px 6px;overscroll-behavior-x:contain}
.place-value-table{min-width:calc(var(--place-columns) * 46px);margin:8px 0;width:100%;table-layout:fixed;border-collapse:collapse}
.place-value-table th,.place-value-table td{position:relative;padding:8px 2px;white-space:nowrap;overflow:visible;text-align:center;font-size:17px}
.place-value-table .reading-heading{font-size:12px;white-space:normal}.place-value-table tbody th{font-size:14px;font-weight:600;background:#f3f5ef}.place-multiple{display:block;font-size:11px;line-height:1.3}
.place-value-table td{height:44px}.measure-digit{display:inline-block;font:600 23px/1.5 Nunito,sans-serif}.place-value-table .reading-unit{background:#f7efdc;border-right:2px solid #7f7051}.place-comma{position:absolute;right:-6px;top:50%;transform:translateY(-50%);z-index:1;font:800 27px/1 Nunito,sans-serif;color:#694c21;background:#fffdf7;min-width:10px}
.measure-given{font-size:17px}.measure-instruction,.measure-scroll-hint{font-size:14px!important;line-height:1.6}.measure-scroll-hint{color:var(--muted);margin:2px 0 10px}.measure-readout{font-size:20px;font-weight:600;overflow-wrap:anywhere}.measure-help .conversion-action{font-size:14px!important}.help-step .measure-help{padding:12px 0;margin:10px 0}.help-step .measure-help h2{font-size:23px}
@media print{.measure-help{max-width:100%;break-inside:avoid}.measure-table-scroll{overflow:visible;padding:0}.place-value-table{min-width:0!important;width:100%;margin:2mm 0!important}.place-value-table th,.place-value-table td{font:7.5pt/1.3 Arial,sans-serif!important;padding:1mm 0!important;white-space:normal;height:7mm!important;overflow:visible}.place-value-table .reading-heading{font-size:6.5pt!important}.place-multiple{font:6pt/1.2 Arial,sans-serif}.measure-digit{font:600 10pt/1.4 Arial,sans-serif}.place-comma{font:700 13pt/1 Arial,sans-serif;right:-1.2mm;min-width:2mm}.measure-scroll-hint{display:none}.measure-instruction,.measure-help .conversion-action{font:8pt/1.4 Arial,sans-serif!important}.measure-readout{font:600 10pt/1.5 Arial,sans-serif!important}.paper-rule .measure-help{max-width:160mm}}