@font-face{font-family:Nunito;src:url('../assets/fonts/Nunito-Variable.ttf')}*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#24384b;font:16px Nunito,Arial,sans-serif}.top{padding:30px 4%;background:#173e4b;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.top h1{margin:6px 0;font-size:32px}.top p{margin:0;color:#d2e8e3}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:800}.local{background:#ffdb87;color:#443716;padding:9px 16px;border-radius:30px;font-weight:800;white-space:nowrap}.builder{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;padding:26px;max-width:1550px;margin:auto}.panel{background:white;border:1px solid #dbe2df;border-radius:18px;padding:23px;box-shadow:0 6px 22px #193c4410}.workspace{min-width:0;display:grid;gap:24px;align-content:start}.config{align-self:start}h2{font-size:21px;margin:0 0 14px}h3{font-size:inherit}label{display:block;font-weight:700;margin:12px 0}select,input[type=text],input:not([type]){width:100%;padding:10px;border:1px solid #bacbc9;border-radius:8px;font:inherit;margin-top:6px;background:#fff;color:#213b47}button,.file-button{cursor:pointer;border:1px solid #b9ccca;border-radius:9px;background:#fff;color:#233f4b;font:700 15px Nunito,Arial,sans-serif;padding:10px 13px;display:inline-block}button:hover,.file-button:hover{background:#edf7f2}button:focus-visible,input:focus-visible,select:focus-visible,.file-button:focus-within{outline:3px solid #d1841b;outline-offset:2px}button:disabled{opacity:.45;cursor:default}.primary{background:#17675e;color:white;border-color:#17675e}.primary:hover{background:#10544c}.muted{font-size:13px;color:#607582;line-height:1.55}.choice{display:flex;align-items:flex-start;gap:10px;border:1px solid #e0e8e5;border-radius:10px;padding:10px;font-size:15px;margin:8px 0;cursor:pointer}.choice:has(input:checked){background:#eaf7f1;border-color:#348d76}.choice input{margin-top:5px;accent-color:#17675e}.choice small{display:block;font-weight:400;color:#607582;margin-top:4px;line-height:1.4}.topic-label{font-size:12px;color:#4a756b;text-transform:uppercase;letter-spacing:1px;margin-top:18px}fieldset{border:0;padding:0;margin:22px 0 12px}legend{font-weight:800}.check{display:flex;gap:9px;align-items:center;font-size:14px}.check input{accent-color:#17675e}.line-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.line-choice{padding:7px;font-size:12px}.line-choice[aria-pressed=true]{border:2px solid #17675e;background:#eaf7f1}.line-choice canvas{width:100%;height:38px;display:block}summary{cursor:pointer;font-weight:800;margin:20px 0 10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-head p{margin:0}.bundle-item{display:flex;align-items:center;gap:10px;background:#f7f8f5;margin:10px 0;padding:12px;border-radius:10px}.bundle-item .item-text{flex:1}.bundle-item small{display:block;color:#607582}.bundle-item button{padding:6px 10px}.badge{background:#e0eee8;padding:7px 10px;border-radius:7px;font-weight:bold}.file-actions,.export-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.export-bar label{font-size:13px;margin:0}.file-button{margin:0}.empty{padding:60px 25px;text-align:center;border:2px dashed #c5d6cf;border-radius:12px;color:#65776f}#preview{overflow-x:auto;padding:15px 0}.page{width:794px;height:1123px;padding:42px 46px 30px;background:#fff;color:#182b3b;display:flex;flex-direction:column;flex:none;margin:0 auto 22px;border:1px solid #d0d8db;font-size:var(--worksheet-size,16px);font-family:var(--worksheet-font,Nunito),sans-serif;line-height:1.55;box-shadow:0 3px 9px #0001}.page header{padding-bottom:16px;border-bottom:2px solid #286c63;margin-bottom:16px}.page .sheet-brand{font:700 10px Nunito,sans-serif;letter-spacing:1.4px;color:#537b70}.page h2{font-size:1.3em;margin:8px 0}.page .identity{display:flex;gap:30px;font-size:.8em;margin-top:12px}.page-body{flex:1;min-height:0;overflow:visible}.page footer{font:11px Nunito,Arial,sans-serif;color:#6c7d80;padding-top:14px;display:flex;justify-content:space-between;border-top:1px solid #dbe5df}.exercise-heading{font-size:1.12em;font-weight:800;margin:0 0 8px}.level-mark{display:inline-block;margin-right:8px;color:#17675e}.instruction{font-weight:bold;margin:0 0 16px}.hint,.example{background:#f1f6f3;border-left:3px solid #8eafa0;padding:10px 13px;font-size:.82em;margin-bottom:12px}.example{background:#fff9e9;border-color:#d4b168}.question-block{padding:6px 0 11px;break-inside:avoid}.question-block p{margin:7px 0 10px}.write-line{margin:5px 0}.answer{color:#1a6e4f;font-size:.94em;padding:8px 0;min-height:42px}.marked{border:2px solid #267959;border-radius:45%;padding:1px 3px;color:#1a6e4f;font-weight:700}.word-row{word-spacing:14px}.support-note{font-size:.82em;color:#526b71}.word-bank{border:1px solid #adbdb5;background:#fafcf9;padding:14px}.picture-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.picture-card{text-align:center;min-width:0}.picture-card img{width:112px;height:112px;object-fit:contain;margin:6px auto}.picture-card .answer{text-align:left}.sort-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cbd5cf}.sort-grid section{padding:10px;border-right:1px solid #cbd5cf;min-width:0}.sort-grid section:last-child{border:0}.sort-grid h3{margin:0 0 15px;border-bottom:1px solid #d3dfd7;padding:6px;background:#f1f6f3}.scene{display:block;width:450px;max-width:100%;height:auto;margin:0 auto}.export-host{position:absolute;left:-10000px;top:0;width:794px}.export-host .page{box-shadow:none;border:1px solid transparent;margin:0}.printing #preview .page{box-shadow:none}.working{opacity:.7;pointer-events:none}@media(max-width:1050px){.builder{grid-template-columns:290px minmax(0,1fr);padding:16px;gap:16px}.panel{padding:17px}}@media(max-width:750px){.builder{display:block}.config{margin-bottom:20px}.top{align-items:flex-start;padding:22px;flex-direction:column}.top h1{font-size:27px}.section-head{flex-wrap:wrap}.bundle-item{flex-wrap:wrap}}@page{size:A4 portrait;margin:0}@media print{body{background:white}.top,.config,.workspace>.panel:first-child,.preview-panel>.section-head,.export-bar,.preview-panel>.muted,#exportStatus{display:none!important}.builder,.workspace,.preview-panel,#preview{display:block;margin:0;padding:0;border:0;box-shadow:none;overflow:visible}.page{border:0;box-shadow:none;margin:0;break-after:page;width:210mm;height:297mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page:last-child{break-after:auto}.export-host{display:none}}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-cell{display:flex;align-items:center;gap:9px;min-width:0}.article-gap{flex:0 0 62px;min-width:0}.article-gap .write-line{margin:0}.article-answer{display:block;color:#1a6e4f;text-align:center;font-weight:700}.article-cell>span:last-child{overflow-wrap:normal}.extra-task{margin-top:24px!important}.inline-gap{display:inline-block;width:62px;vertical-align:middle;margin:0 5px}.inline-gap .write-line{margin:0}.text-exercise{line-height:3!important}.text-answer{color:#1a6e4f;border-bottom:1px solid #87b29d}.text-exercise .support-note{white-space:nowrap;margin-right:5px}.article-cell .schrijflijn-canvas{max-width:100%}
.page-body>.question-block+.exercise-intro{border-top:1px solid #b8cec3;padding-top:20px;margin-top:12px}
.side-section{border-top:1px solid #dbe5df;margin-top:24px;padding-top:22px}.side-section .section-head{align-items:flex-start;flex-wrap:wrap}.side-section .bundle-item{flex-wrap:wrap;gap:6px}.side-section .item-text{min-width:170px}.side-section .export-bar{display:grid;grid-template-columns:1fr}.side-section .export-bar button{width:100%}.preview-panel{min-width:0}.page .identity{justify-content:space-between;gap:24px}.config input,.config select{min-width:0;max-width:100%}.workspace{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto}#preview{padding-top:0}.page-body>.exercise-intro{break-after:avoid}.page-body>.exercise-intro+.question-block{break-before:avoid}@media(max-width:750px){.workspace{position:static;max-height:none}.builder{max-width:100vw}.side-section .item-text{min-width:130px}}@media print{.workspace{position:static;max-height:none;overflow:visible}.workspace>.preview-panel{display:block!important}}
.exercise-intro,[data-question-key]{position:relative}.question-remove,.question-add{position:absolute;right:-25px;top:7px;width:24px;height:24px;border-radius:50%;padding:0;font:700 18px Arial,sans-serif;color:#576e66;background:#f0f6f2;border:1px solid #cbdcd3;opacity:.65}.question-remove:hover{color:#a33;background:#fff0ee;opacity:1}.question-add:hover{opacity:1}.article-cell>.question-remove{right:0;top:-14px}.picture-card>.question-remove{right:0;top:0}.question-block:has(.article-grid){padding-top:15px}@media print{.no-print{display:none!important}}
.topic-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.topic-tabs button{min-height:56px;border:2px solid transparent;line-height:1.25;padding:10px 7px}.tab-articles{background:#dff4e9;color:#155443}.tab-nouns{background:#eee4fb;color:#5b3685}.tab-capitals{background:#fff0c7;color:#795419}.tab-mixed{background:#dfefff;color:#275d85}.topic-tabs button[aria-selected=true]{border-color:currentColor;box-shadow:0 3px 0 currentColor}.topic-tabs button:hover{filter:brightness(.97)}#topic[hidden]{display:none}.topic-label{display:none}
.rewrite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.rewrite-cell{display:flex;align-items:center;gap:12px;min-width:0;padding-top:8px}.given-word{flex:0 0 auto;max-width:46%}.given-word small{display:block}.rewrite-space{flex:1;min-width:0}.rewrite-space .write-line{margin:0}.rewrite-cell>.question-remove{right:0;top:-10px}.rewrite-space .answer{padding:4px 0}.question-block:has(.rewrite-grid){padding-top:10px}
.sort-word{display:inline-block;margin:12px 6px 2px 0}.sort-word>.question-remove{right:-8px;top:-19px;width:20px;height:20px;font-size:16px}.underlined{color:#1a6e4f;text-decoration:underline;text-underline-offset:3px}
.scene-options{border:1px solid #d8cce8;border-radius:10px;background:#f9f5fd;padding:12px;margin:16px 0}.scene-options h3{margin:0}.scene-options img{display:block;width:100%;height:auto;border-radius:8px}.bundle-scene-options{width:100%}.bundle-scene-options label{font-size:13px;margin:7px 0}.scene-word-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.scene-word{min-width:0;padding:7px 0}.scene-word>.question-remove{right:-20px;top:0}.scene-sentence{padding-top:12px}.classification .sort-instruction{font-weight:bold;margin:8px 0 14px}.classification .sort-grid .write-line{margin:7px 0}
.picture-sentence{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:22px;padding:9px 0}.picture-sentence>img{display:block;width:100px;height:100px;object-fit:contain}.sentence-space{min-width:0}.picture-sentence>.question-remove{right:-22px;top:10px}
/* Horizontale onderwerpkeuze: groeit mee zonder extra rijen. */
.topic-tabs{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;padding:3px 3px 10px;margin:15px -3px;scrollbar-width:thin;scrollbar-color:#88aa9e #edf2ee;overscroll-behavior-x:contain;scroll-behavior:smooth}.topic-tabs button{flex:0 0 auto;min-height:52px;max-width:none;padding:10px 15px;white-space:nowrap}.topic-tabs::-webkit-scrollbar{height:7px}.topic-tabs::-webkit-scrollbar-track{background:#edf2ee;border-radius:5px}.topic-tabs::-webkit-scrollbar-thumb{background:#88aa9e;border-radius:5px}
.tab-punctuation{background:#ffe3d9;color:#884329}.punct-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.punct-item{min-width:0;padding:8px 0}.punct-item p{margin:4px 0!important;line-height:1.9}.punct-box{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:29px;height:34px;border:1px solid #a5b8b0;font:700 23px Nunito,Arial,sans-serif;background:#fff;margin-left:5px}.answer-mark{color:#1a6e4f}.punct-cue{font-size:1.35em}.sentence-with-mark{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:end}.given-mark{margin-bottom:16px}.punct-find-row{display:flex;align-items:center;gap:20px}.punct-find-row>p{flex:1}.punct-reason{width:180px}.punct-item>.question-remove{top:-8px;right:0}
.preview-tools{background:#fff;border:1px solid #dbe2df;border-radius:13px;padding:13px 16px;margin:0 0 16px;position:sticky;top:0;z-index:5;box-shadow:0 3px 12px #183c4210}.preview-tools .export-bar{display:flex;align-items:end;flex-wrap:wrap;margin:0;gap:9px}.preview-tools .export-bar label{width:190px}.preview-tools button{min-height:42px}.preview-tools #exportStatus{margin:10px 0 0;font-size:13px;color:#587064}.preview-tools>.muted{display:none}.preview-tools>.check{display:inline-flex;margin:9px 0 0}.workspace{gap:0}.preview-tools input,.preview-tools select{max-width:100%}@media print{.preview-tools{display:none!important}}@media(max-width:750px){.preview-tools{position:static}.preview-tools .export-bar label{width:100%}}

/* Downloadacties in de bestaande bovenbalk houden het voorbeeld vrij. */
.top{gap:24px;padding:24px 3%;align-items:center}.top>div:first-child{flex:1;min-width:260px}.top h1{font-size:28px}.top .preview-tools{position:static;flex:0 1 680px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:white;box-shadow:none}.top .preview-tools #exportStatus{color:#d2e8e3;display:inline-block;margin-right:18px}.top .preview-tools>.check{color:white}.top .preview-tools .export-bar{justify-content:flex-end}.top .preview-tools .export-bar label{color:white;width:175px}.top .preview-tools .primary{background:#ffdb87;color:#24384b;border-color:#ffdb87}.page .hint,.page .example,.page .support-note,.page .answer,.page .identity{font-size:1em}.page small{font-size:1em}.punct-box{font-family:inherit}@media(max-width:1100px){.top{flex-wrap:wrap}.top .preview-tools{flex:1 1 100%}.top .preview-tools .export-bar{justify-content:flex-start}}

.page .hint,.page .example,.page .support-note,.page .identity{font-size:14pt}.text-exercise{line-height:2.2!important}

.tab-rhyme{background:#f7dff0;color:#853568}.tell-choice{display:flex;align-items:center;gap:12px}.tick-box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;height:23px;border:1px solid #72998d}.rhyme-gap{display:inline-block;width:150px;vertical-align:middle;margin:0 7px}.rhyme-match{max-width:520px;margin:8px auto}.rhyme-match-row{display:flex;justify-content:space-between;gap:100px;padding:12px 0}.rhyme-match-row>span{min-width:130px;display:flex;justify-content:space-between;gap:12px}.rhyme-words{display:flex;flex-wrap:wrap;gap:18px 28px;padding:15px 0}.rhyme-words>span{padding:4px 10px;border:1px solid #c5d5ce;border-radius:7px}

/* Schrijflijnen kunnen ook binnen een zin staan. */
.write-line{display:block}

/* Houd aankruisvakjes even groot, ook naast een lange beschrijving. */
.choice input[type="checkbox"]{flex:0 0 16px;width:16px;height:16px;appearance:auto;border-radius:0}.choice>span{min-width:0;flex:1}

/* Rijmrijen houden dezelfde afstand over de grens van een pagineerbaar groepje. */
.question-block:has(>.rhyme-match){padding:0}.question-block>.rhyme-match{margin:0 auto}

.task-level{display:table;margin-top:8px;padding:3px 9px;border-radius:6px;background:#edf3f8;color:#244b60;font-size:12px;font-weight:700}.task-level-select{font-size:13px;padding:5px;margin-top:8px}

.sentence-prompt{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:28px;row-gap:5px}.sentence-prompt>span{white-space:nowrap}

/* Tips bij extra steun: dezelfde herkenbare vorm in voorbeeld en PDF. */
.lesson-tip{display:block;background:#fff8e8;border:1px solid #eadcb9;border-left:3px solid #d4b168;border-radius:5px;padding:8px 11px;font-size:.82em;line-height:1.45;color:#52636a;margin:8px 0 12px;white-space:normal;break-inside:avoid}.lesson-tip strong em{font-weight:700;font-style:italic}.question-block .lesson-tip{margin:8px 0 12px}.given-word .lesson-tip{padding:5px 7px}
.page .lesson-tip{font-size:.82em}

/* Compacte hulp naast de zin, met ruimte om op smalle regels om te lopen. */
.lesson-tip{width:fit-content;max-width:100%;padding:4px 8px}.question-block .lesson-tip.inline-tip{display:inline-block;vertical-align:baseline;margin:0 0 0 10px;padding:3px 7px;line-height:1.35}

.tab-dimin{background:#fce4d2;color:#804220}.tab-syntax{background:#dfebfa;color:#285181}.tab-syn{background:#e8e2f8;color:#604582}.grammar-word-row,.grammar-field{display:grid;grid-template-columns:minmax(100px,auto) minmax(0,1fr);align-items:center;gap:16px}.grammar-word-row{grid-template-columns:180px minmax(0,1fr)}.grammar-card,.grammar-story{border:1px solid #c5d5ce;border-radius:8px;padding:12px 15px}.grammar-card .grammar-field{grid-template-columns:130px minmax(0,1fr)}.subject-answer{text-decoration-thickness:2px;text-underline-offset:4px}

.dimin-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.dimin-pair .grammar-word-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:10px;min-width:0}.dimin-pair .grammar-word-row>div{min-width:0}.dimin-pair .answer{overflow-wrap:anywhere}

.match-solved{position:relative}.match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.match-lines line{stroke:#1878a0;stroke-width:1.7;stroke-linecap:round}

.tab-adj{background:#ffe8cc;color:#865118}.tab-classes{background:#dcefea;color:#245f52}.tab-proper{background:#f3dfeb;color:#7a3b63}.word-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.85em}.word-color{padding:1px 4px;border-radius:3px}.word-color-LW{background:#d6eaff;color:#124b87}.word-color-ZN{background:#dcefd9;color:#235c28}.word-color-BN{background:#ffe0bb;color:#834300}.word-tag{display:inline-flex;flex-direction:column;vertical-align:top;align-items:center;margin:4px 5px 10px 0}.word-tag-space{display:block;min-width:28px;width:100%;height:27px;font-size:.75em;text-align:center;color:#17675e}.tagged-sentence{line-height:1.65}.dimin-pair>[data-question-key]{min-width:0}

.adj-picture{min-width:0;padding:8px}.adj-picture img{display:block;width:100px;height:90px;object-fit:contain;margin:0 auto}.adj-picture>p{text-align:center}.adj-picture .answer{font-size:.82em}

.edition-back{display:flex;align-items:center;width:fit-content;max-width:100%;box-sizing:border-box;min-height:42px;margin:0 0 18px;padding:9px 14px;border:1px solid #ffffff65;border-radius:10px;background:#ffffff15;color:#fff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none}.edition-back:hover{background:#ffffff28;border-color:#ffffffa0}.edition-back:focus-visible{outline:3px solid #ffcf56;outline-offset:3px}
.hint-steps{margin:8px 0 12px;padding-left:24px}.hint-steps li{margin:3px 0}.hint-example{padding-top:10px;border-top:1px solid #bfd5cd}.hint-example>b{display:block;margin-bottom:5px}.hint-example>div{margin:3px 0}.hint-example strong{display:inline-block;min-width:108px}.page .hint-note{margin:10px 0 0;font-size:.85em;color:#49625c}