/* Comfortable reading sizes and purposeful space on school laptops and tablets. */
#panel.lesson-dialog section{width:min(1380px,98vw);padding:18px 22px}
#panel.lesson-dialog #panelTitle{font-size:clamp(22px,2.1vw,32px);margin-bottom:12px}
.lesson-layout{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lesson-task{gap:10px;padding:4px 0}.lesson-task h3{font-size:clamp(21px,2vw,28px)}
.lesson-instruction,.lesson-feedback,.lesson-context,.journey-control p,.journey-brief-text{font-size:17px;line-height:1.45}
.lesson-option,.lesson-answers.many-options button{font-size:17px;line-height:1.35;padding:13px 15px}
.lesson-step{font-size:12px}.lesson-feedback{min-height:48px}.lesson-context{max-width:680px;color:#365848}
.lesson-answers{justify-content:flex-start;padding-top:12px;gap:10px}
.lesson-actions button{font-size:16px;min-height:48px}.lesson-footer{margin-top:auto}
.lesson-role-card{flex:none;padding:18px 22px;gap:8px;text-align:left;align-items:flex-start;justify-content:flex-start;background:#e9efde}
.lesson-symbol,.lesson-eyebrow{display:none}.lesson-role{font-size:20px}
.text-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px;max-width:980px;width:100%;margin:0 auto}
.text-layout .lesson-source{padding:0;border:0;background:none}.text-layout .lesson-task{min-height:0}
.text-layout .lesson-context{max-width:none}.text-layout .lesson-answers{padding-top:4px}
.observation-info{font-size:clamp(18px,1.8vw,23px);line-height:1.55;color:#244e43;margin:0;max-width:52ch}
.observation-next{font-size:16px;color:#5b715e;border-top:1px solid #d4ddcc;padding-top:16px;margin-top:18px}
.interview-answer{font-size:19px;line-height:1.5;color:#254f43;margin:0;background:#e9efde;padding:16px;border-radius:12px;min-height:140px}
.interview-questions{display:flex;flex-direction:column;gap:8px}.interview-questions button{min-height:46px;text-align:left;font-size:16px;padding:10px 14px}.interview-questions .asked{border-color:#52835d;background:#e5efd9}.interview-questions .asked:before{content:'✓ ';color:#456e46}
#panel.diagram-dialog .lesson-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.42fr)}
.diagram-layout .lesson-source{justify-content:center;padding:6px}.diagram-layout .lesson-figure{justify-content:center;flex:1}
.diagram-surface{position:relative;max-height:100%;width:100%;min-height:0;align-self:center;flex:0 1 auto}
.diagram-surface>img{width:100%;height:100%;object-fit:fill;display:block}.diagram-pins{position:absolute;inset:0;pointer-events:none}
.diagram-pins .picture-drop{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:3px solid #fff9dd;border-radius:50%;background:#254f43;color:white;font:bold 19px system-ui;box-shadow:0 2px 6px #22382d70;line-height:1;display:block}
.diagram-pins .picture-drop.filled{background:#bd8f31;border-color:#fff4c9}.diagram-pins .picture-drop:focus-visible{outline:3px solid #1d7baf;outline-offset:3px}.diagram-pins .picture-drop:disabled{opacity:1}
.diagram-layout .picture-bank{display:flex;flex-direction:column;gap:7px;min-height:0;width:100%;padding:0;background:none;border:0;overflow:visible}
.diagram-layout .drag-token{min-height:44px;min-width:0;width:100%;font-size:15px;padding:9px 11px;text-align:left;line-height:1.25;flex:0 1 auto}
.diagram-layout .drag-token.placed{background:#e5edda;color:#2f5a42}.diagram-layout .drag-token.selected{outline:3px solid #c19b48;background:#fff0b8}
.diagram-layout .picture-bank.many-tokens{display:grid;grid-template-columns:1fr 1fr;gap:6px}.diagram-layout .many-tokens .drag-token{min-height:54px;overflow-wrap:anywhere;font-size:14px}
.diagram-layout .lesson-answers{padding-top:0}.diagram-layout .lesson-feedback{font-size:15px;min-height:65px}.diagram-layout .lesson-task h3{font-size:22px}
.lesson-answers.month-answers .lesson-option{font-size:15px;min-height:44px;padding:8px 4px}
.class-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.class-chapter{padding:20px;border:1px solid #becdb3;border-radius:14px;background:#fffdf3;display:flex;flex-direction:column;gap:10px}.class-chapter h3{font-size:24px;line-height:1.2;margin:0}.class-chapter p{font-size:17px;line-height:1.4}.class-chapter button{margin-top:auto;font-size:16px;min-height:48px}.sheet-link{display:block;padding:18px;margin:12px 0;background:#e4edda;border-radius:10px;color:#264f43;font-size:18px}
#classChapterStart{display:block;min-height:44px;margin:10px auto;font-size:16px}
@media(max-height:720px){#panel.lesson-dialog section{padding:12px 18px}.lesson-layout{gap:14px}.lesson-task{gap:6px}.lesson-option,.lesson-answers.many-options button{font-size:16px;padding:9px 11px}.lesson-feedback,.lesson-instruction,.lesson-context,.journey-control p,.journey-brief-text{font-size:16px}.lesson-feedback{min-height:40px}.lesson-answers{gap:7px;padding-top:4px}.lesson-task h3{font-size:22px}.interview-answer{font-size:17px;min-height:110px;padding:12px}.interview-questions button{font-size:15px;padding:8px 11px}.diagram-layout .drag-token{font-size:14px;padding:7px 9px}.diagram-layout .lesson-feedback{font-size:14px;min-height:50px}}
@media(max-width:850px) and (min-width:651px){.lesson-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}#panel.diagram-dialog .lesson-layout{grid-template-columns:minmax(0,1fr) 235px}.diagram-layout .lesson-task h3{font-size:20px}.diagram-layout .drag-token{font-size:14px}.lesson-answers.month-answers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){#panel.lesson-dialog section{overflow-y:auto;height:calc(100dvh - 12px)}.lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(170px,.8fr) minmax(0,1.5fr);gap:8px}.text-layout{grid-template-rows:auto minmax(0,1fr)}.lesson-context,.lesson-instruction,.lesson-feedback,.journey-control p{font-size:15px}.lesson-option,.lesson-answers.many-options button{font-size:15px;padding:9px}.lesson-answers{padding:0}.lesson-role-card{padding:12px}.lesson-task h3{font-size:20px}.observation-info{font-size:17px}.interview-answer{font-size:16px;min-height:0}.class-chapters{grid-template-columns:1fr}.class-chapter{padding:12px}.class-chapter h3{font-size:20px}.class-chapter p{font-size:15px}#panel.diagram-dialog .lesson-layout{display:flex;flex-direction:column;overflow:auto}.diagram-layout .lesson-source{min-height:230px;flex:1}.diagram-layout .lesson-task{flex:1}.diagram-layout .picture-bank{display:grid;grid-template-columns:1fr 1fr;gap:5px}.diagram-layout .drag-token{font-size:13px}.diagram-layout .lesson-feedback{min-height:40px}.diagram-pins .picture-drop{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px}}