/* Dezelfde fijngetekende familie als LidwoordenLAB en Lees en Doe LAB. */
@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:'Patrick Hand';src:url('./assets/fonts/patrick-hand.ttf') format('truetype');font-weight:400;font-display:swap}
@media screen{
 :root{--ink:#2b4048;--edge:#708e90;--muted:#53666b;--paper:#faf8f2;--teal:#316a70;--pen:'Patrick Hand','Trebuchet MS',sans-serif}
 body{font-family:Nunito,'Trebuchet MS',sans-serif;font-weight:400;color:var(--ink);background:var(--paper);line-height:1.7}
 button,input,select{font-family:inherit}button{font-weight:600;border-radius:4px 7px 3px 6px;border-color:#617e85;background:var(--teal);box-shadow:1px 2px 0 #d0ded8}
 button:hover{filter:none;background:#285d64}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #865e35;outline-offset:4px}
 .bar{max-width:1180px;padding:24px 24px 16px;border:0;flex-wrap:wrap;gap:14px}.brand{font-size:23px;letter-spacing:0}.brand small{font-size:12px;color:var(--muted)}
 .brand-mark{flex:none;font-family:var(--pen);font-weight:400;background:#d9e8e5;color:#2b555d;border:1.3px solid #425b64;border-radius:5px 8px 4px 7px;box-shadow:2px 2px 0 #c8d8d4;transform:rotate(-2deg)}
 nav{gap:16px}nav button{background:#fffdf8;border-color:#8ca4a6;color:var(--ink);font-size:13px}nav button:hover{background:#e5eeeb}nav button[aria-pressed=true]{background:#dcebe5}#saved-count{background:#dcebe5;border-radius:4px}
 .word-strip{flex-basis:100%;display:flex;align-items:center;gap:10px;border-bottom:1px solid #95aaa7;padding:4px 0 12px}.word-strip i{flex:1}.word-strip span{font-family:var(--pen);font-size:19px;line-height:1.2;padding:2px 8px 4px;background:#e0ece7;border:1px solid #88a2a0;border-radius:3px 5px 2px 4px;transform:rotate(-1deg)}.word-strip span:nth-last-child(2){background:#f4e0cf;transform:rotate(1deg)}.word-strip span:last-child{background:#e5e6f0}
 .hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;min-height:0;gap:30px;background:#e8efed;border:1.3px solid var(--edge);border-radius:8px 13px 7px 11px / 12px 7px 11px 8px;box-shadow:3px 3px 0 #c9d9d3;padding:30px;margin:12px 0 34px}
 .hero-copy{min-width:0}.eyebrow{color:#425d65;font-size:11px;font-weight:600;letter-spacing:1px}
 .hero h1{display:table;font-family:var(--pen);font-weight:400;font-size:clamp(34px,3.9vw,48px);letter-spacing:0;line-height:1.12;max-width:100%;background:#f6e3d4;border:1.2px solid #9c9a88;border-radius:3px 7px 3px 5px;padding:11px 17px 15px;box-shadow:2px 3px 0 #d4cfc1;transform:rotate(-.5deg);margin:14px 0 19px}.hero h1 em{font:inherit;color:#2e626a}
 .intro{color:var(--ink);font-size:16px;line-height:1.8;max-width:42ch}.hero-tags{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:18px 0 0;font-size:12px}.hero-tags li:before{content:'✓ ';color:#316a70;font-weight:800}
 .welcome-picture{margin:0;min-width:0}.welcome-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:1.2px solid #779397;border-radius:5px 8px 4px 7px;box-shadow:2px 3px 0 #b6cdca;background:#fff7e8}.welcome-picture figcaption{text-align:center;color:#425e64;font-size:11px;margin-top:9px}
 .workspace{background:#fffefa;border:1.2px solid #8da3a5;border-radius:7px 11px 5px 9px;box-shadow:3px 3px 0 #d7e1d9;padding:27px;margin-bottom:30px;scroll-margin-top:16px}
 h2{font-family:var(--pen);font-size:32px;font-weight:400;line-height:1.2;letter-spacing:0}.workspace>h2{display:table;background:#e4e9f1;border:1px solid #8c9daa;border-radius:4px 6px 3px 6px;padding:6px 13px 9px;box-shadow:2px 2px 0 #d3dadc;margin-bottom:20px}
 .search-row input{border-color:#879da0;border-radius:4px 6px 3px 5px;color:var(--ink);background:#fffefa}.search-row input::placeholder{color:#647477}.search-row button,.more{font-family:var(--pen);font-size:23px;font-weight:400;line-height:1.2}.search-label,.filters label{color:var(--muted);font-size:13px}.filters select{border:1px solid #a1b3af;border-radius:4px 6px 3px 5px;background:#f7f7f0;color:var(--ink)}
 .quiet{background:#fffdf8;color:#335d64;border-color:#91a9aa;box-shadow:1px 1px 0 #d3dfda}.quiet:hover{background:#e5eeeb}.translation-hint{color:var(--muted)}
 .topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible;padding:3px 3px 12px}.topic{--topic:#e4ede7;min-width:0;min-height:68px;background:var(--topic);border:1px solid #97aaa6;border-radius:5px 8px 4px 7px;text-align:left;color:var(--ink);font-family:var(--pen);font-size:20px;font-weight:400;padding:9px 12px;box-shadow:2px 2px 0 #d6dfd9}.topic:nth-child(4n+2){--topic:#e4eaf2}.topic:nth-child(4n+3){--topic:#f1e3d1}.topic:nth-child(4n){--topic:#e8e4ef}.topic small{font-family:Nunito,sans-serif;color:#53666b;font-size:11px}.topic:hover{background:var(--topic);border-color:#316a70}.topic[aria-pressed=true]{background:var(--topic);outline:2px solid #316a70;outline-offset:1px;border-color:#316a70}
 .result-bar p{color:var(--muted)}.view-buttons button{color:#335d64;border-radius:4px 6px 3px 5px;box-shadow:none}.view-buttons button:hover{background:#e5eeeb}.view-buttons button[aria-pressed=true]{background:#e0ece7;border-color:#8ca4a6}
 .word{border:1px solid #a0b2ae;border-radius:5px 9px 4px 7px;box-shadow:2px 3px 0 #dbe3dc;background:#fffefa;color:var(--ink)}.word:hover{background:#fffefa;border-color:#476f76;box-shadow:3px 4px 0 #c4d7d0;transform:translateY(-2px)}.word-text{background:#eaf0ea;border-top:1px solid #becdc4}.word:nth-child(4n+2) .word-text{background:#e9edf3}.word:nth-child(4n+3) .word-text{background:#f5eadd}.word:nth-child(4n) .word-text{background:#eee9f2}.word-name{font-family:Nunito,sans-serif;font-weight:800;color:var(--ink);font-size:16px}.word-subject{font-size:11px;color:#52656b}.word-list .word-text{border-top:0;background:transparent!important}.word-list .short-meaning{color:var(--muted)}.more{background:#e4eee7;color:#335d64;border-color:#8fa8a0;padding:11px 18px}.more:hover{background:#d7e6dc}
 .learn-together{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px;align-items:center;background:#f1eaf3;border:1px solid #afa0b4;border-radius:7px 11px 5px 9px;padding:22px;margin:30px 0;box-shadow:2px 3px 0 #e0d6e3}.learn-together img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:1px solid #b2a0ad;border-radius:5px 8px 4px 7px;background:#fff7e8}.learn-together h2{margin:0 0 12px}.learn-together p{margin:0 0 12px;font-size:15px}.learn-together .eyebrow{font-size:11px;color:#695b6f}.learn-together a{color:#335d64;font-weight:800;text-underline-offset:4px}
 .build-info{color:var(--muted);margin:24px 0 32px}footer{color:var(--muted);border-top:1px solid #a0b4ad;padding-top:18px}#to-top{border-color:#91a9aa;border-radius:5px 8px 4px 7px;background:#fffdf8;box-shadow:2px 2px 0 #d3dfda}
 dialog{background:#faf8f2;color:var(--ink);border:1.3px solid #718b8e;border-radius:7px 11px 5px 9px}.dialog-tools{background:#faf8f2f5}.detail-content h2{font-family:var(--pen);font-size:36px;font-weight:400}.detail-content .picture{border:1px solid #a0b2ae;border-radius:5px 8px 4px 7px}.detail-subject,.context-caption,.content-note,.audio-status,.translation dt,.review-note{color:var(--muted)}.example{background:#f4e8d6;border-color:#b7a17a}.translations{border-color:#becdc4}.translation{border-color:#d8e1da}
 @media(max-width:900px){.hero{gap:22px;padding:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero h1{font-size:37px}.hero-tags{gap:5px 10px;font-size:11px}.intro{font-size:15px}}
 @media(max-width:700px){.hero{grid-template-columns:1fr;gap:22px;padding:24px}.hero h1{font-size:42px}.welcome-picture{max-width:440px;width:100%;justify-self:center}.learn-together{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}.topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(max-width:600px){.bar{padding:17px 16px 12px;gap:10px}.brand{font-size:17px;gap:8px}.brand small{font-size:11px}.brand-mark{width:34px;height:37px}.bar nav{gap:7px}.bar nav button{font-size:12px;padding:7px 8px}.word-strip{padding-top:7px}.hero{padding:22px 18px;margin:9px 0 25px;gap:20px}.hero h1{font-size:36px;line-height:1.12;padding:10px 12px 14px;letter-spacing:0}.hero-tags{font-size:12px}.welcome-picture{max-width:360px}.workspace{padding:20px 12px;border-radius:7px 11px 5px 9px}.workspace>h2{font-size:29px;padding:6px 10px 9px}.search-row button{font-size:21px;padding:10px 12px}.search-row input{font-size:16px}.filters{gap:12px 8px}.filters label{font-size:12px}.filters .quiet{min-height:44px}.topics{gap:9px;margin-top:12px}.topic{min-width:0;font-size:20px;padding:10px;min-height:68px}.topic small{font-size:11px}.word-name{font-size:14px}.word-subject{font-size:10px}.word-text{padding:10px}.result-bar{align-items:flex-start;flex-direction:column;gap:10px}.result-bar p{font-size:12px}.view-buttons{align-self:flex-end}.view-buttons button{font-size:12px;min-height:44px}.learn-together{grid-template-columns:1fr;padding:20px;gap:18px}.learn-together img{max-width:300px;justify-self:center}.learn-together h2{font-size:30px}.learn-together p{font-size:14px}.detail-content h2{font-size:32px}footer{margin:0 16px;padding:18px 0 76px}}
 @media(prefers-reduced-motion:reduce){.word:hover{transform:none}}
}

@media screen{
 .account-note,.wb-action-status{font-size:12px;color:#53666b}.wb-save-control{max-width:100%}.wb-save-control p{margin:6px 0;font-size:12px}.wb-report{background:#e8efed;border:1px solid #8da3a5;border-radius:5px 9px 4px 7px;padding:16px 20px;margin:24px 0;box-shadow:2px 3px 0 #d7e1d9}.wb-report summary{cursor:pointer;font-family:'Patrick Hand',sans-serif;font-size:25px}.wb-report form{display:grid;gap:14px;margin-top:18px}.wb-report label{display:grid;gap:6px;font-size:14px}.wb-report input,.wb-report textarea{font:inherit;padding:10px;border:1px solid #879da0;border-radius:4px 6px 3px 5px;width:100%;min-width:0;background:#fffefa;color:#2b4048}.wb-report p{font-size:13px;margin:8px 0}.wb-report button{justify-self:start}.wb-report a{font-weight:800}
 .reference-page main{padding-top:22px;padding-bottom:36px}.reference-page .bar{border-bottom:1px solid #95aaa7;min-height:80px}.reference-page .bar a{color:#335d64;font-weight:600;text-underline-offset:5px}
 .reference-page h1{display:table;max-width:100%;font-family:'Patrick Hand',sans-serif;font-size:clamp(32px,4vw,44px);line-height:1.15;letter-spacing:0;font-weight:400;background:#f6e3d4;border:1.2px solid #9c9a88;border-radius:3px 7px 3px 5px;padding:10px 17px 14px;box-shadow:2px 3px 0 #d4cfc1;overflow-wrap:anywhere}
 .reference-page h2{font-family:'Patrick Hand',sans-serif;font-size:29px;font-weight:400;letter-spacing:0}.reference-page .warning,.reference-page .source-notice{background:#f2eadb;border:1px solid #b3aa94;border-radius:5px 8px 4px 6px;line-height:1.8}
 .reference-page table{background:#fffefa;color:#2b4048}.reference-page th{background:#e4e9f1}.reference-page td,.reference-page th{border-color:#cbd7d1}.reference-page .table-wrap{border:1px solid #a1b3af;border-radius:5px 8px 4px 7px}
 .reference-page .source-counts p,.reference-page .source-row,.reference-page .review,.reference-page .review-grid article{background:#fffefa;border:1px solid #a0b2ae;border-radius:5px 9px 4px 7px;box-shadow:2px 3px 0 #d7e1d9}.reference-page .source-counts p:nth-child(4n+1){background:#e4ede7}.reference-page .source-counts p:nth-child(4n+2){background:#e4eaf2}.reference-page .source-counts p:nth-child(4n+3){background:#f1e3d1}.reference-page .source-counts p:nth-child(4n){background:#e8e4ef}
 .reference-page .source-row h2,.reference-page .review h2,.reference-page article h2{font-family:'Patrick Hand',sans-serif;font-size:25px;font-weight:400}.reference-page .source-row p{color:#53666b}.reference-page .source-row{padding:16px}.reference-page .schema-list section{background:#fffefa;border:1px solid #a0b2ae;border-radius:5px 9px 4px 7px;padding:16px 20px}.reference-page .schema-list h2{background:#e4ede7;padding:5px 10px;border-radius:4px 6px 3px 5px}
 .reference-page .pager{flex-wrap:wrap;align-items:center}.reference-page .pager button{font-size:15px}.reference-page .search-row{flex-wrap:wrap}.reference-page .search-row>.search-label{flex-basis:100%}.reference-page .filters a{overflow-wrap:anywhere}.reference-page .links{line-height:1.9}
 @media(max-width:600px){.reference-page .bar{align-items:flex-start;min-height:65px}.reference-page main{padding-top:20px}.reference-page h1{font-size:34px}.reference-page table{font-size:13px}.reference-page .source-counts{gap:9px}.reference-page .source-counts p{padding:10px;font-size:12px}.reference-page .filters{grid-template-columns:1fr}.reference-page .pager{gap:10px}.wb-report{padding:16px}.wb-report summary{font-size:23px}}
}
@media screen and (max-width:600px){.bar nav:has(.tools-back){flex-wrap:wrap;justify-content:flex-end}.bar nav .tools-back{display:block;font-size:12px;text-decoration:underline}.bar:has(.tools-back){align-items:flex-start}}
/* Melden staat bij de weergaveknoppen, vóór de resultaten. */
@media screen{
 .result-bar{flex-wrap:wrap}.view-buttons{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%}
 #word-report{flex:1 1 280px;min-width:0}.view-buttons .wb-report{margin:0;padding:0;background:#e8efed}.view-buttons .wb-report>summary{font:600 14px Nunito,sans-serif;padding:10px 12px;min-height:44px;box-sizing:border-box}.view-buttons .wb-report>div{padding:0 14px 14px}
 /* Alleen de pop-up: bediening meteen boven de woorden. */
 .wordhelp-mode .bar,.wordhelp-mode .hero,.wordhelp-mode .learn-together,.wordhelp-mode .build-info,.wordhelp-mode footer,.wordhelp-mode #topics,.wordhelp-mode .translation-hint,.wordhelp-mode #saved-count,.wordhelp-mode .word-subject{display:none}
 .wordhelp-mode .account-note:not([data-storage=error]){display:none}
 .wordhelp-mode #find-title,.wordhelp-mode .search-label,.wordhelp-mode #count{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .wordhelp-mode main{padding:8px;max-width:none}.wordhelp-mode .workspace{padding:8px;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
 .wordhelp-mode .help-context{font-size:12px;line-height:1.4;margin:0 0 8px;color:#53666b}
 .wordhelp-mode .search-row{gap:6px;flex-wrap:nowrap}.wordhelp-mode .search-row input{padding:7px 9px;min-height:38px;font-size:16px;line-height:1.3}
 .wordhelp-mode .search-row button{font:600 14px Nunito,sans-serif;min-height:38px;padding:6px 10px;white-space:nowrap}
 .wordhelp-mode .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:8px 0 0}.wordhelp-mode .filters label{min-width:0;font-size:12px;line-height:1.3}
 .wordhelp-mode .filters select{min-height:34px;padding:5px 7px;margin-top:3px;font-size:13px;line-height:1.3}
 .wordhelp-mode .result-bar{margin:10px 0 12px;gap:0}.wordhelp-mode .view-buttons{gap:5px;align-items:start}.wordhelp-mode .view-buttons>button{min-height:34px;padding:5px 8px;font-size:12px;line-height:1.3}
 .wordhelp-mode #word-report{flex:1 1 270px}.wordhelp-mode .view-buttons .wb-report>summary{min-height:34px;padding:7px 9px;font-size:13px;line-height:1.4}.wordhelp-mode .view-buttons .wb-report>div{padding:0 10px 10px}
 .wordhelp-mode .wb-report form{margin-top:10px;gap:10px}.wordhelp-mode .wb-report input,.wordhelp-mode .wb-report textarea{padding:6px 8px}.wordhelp-mode .wb-report button{min-height:36px;padding:6px 10px;font-size:14px}
 .wordhelp-mode .grid{gap:10px}.wordhelp-mode .word-text{padding:7px 9px}.wordhelp-mode .word-name{font-size:14px}.wordhelp-mode .more{font:600 14px Nunito,sans-serif;margin:14px auto 2px;padding:7px 12px;min-height:36px}
 @media(pointer:coarse){.wordhelp-mode .search-row input,.wordhelp-mode .search-row button,.wordhelp-mode .filters select,.wordhelp-mode .view-buttons>button,.wordhelp-mode .view-buttons .wb-report>summary{min-height:40px}}
}