/* Fijn getekende taalvariant, uitsluitend het8038-voorbeeld. */
@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:#425b64;--muted:#53666b;--paper:#faf8f2;--green:#316a70;--line:#cad4d0;--pen:'Patrick Hand','Trebuchet MS',sans-serif}
body{background:#faf8f2;font-weight:400;color:var(--ink)}
.top{padding-top:23px;gap:11px}.brand{font-weight:800;font-size:23px}.brand-soft{font-weight:800}.brand-icon{font-family:var(--pen);font-size:30px;line-height:40px;background:#d9e8e5;color:#2b555d;border:1.3px solid var(--edge);border-radius:5px 8px 4px 7px;box-shadow:2px 2px 0 #c8d8d4;transform:rotate(-2deg)}
.quiet{border:1.2px solid #779296;border-radius:5px 7px 4px 6px;background:#fffdf8;font-weight:600;font-size:13px;box-shadow:1px 1px 0 #d3dfda}.top #help,.top .wh-launch{font-size:12px;font-weight:600}.quiet:hover:not(:disabled){background:#e5eeeb}.teacher-print{background:#e7eeea}.letterstrip{height:41px;border:0;background:url('assets/letterlijn.svg') left bottom/100% 18px no-repeat;gap:10px;padding-bottom:9px;margin-top:3px}.letterstrip span{font-family:var(--pen);font-size:19px;font-weight:400;line-height:26px;min-width:27px;padding:0 5px;background:#dfece7;border:1px solid #88a2a0;border-radius:3px 5px 2px 4px;transform:rotate(-2deg)}.letterstrip span:nth-child(2){background:#f4e0cf;transform:rotate(2deg)}.letterstrip span:nth-child(3){background:#e5e6f0;transform:rotate(-1deg)}.letterstrip span:nth-last-child(2){background:#e1e9f0;transform:rotate(2deg)}.letterstrip span:last-child{background:#f2e4d1;transform:rotate(-1deg)}
.hero{position:relative;background:#e8efed;border:1.3px solid #708e90;border-radius:8px 13px 7px 11px / 12px 7px 11px 8px;box-shadow:3px 3px 0 #c9d9d3;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);padding:30px;gap:32px;margin:28px 0 32px}.hero-copy{min-width:0}.hero-copy .eyebrow{font-size:11px;letter-spacing:.8px;font-weight:600;color:#425d65}.hero-copy h1{display:table;font-family:var(--pen);font-size:48px;line-height:1.08;font-weight:400;letter-spacing:0;background:#f6e3d4;color:#30434b;border:1.3px solid #7c8179;border-radius:3px 7px 3px 5px;padding:11px 19px 15px;box-shadow:2px 3px 0 #d4cfc1;transform:rotate(-.5deg);margin:15px 0 22px;max-width:100%}.hero-copy h1 em{font:inherit;color:#2e626a}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--ink)}.hero-tags{gap:15px;margin-top:18px}.hero-tags span{font-size:12px;font-weight:400}.hero-tags span:before{font-weight:600}.welcome-picture{max-width:340px}.welcome-picture img{border:1.3px solid #577279;border-radius:5px 8px 4px 7px;box-shadow:2px 3px 0 #b6cdca}.welcome-picture figcaption{color:#425e64;font-size:11px;margin-top:10px}
h2{font-family:var(--pen);font-weight:400;font-size:31px;letter-spacing:0;line-height:1.2}.dashboard{gap:20px}.dashboard h2{display:inline-block;font-family:var(--pen);font-weight:400;font-size:31px;letter-spacing:0;background:#e4e9f1;border:1.2px solid #7f919e;border-radius:4px 6px 3px 6px;padding:6px 13px 8px;margin:7px 0 10px;box-shadow:2px 2px 0 #d3dadc}.dashboard .eyebrow{font-weight:600;font-size:11px;letter-spacing:.8px}.collection{background:#f2eadb;border:1px solid #b3aa94;border-radius:5px 8px 4px 6px;font-weight:400;padding:10px 13px}.collection strong{font-family:var(--pen);font-weight:400;font-size:25px;color:#385c64}.collection small{font-size:11px}.world-intro,.pool-info{font-size:14px;color:var(--muted)}
.games{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0 25px}.game{--card:#e6edf2;position:relative;background:var(--card);border:1.25px solid #758c95;border-radius:5px 9px 4px 7px / 7px 4px 8px 5px;box-shadow:2px 3px 0 #d3dedb;padding:18px 15px;gap:12px;align-items:flex-start;min-width:0}.game:nth-child(2){--card:#e4eee7;border-radius:8px 4px 7px 5px / 5px 8px 4px 7px}.game:nth-child(3){--card:#f4e5d5}.game:nth-child(4){--card:#ece6f0}.game:nth-child(5){--card:#e5eee9}.game:nth-child(6){--card:#f2e2de}.game.active{background:var(--card);border:2px solid #355f69;padding:17.25px 14.25px;box-shadow:3px 3px 0 #acc7c4}.game:hover{background:var(--card);border-color:#355f69;box-shadow:3px 3px 0 #b9cfca}.game-icon{font-size:24px;line-height:1.3;min-width:26px;color:#3c6570}.game strong{font-family:var(--pen);font-size:24px;line-height:1.1;font-weight:400;letter-spacing:0}.game small{font-size:13px;line-height:1.6;margin-top:8px;color:#425c64}.game[aria-pressed=true] strong:after{font-size:16px;font-weight:600;color:#245860}
.mode-row{background:#f2eee4;border:1px solid #b7b4a2;border-radius:4px 7px 4px 6px;padding:15px 17px}.mode-row label{font-weight:600;font-size:14px}select{border:1px solid #879da0;border-radius:4px 6px 3px 5px;background:#fffefa;color:var(--ink);font-size:14px}.topic-heading{padding-top:21px;background:url('assets/letterlijn.svg') left top/100% 16px no-repeat;margin-top:30px}.topic-heading h2{font-family:var(--pen);font-size:31px;font-weight:400;line-height:1.2;gap:11px}.section-step{font-family:var(--pen);font-size:20px;font-weight:400;border:1px solid #8ca4a6;background:#dfece8;border-radius:3px 5px 3px 4px;min-width:29px;height:31px}.primary{font-family:var(--pen);font-size:22px;line-height:1.2;font-weight:400;background:#376f75;border:1.4px solid #36535b;border-radius:4px 7px 3px 6px / 6px 3px 7px 4px;box-shadow:2px 3px 0 #b3c9c4;padding:10px 19px}.primary:hover:not(:disabled){background:#2e636a}.topic-heading .primary{font-size:19px;padding:9px 14px}
.map{gap:15px;margin-top:18px}.place{--topic:#e4ede7;border:1.2px solid #80979b;border-radius:5px 8px 4px 7px / 8px 5px 7px 4px;box-shadow:2px 3px 0 #d6dfd9;background:#fffefa}.place:nth-child(2),.place:nth-child(7){--topic:#e4eaf2}.place:nth-child(3),.place:nth-child(5){--topic:#f1e3d1}.place:nth-child(4),.place:nth-child(8){--topic:#e8e4ef}.place:nth-child(6){--topic:#e5eee2}.place:hover{background:#fffefa;border-color:#3f6870}.place-art{height:53px;background:var(--topic);border-bottom:1px solid #aebfc0;padding:10px 12px}.place-art:before,.place-art:after{display:none}.place-icon{font-size:25px;filter:grayscale(.8);opacity:.9;color:#40616b}.place-number{font-family:var(--pen);font-size:15px;font-weight:400;color:#53676c}.place-body{padding:15px;gap:6px}.place-title{font-family:var(--pen);font-size:24px;font-weight:400;line-height:1.15}.place-desc,.map .place-desc{font-size:13px;line-height:1.6;min-height:42px}.place-score{border-top:1px solid #ced9d3;padding-top:10px;margin-top:5px;font-size:11px}.place-score b{font-family:var(--pen);font-size:23px;font-weight:400}.resume{background:#e5eeeb;border:1.2px solid #86a19d;border-radius:5px 8px 4px 7px}.local-note{font-size:12px;line-height:1.8}.text-button{font-weight:600}
.mission-top .quiet{background:#e7eeeb}.mission-top .eyebrow{font-weight:600;font-size:11px;letter-spacing:.5px}.question-panel{border:1.4px solid #617c85;border-radius:6px 10px 5px 8px / 9px 5px 8px 6px;box-shadow:3px 3px 0 #d1dfd8;padding:30px;background:#fffefa}.question-panel h1{display:table;font-family:var(--pen);font-size:33px;line-height:1.2;font-weight:400;letter-spacing:0;background:#e5edf3;border:1px solid #8c9daa;border-radius:3px 5px 3px 4px;padding:7px 13px 9px;margin:0 0 19px}.question-panel .instruction{font-family:Nunito,sans-serif;font-weight:400;font-size:16px}.question-panel .sentence{font-family:Nunito,sans-serif;font-size:29px;font-weight:400;background:#f5f6ef;border:1px solid #abbdb7;border-left:3px solid #85a6a5;border-radius:4px 6px 3px 5px;line-height:1.8;padding:24px 20px}.sentence.narrative-text{font-size:23px;background:#f7f6ee;line-height:1.9}.gap{border-width:2px;color:#2d616a}.guide .avatar{width:120px}.speech{position:relative;background:#ebeee0;border:1px solid #9ba995;border-radius:7px 10px 5px 8px;box-shadow:1px 2px 0 #d3dccb}.speech::after{content:'';position:absolute;top:-7px;left:30px;width:11px;height:11px;background:#ebeee0;border-left:1px solid #9ba995;border-top:1px solid #9ba995;transform:rotate(45deg)}.speech p{font-size:14px;line-height:1.7}.speech .eyebrow{font-family:var(--pen);font-size:17px;font-weight:400;letter-spacing:.2px}.pocket strong{font-family:var(--pen);font-size:33px;font-weight:400}.pocket span,.pocket p{font-weight:400}.answer{font-family:var(--pen);font-size:30px;font-weight:400;border:1.4px solid #63838b;border-radius:4px 7px 3px 6px;box-shadow:2px 2px 0 #dce5de;background:#f9fbf6}.answer:hover:not(:disabled){background:#edf3ed}.answer small{font-family:Nunito,sans-serif;font-size:11px;font-weight:400}.answer.correct{background:#e4efe4;border-color:#4e855f}.answer.wrong{background:#f7e8de;border-color:#a7765d}.answer.gate-answer{border-top-width:5px}.answers.words .answer{font-size:26px}.answers.reason .answer{font-family:Nunito,sans-serif;font-size:16px;line-height:1.6;font-weight:400}.feedback{font-size:16px;font-weight:400}.why{background:#eaf0e4;border:1px solid #a6b69a;border-left:3px solid #82a48a;border-radius:4px 7px 3px 5px;padding:18px}.why h3{font-family:var(--pen);font-size:25px;font-weight:400}.why p{font-family:Nunito,sans-serif;font-size:15px;line-height:1.8}.why .example-line{font-size:14px;font-weight:600}.factory-instruction{background:#e6eee9;border:1.2px solid #8ba69a;border-left:4px solid #57857c;border-radius:5px 8px 4px 6px;box-shadow:none;padding:20px}.factory-step{font-family:Nunito,sans-serif;font-size:11px;font-weight:600}.factory-task{font-family:var(--pen);font-size:34px;font-weight:400;line-height:1.2;letter-spacing:0;color:#314f55}.factory-action{font-family:Nunito,sans-serif;font-size:16px;line-height:1.6;font-weight:600}.factory-example{font-size:14px;font-weight:400}.story-instruction{background:#e5edf3;border-color:#98aab9;border-left-color:#64889f}.story-history{background:#f0efdf;border:1px solid #b6baa5;border-radius:4px 7px 3px 5px}.story-history summary{font-family:var(--pen);font-size:22px;font-weight:400}.story-history p{font-family:Nunito,sans-serif;font-size:16px;font-weight:400;line-height:1.8}.article-choice{font-family:Nunito,sans-serif;font-weight:400;background:#e7efea;border:1px solid #8fa89b;border-radius:3px 5px 3px 4px}.building,.word-token{background:#f0f2e7;border-radius:5px 8px 4px 6px;border-color:#8ea79c}.word-token{font-family:Nunito,sans-serif;font-size:31px;font-weight:600}.chunk{font-family:Nunito,sans-serif;font-weight:600;border:1.2px solid #809b94;border-radius:4px 6px 3px 5px}.building .chunk{background:#dfeadf}.stage-dots span{border-radius:3px}.keyboard{font-size:11px;line-height:1.7;color:#56696e}
.finish{background:#edf2e9;border:1.3px solid #91a69a;border-radius:7px 12px 5px 9px;padding:30px}.finish h1{font-family:var(--pen);font-weight:400;font-size:40px;letter-spacing:0}.finish-medal{font-size:35px}.review div{border:1px solid #a6b6ad;border-radius:4px 7px 3px 5px;background:#fffefa}.review h3{font-family:var(--pen);font-size:24px;font-weight:400}.review small{font-size:13px}footer{border:0;padding-top:29px;background:url('assets/letterlijn.svg') left top/100% 18px no-repeat;font-size:12px}
dialog,.wh-dialog{border:1.4px solid #617c85;border-radius:7px 11px 5px 9px;background:#faf8f2;box-shadow:3px 3px 0 #344f5733}dialog h2,.wh-top h2{font-family:var(--pen);font-size:31px;line-height:1.2;font-weight:400}.wh-top{background:#faf8f2}.wh-meaning{font-family:Nunito,sans-serif;font-size:21px;line-height:1.8;font-weight:400}.wh-card{border:1px solid #9bada5;border-radius:4px 7px 3px 5px}.wh-card>span{font-family:Nunito,sans-serif;font-weight:600}.wh-inline{font-family:inherit;font-weight:inherit;border:0;text-decoration:none}.wh-inline:hover{background:#dfeae3}.wh-answer-wrap>.wh-info{background:#e9f0e8;border-radius:3px 5px 3px 4px;border:1px solid #92ada1}.wh-answer-wrap>.wh-info::before{font-family:var(--pen);font-size:19px;font-weight:400}.wh-note,.wh-hint{font-weight:400}.print-intro h1{display:table;font-family:var(--pen);font-size:43px;line-height:1.2;font-weight:400;background:#e2eaf0;border:1.2px solid #8a9fa9;border-radius:4px 7px 3px 5px;padding:8px 17px 12px;box-shadow:2px 2px 0 #ccd8db}.print-intro .eyebrow{font-weight:600}.print-settings{border:1.3px solid #718a8e;border-radius:7px 11px 5px 9px;background:#fffefa;box-shadow:3px 3px 0 #d7e1d9}.print-settings fieldset{background:#e8efea;padding:17px;border:1px solid #b4c3b7;border-radius:5px 8px 4px 6px}.print-settings legend{font-family:var(--pen);font-size:25px;font-weight:400;line-height:1.3;padding:0 6px}.print-options label{font-weight:600}.print-options input,.print-options select{border-radius:4px 6px 3px 5px}.print-settings #print-status{font-weight:400}
@media(min-width:1400px){.hero{padding:30px}}
@media(max-width:950px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:26px;gap:25px}.hero-copy h1{font-size:43px;padding:10px 16px 13px}.hero-copy>p{font-size:16px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.game strong{font-size:24px}.question-panel{padding:24px}.question-panel h1{font-size:31px}}
@media(max-width:700px){.top{padding-top:17px}.hero{grid-template-columns:minmax(0,1fr) 185px;gap:20px;padding:23px;margin-top:22px}.hero-copy h1{font-size:36px;line-height:1.12;padding:9px 12px 12px;margin:12px 0 18px}.hero-copy>p{font-size:16px}.hero-tags{gap:8px 12px}.hero-tags span{font-size:11px}.dashboard h2,.topic-heading h2{font-size:29px}.game,.game.active{gap:10px}.game{padding:16px 12px}.game.active{padding:15.25px 11.25px}.game-icon{font-size:23px;min-width:24px}.game strong{font-size:24px}.game small{font-size:13px}.collection{padding:8px 10px}.collection strong{font-size:24px}.place-title{font-size:23px}.place-desc,.map .place-desc{font-size:13px}.guide .avatar{width:76px}.speech p{font-size:13px}.speech::after{top:20px;left:-7px;transform:rotate(-45deg)}.question-panel{padding:23px 18px}.question-panel h1{font-size:30px}.question-panel .sentence{font-size:27px;padding:22px 16px}.sentence.narrative-text{font-size:22px}.factory-task{font-size:31px}.factory-action{font-size:16px}.answers.words .answer{font-size:26px}.answers.reason .answer{font-size:15px}.print-intro h1{font-size:38px}}
@media(max-width:520px){.hero{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:22px;margin-top:20px}.hero-copy h1{font-size:39px;line-height:1.1;padding:10px 14px 14px;margin-top:13px}.hero-copy>p{font-size:16px}.welcome-picture{max-width:275px;justify-self:start}.welcome-picture figcaption{font-size:11px}.dashboard{gap:12px}.dashboard h2{font-size:29px;padding:6px 10px 8px}.dashboard .eyebrow{font-size:10px;letter-spacing:.5px}.collection{max-width:117px;padding:7px 9px;font-size:10px}.collection strong{font-size:23px;display:inline}.collection small{font-size:10px}.games{gap:12px}.game,.game.active{flex-direction:column;gap:8px}.game{padding:15px 12px}.game.active{padding:14.25px 11.25px}.game strong{font-size:24px;line-height:1.12}.game small{font-size:13px;line-height:1.6;margin-top:8px}.game-icon{font-size:23px}.world-intro{font-size:13px}.mode-row{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 12px;align-items:center;padding:14px 12px}.mode-row label{font-size:13px}.mode-row select{width:100%;min-width:0;font-size:13px}.topic-heading{padding-top:24px;gap:13px}.topic-heading h2{font-size:29px}.topic-heading .primary{font-size:19px}.map{gap:12px}.place-body{padding:13px 11px}.place-title{font-size:23px}.place-desc,.map .place-desc{font-size:13px;min-height:59px;line-height:1.6}.place-score{font-size:10px}.place-icon{font-size:24px}.place-art{height:50px;padding:10px}.place-number{font-size:15px}.primary{font-size:22px}.mission-top .eyebrow{font-size:10px}.question-panel{padding:21px 14px}.question-panel h1{font-size:29px;padding:6px 10px 8px;margin-bottom:17px}.question-panel .instruction{font-size:16px}.question-panel .sentence{font-size:26px;padding:20px 13px}.sentence.narrative-text{font-size:22px;line-height:1.9}.factory-instruction{padding:18px 13px}.factory-task{font-size:31px}.factory-action{font-size:16px}.factory-example{font-size:14px}.why{padding:16px 13px}.why p{font-size:15px}.answer{font-size:30px}.answers.reason .answer{font-size:15px}.wh-meaning{font-size:21px}.finish{padding:24px 17px}.finish h1{font-size:34px}.print-intro h1{font-size:36px}.print-settings{padding:16px}.print-settings fieldset{padding:13px}.print-settings legend{font-size:24px}.topic-checks label{font-size:13px}}
}
@media screen{.dashboard>div:first-child>.eyebrow{display:block}.question-panel h1{display:block;width:fit-content;max-width:100%;word-spacing:.04em}.hero-copy h1,.game strong,.place-title{word-spacing:.025em}}