#first-school-panel[hidden]{display:none}#first-school-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:start;margin:18px 0 24px}.school-source{background:#fffdf6;padding:12px;border:1px solid #d7c9a8;box-shadow:2px 4px 0 #e8dfc5;border-radius:7px}.school-source-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px}.school-source-head strong{font-size:13px;color:#626f54}.school-source button{font-size:12px}.school-source>small{display:block;font-size:11px;color:#65705a;margin-top:5px}.school-cut{position:relative;overflow:hidden;background:#fff;width:100%;margin:8px 0}.school-cut>img{position:absolute;height:auto;max-width:none;display:block;user-select:none}.school-instruction{font-size:17px;line-height:1.5;color:#365b48;margin:0 0 14px}.school-task{min-width:0;border:0;border-top:1px solid #ded5bb;padding:12px 0;margin:12px 0}.school-task legend{font-weight:600;font-size:16px;line-height:1.5;padding-right:6px}.school-options{display:flex;gap:8px;flex-wrap:wrap}.school-options button[aria-pressed=true],.school-alphabet button[aria-pressed=true]{background:#205e53;color:white}.school-task textarea{width:100%;min-height:68px;font-size:16px;margin-top:10px}.school-task input[type=text]{width:100%;font-size:18px;padding:10px;border-radius:8px;border:1px solid #bccbb7}.school-confirm{display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer}.school-confirm input{width:21px;height:21px;flex-shrink:0}.school-help,.school-task small{font-size:12px;color:#68755c;line-height:1.5}.school-picture-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.school-picture-choice{background:white;padding:6px;border:2px solid #d3d7bd;border-radius:10px;color:#344939;position:relative;text-align:left}.school-picture-choice>span{display:block;font-size:12px;line-height:1.3;padding:4px}.school-picture-choice[aria-pressed=true]{border-color:#277263;background:#e7f1dc}.school-picture-choice[aria-pressed=true] .school-cut:after{content:'';position:absolute;inset:4px;border:4px solid #277263;border-radius:50%;pointer-events:none}.school-alphabet{display:flex;flex-wrap:wrap;gap:8px}.school-alphabet button{font-family:Tahoma,Arial,sans-serif;font-size:32px;min-width:48px}.school-colour-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px}.school-colour-tools input{width:40px;height:32px;vertical-align:middle}.school-cut canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.school-cut canvas.active{pointer-events:auto;touch-action:none;cursor:crosshair}.school-finish{background:#205e53;color:white;font-size:15px}.school-transcript{white-space:pre-line;font-size:16px;line-height:1.6}#school-task-feedback{font-size:14px;line-height:1.5;color:#305c47}#school-saved{font-size:12px;color:#607553}#school-cut-zoom{width:min(880px,94vw);max-height:90vh;border:1px solid #d0d9c3;border-radius:14px;padding:15px}#school-cut-zoom::backdrop{background:#16362999}#school-cut-zoom>button{position:sticky;top:0;z-index:2}.first-school-learning .sentence-line{border-top:1px dashed #b6c7a4;padding-top:20px}.first-school-learning .sentence-line:before{content:'Extra word practice';display:block;flex-basis:100%;font-size:12px;color:#617054}.first-school-learning #simple-progress{display:block}.first-school-learning #simple-progress select{width:100%;font-size:15px;padding:10px}.first-school-learning #simple-progress label{font-size:12px;display:block;color:#63725a}.first-school-learning #learning-work summary{font-size:13px}.first-school-learning .lesson-picture{display:none}.first-school-learning #yoshi-lesson .yoshi-lesson-copy{max-width:none;width:100%}@media(max-width:1050px){#first-school-panel{grid-template-columns:1fr}.school-source{max-width:620px;width:100%;margin:auto}.school-tasks{width:100%}}@media(max-width:600px){#first-school-panel{gap:14px}.school-task legend{font-size:16px}.school-picture-choices{gap:8px}.school-picture-choice{padding:3px}.school-picture-choice>span{font-size:11px}.school-source{padding:8px}.school-instruction{font-size:16px}#school-cut-zoom{width:96vw;padding:7px}}@media print{#first-school-panel{display:none!important}}

.school-answer-summary{border:1px solid #d4dfc9;border-radius:14px;padding:16px;background:#fffdf5;margin:16px 0}.school-answer-summary p{white-space:pre-wrap;font-size:16px;line-height:1.7}.school-answer-summary small{color:#62725b}.school-answer-summary[hidden],.simple-learning #school-work-summary{display:none}@media print{#school-work-summary{display:none!important}}

.first-school-learning #simple-progress select{max-width:100%}