/* R.10: ordinary typography and whitespace follow the read-only lesson 03 reference. */
.history-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:center}.history-layout .media img{height:48vh;max-height:560px}.history-layout .copy{gap:18px}.history-layout .copy p{font-size:clamp(22px,2vw,31px);line-height:1.65}.history-layout .copy .small{font-size:19px;line-height:1.6}.history-layout .copy .eyebrow{font-size:18px;line-height:1.65;margin:0}.history-layout .source{font-size:12px!important}.history-layout .inquiry p{font-size:25px;line-height:1.5}.history-layout .inquiry small{font-size:18px}.wide-photo .media img{height:49vh}.diagram-surface{width:100%;height:44vh;min-height:250px;display:flex;align-items:center;justify-content:center}.diagram-surface svg{width:100%;height:100%}.lesson-note{font-size:18px;color:var(--muted)}.rule-list{display:grid;gap:12px}.rule-list p{font-size:clamp(22px,2vw,31px);line-height:1.65}.rule-list b{color:#927137}.hero .art-caption{padding:5px 10px;border-radius:5px;background:#123e3cc9}.scope-badge{font-size:14px;color:#796748;background:#ebe6d4;border-radius:6px;padding:6px 10px;display:inline-block}.slide .source a{display:inline-block}.subtle-highlight{outline:3px solid transparent;outline-offset:8px;border-radius:10px}.motion-running .active .subtle-highlight{animation:focus 3.5s ease-in-out 2}.motion-paused .subtle-highlight{animation-play-state:paused!important}.slide:not(.active) *{animation:none!important}#frames{height:calc(100% - 64px)}#frames iframe{border:0;width:100%;height:100%;display:block}.handbook-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px}.handbook-layout img{height:64vh;width:100%;object-fit:contain;min-height:280px}.handbook-layout .copy p{font-size:clamp(22px,2vw,31px);line-height:1.65}.handbook-layout .copy .small{font-size:19px}.envelopes{display:flex;gap:14px;margin:20px 0}.envelope{display:flex;align-items:center;justify-content:center;width:145px;height:105px;border:3px solid #527666;background:linear-gradient(145deg,transparent 48%,#ccd7c9 49%,#ccd7c9 51%,transparent 52%),#fff7e1;box-shadow:0 8px 0 #b8c1b0;border-radius:7px;font-size:34px;font-weight:bold}.clue-banner{background:#e6ecdf;border-left:5px solid #b99143;padding:12px 18px;font-size:clamp(22px,2vw,31px);line-height:1.65;margin:12px 0}.transfer-compute{font-size:clamp(22px,2vw,31px);min-height:68px;line-height:1.65}.history-layout .copy .lead{font-size:clamp(25px,2.6vw,39px);line-height:1.48}
@media(max-height:760px) and (min-width:901px){.history-layout{gap:32px}.history-layout .copy{gap:15px}.history-layout .copy p{font-size:24px}.history-layout .copy .small{font-size:18px}.history-layout .copy .lead{font-size:30px}.history-layout .inquiry p{font-size:23px}.history-layout .inquiry small{font-size:17px}.history-layout .media img{height:47vh}.handbook-layout img{height:67vh}.handbook-layout .copy p{font-size:24px}.handbook-layout .copy .small{font-size:18px}.rule-list p{font-size:24px}.clue-banner,.transfer-compute{font-size:24px}.diagram-surface{height:43vh}.hero .art-caption{font-size:12px}}
@media(max-width:900px){.history-layout,.handbook-layout{grid-template-columns:1fr}.history-layout .media img{height:40vh}.handbook-layout img{height:55vh}.envelope{width:100px;height:85px}#frames{height:calc(100% - 85px)}}

/* The artwork is a background: blank hero space keeps the standard page action. */
.printing-visual .media img{object-fit:cover;object-position:50% 50%}
.history-layout .history-pair{grid-template-columns:1fr;gap:15px}.history-layout .history-pair .media img{height:21vh;max-height:250px}.history-pair .recall-card:last-child{grid-column:auto}.history-pair .history-source-links{display:none}
.printing-visual,.rain-visual{min-width:0}.printing-visual .media img{height:25vh;min-height:0;max-height:300px}.printing-visual .media figcaption{font-size:12px}.print-sample{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-top:12px;align-items:end}.print-sample span{display:block;font-size:17px;line-height:1.4;margin-bottom:7px;text-align:center}.print-board b,.print-sheets b{display:grid;place-items:center;width:100%;height:112px;font-family:'KaiTi','SimSun',serif;font-size:76px;line-height:1;border-radius:6px}.print-board b{background:#614e39;color:#eddabb;transform:scaleX(-1);box-shadow:inset 0 0 0 5px #887151}.print-sheets{display:flex;gap:8px;height:112px}.print-sheets b{background:#fffcf2;border:1px solid #b5b9a6;opacity:0}.print-sheets .sheet-two{display:none}.printing-visual[data-stage="1"] .sheet-one{opacity:1;color:transparent;background:#f6efdc}.printing-visual[data-stage="2"] .sheet-one,.printing-visual[data-stage="3"] .sheet-one,.printing-visual[data-stage="3"] .sheet-two{opacity:1}.printing-visual[data-stage="3"] .sheet-two{display:grid}.process-footnote{font-size:12px;line-height:1.5;color:var(--muted);margin-top:7px;text-align:center}.history-process-controls{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:12px}.history-layout .copy .process-status{font-size:20px;line-height:1.5;min-height:2.9em;color:#275f56}.process-layout .copy{gap:14px}.rain-art{position:relative;width:100%;aspect-ratio:3/2}.rain-art>img{width:100%;height:100%;object-fit:contain;display:block}.rain-art svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rain-laps,.rain-route,.rain-exit{visibility:hidden}.rain-visual[data-stage="1"] .rain-laps,.rain-visual[data-stage="2"] .rain-laps,.rain-visual[data-stage="3"] .rain-laps,.rain-visual[data-stage="2"] .rain-route,.rain-visual[data-stage="3"] .rain-route,.rain-visual[data-stage="3"] .rain-exit{visibility:visible}.rain-visual figcaption{font-size:13px;line-height:1.6;color:var(--muted);padding-top:9px}.slope-label{position:absolute;font-size:20px;color:#335c51;background:#f5f1e5e6;padding:2px 7px;border-radius:4px}.slope-start{left:2%;top:6%}.slope-end{right:2%;bottom:7%}
@media(max-height:760px) and (min-width:901px){.history-layout .history-pair .media img{height:19vh}.process-layout .copy .lead{font-size:28px}.process-layout .copy p{font-size:23px}.process-layout .inquiry{padding:10px 14px}.process-layout .inquiry p{font-size:22px}.history-layout .copy .process-status{font-size:19px}.printing-visual .media img{height:22vh}.print-board b,.print-sheets b,.print-sheets{height:96px}.print-board b,.print-sheets b{font-size:65px}.history-process-controls{padding-top:10px;gap:8px}}
.history-recall{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}
.history-recall .recall-card{margin:0;min-width:0}
.history-recall .recall-card:last-child{grid-column:1/-1}
.history-layout .history-recall .media img{height:19vh;max-height:215px;min-height:0;width:100%;object-fit:contain}
.history-recall figcaption{font-size:12px;line-height:1.4;margin-top:6px}
.history-recall figcaption strong{font-size:20px;line-height:1.5;color:var(--ink)}
.history-recall .history-source-links{font-size:11px!important}
@media(max-height:760px) and (min-width:901px){.history-recall{gap:12px}.history-layout .history-recall .media img{height:16vh}.history-recall figcaption{font-size:11px}.history-recall figcaption strong{font-size:19px}}
@media(max-width:900px){.history-layout .history-recall .media img{height:22vh}}
.hero-art{pointer-events:none}
/* Match the child viewport to the actual header, including wrapped narrow layouts. */
#demoPanel{display:flex;flex-direction:column}
#demoPanel header{height:auto;min-height:54px;flex:0 0 auto}
#frames{height:auto;flex:1;min-height:0}
.handbook-layout .copy .easter-task{font-size:clamp(22px,2vw,31px);line-height:1.65}
.handbook-layout .copy .lead{font-size:clamp(25px,2.6vw,39px);line-height:1.48}
@media(max-height:760px) and (min-width:901px){.handbook-layout .copy .easter-task{font-size:24px}.handbook-layout .copy .lead{font-size:30px}}

/* The paper stays A5; its evidence is projected separately at classroom size. */
.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.review-tabs,.review-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.review-toolbar button,.review-actions button{font-size:20px}
.review-tabs [aria-pressed="true"]{background:#315e50;color:#fff9e9;border-color:#315e50}
.review-main{display:grid;grid-template-columns:1fr 1.16fr;gap:46px;align-items:center;min-height:0}
.review-evidence{text-align:center;min-width:0}
.review-evidence h3{font-size:25px;line-height:1.4;margin-bottom:10px}
#reviewGrid{--cell:min(94px,calc((100vh - 450px)/5));display:grid;grid-template-columns:26px repeat(5,var(--cell));grid-template-rows:25px repeat(5,var(--cell));gap:4px;justify-content:center;margin:auto}
.review-axis{display:flex;align-items:center;justify-content:center;font-size:19px;color:#587469}
.review-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border:1px solid #80978d;border-radius:4px;font-size:clamp(30px,2.7vw,43px);font-weight:bold;line-height:1;background:#bdcac2;color:#173f3e}
.review-cell.known{background:#fffef7}
.review-cell.neighbour{outline:2px dotted #4c7766;outline-offset:-5px}
.review-cell.clue{border:4px solid #aa7930;background:#fff2cc}
.review-cell.proven-safe{background:#e4efdd}
.review-cell.proven-check{background:#f4ddb0}
.review-cell small{font-size:17px;line-height:1.2;margin-top:3px;font-weight:600}
.review-evidence figcaption{font-size:17px;line-height:1.5;color:#5b7267;margin:10px auto 0;max-width:520px}
.review-copy{display:grid;gap:20px;min-width:0}
#reviewQuestion{font-size:clamp(25px,2.05vw,32px);font-weight:700;line-height:1.5}
#reviewQuestion .question-detail{display:block;font-size:clamp(22px,1.9vw,29px);font-weight:400;line-height:1.5;margin-top:8px}
#reviewQuestion .block-answer{display:none}
#reviewIntro,#reviewReason{font-size:clamp(22px,2vw,31px);line-height:1.65}
#reviewAnswer{font-size:clamp(25px,2.25vw,35px);font-weight:bold;line-height:1.5;margin-bottom:10px}
.review-reminder{font-size:19px;color:#60756c;line-height:1.6}
#reviewLeaf img{display:block;width:100%;max-height:48vh;object-fit:contain;margin:0 auto 12px}
#reviewLeaf button{font-size:20px}
@media(max-height:760px) and (min-width:901px){#reviewGrid{--cell:min(94px,calc((100vh - 380px)/5))}.review-toolbar button,.review-actions button,#reviewLeaf button{font-size:18px;padding:9px 15px}.review-main{gap:32px}.review-copy{gap:16px}#reviewQuestion,#reviewAnswer{font-size:27px}#reviewQuestion .question-detail,#reviewIntro,#reviewReason{font-size:24px}.review-reminder{font-size:18px}.review-evidence h3{font-size:22px;margin-bottom:6px}.review-evidence figcaption{font-size:16px;margin-top:7px}}
@media(max-width:900px){.review-main{grid-template-columns:1fr;gap:28px}.review-toolbar{align-items:flex-start;flex-wrap:wrap}#reviewGrid{--cell:min(13vw,70px)}.review-slide{height:auto!important}.review-copy{padding-bottom:20px}}
.print-board{position:relative}.cover-paper{display:none;position:absolute;bottom:0;left:0;width:100%;height:112px;border:1px solid #b5b9a6;border-radius:5px;background:#fffdf2;color:#60756c;font-size:26px;align-items:center;justify-content:center;box-shadow:0 3px 4px #3d382324}.printing-visual[data-stage="1"] .cover-paper{display:flex}.printing-visual[data-stage="1"] .sheet-one{opacity:0}.printing-visual:not([data-stage="0"]) .print-board b{color:#191a15}.printing-visual .media img{object-fit:cover;object-position:50% 50%}
@media(max-height:760px) and (min-width:901px){.cover-paper{height:96px}}
.history-observation{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:14px}
.history-story{min-width:0}.history-story [hidden]{display:none!important}
.history-layout .history-story .media img{width:100%;height:46vh;max-height:520px;min-height:0;object-fit:contain}
.history-story figcaption{font-size:13px;line-height:1.5}.history-story figcaption strong{font-size:21px;color:var(--ink)}
.history-story-controls{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.history-layout .copy .story-status{font-size:20px;line-height:1.5;color:var(--muted)}
@media(max-height:760px) and (min-width:901px){.history-layout .history-story .media img{height:45vh}.history-story figcaption{font-size:12px}.history-story-controls{padding-top:10px}.history-layout .copy .story-status{font-size:18px}}
.observation-space{min-height:6.3em;font-size:24px}
.history-layout .copy .observation-space p{font-size:24px;line-height:1.6;color:#275f56}
.observation-layout .copy{gap:16px}
@media(max-height:760px) and (min-width:901px){.observation-layout .copy .lead{font-size:28px}.history-observation{gap:10px;padding-top:10px}.observation-space{font-size:22px}.history-layout .copy .observation-space p{font-size:22px}}

/* Three story beats share a stable stage; only the evidence image switches. */
.scenario-layout{display:grid;grid-template-columns:1.38fr 1fr;gap:42px;align-items:center;min-height:0}
.scenario-layout .media img{height:43vh;max-height:500px;min-height:0;object-fit:contain}
.scenario-layout .media figcaption{font-size:13px;line-height:1.5}
.scenario-copy{display:grid;gap:18px;min-width:0}
.scenario-copy .scenario-kicker{font-size:17px;line-height:1.5;color:#826538;letter-spacing:.03em}
.scenario-speech{margin:0;border-left:4px solid #52877a;border-radius:0 12px 12px 0;background:#e6ece1;padding:13px 18px}
.scenario-speech.guide{border-color:#ac8242;background:#eee6d4}
.scenario-speech p{font-size:clamp(24px,2.05vw,32px);line-height:1.55}
.scenario-speech .scenario-speaker{font-size:16px;line-height:1.4;color:#536f64;margin-bottom:7px}
.scenario-speech.guide .scenario-speaker{color:#876735}
.scenario-copy .scenario-narration{font-size:clamp(24px,2vw,30px);line-height:1.6;color:#60756c}
.scenario-copy .scenario-goal{font-size:clamp(24px,2vw,30px);line-height:1.6}
.scenario-copy .scenario-transition{font-size:clamp(24px,2vw,30px);line-height:1.55;color:#8a6736;border-top:1px solid #c9cdbd;padding-top:16px}
.scenario-evidence{min-width:0}
.scenario-evidence-controls{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.scenario-evidence-controls .story-status{font-size:16px;line-height:1.4;color:var(--muted)}
.scenario-evidence-controls .actions{gap:8px}
.scenario-evidence-controls button{font-size:17px;padding:9px 12px}
@media(max-height:760px) and (min-width:901px){.scenario-layout{gap:30px}.scenario-copy{gap:13px}.scenario-speech{padding:10px 14px}.scenario-speech p{font-size:24px}.scenario-speech .scenario-speaker{font-size:15px;margin-bottom:5px}.scenario-copy .scenario-kicker{font-size:16px}.scenario-copy .scenario-narration,.scenario-copy .scenario-goal,.scenario-copy .scenario-transition{font-size:24px}.scenario-evidence-controls{flex-wrap:wrap;gap:8px}.scenario-layout .media figcaption{font-size:12px}.scenario-evidence-controls .story-status{font-size:15px}}
@media(max-width:1100px) and (min-width:901px){.scenario-layout{grid-template-columns:1.18fr 1fr;gap:25px}.scenario-speech p{font-size:23px}.scenario-copy{gap:12px}.scenario-evidence-controls{flex-wrap:wrap;gap:8px}}
@media(max-width:900px){.scenario-layout{grid-template-columns:1fr;gap:26px}.scenario-layout .media img{height:auto;max-height:none;aspect-ratio:16/9}.scenario-copy{gap:15px}.scenario-speech p{font-size:24px}.scenario-copy .scenario-narration,.scenario-copy .scenario-goal,.scenario-copy .scenario-transition{font-size:24px}.scenario-evidence-controls{flex-wrap:wrap}}
.roof-evidence{min-width:0}.roof-comparison{display:grid;gap:8px}.roof-case{border:1px solid #c7cfbf;border-radius:12px;background:#fffdf5;padding:10px 14px}.roof-case h3{margin:0;font-size:24px;color:#234f47}.roof-case svg{display:block;width:100%;height:auto;max-height:185px}.roof-reasons{visibility:hidden}.roof-comparison[data-reasons="true"] .roof-reasons{visibility:visible}.roof-footnote{font-size:13px;line-height:1.5;color:#49675f;margin:0}.roof-compare-copy{display:grid;gap:14px}.roof-answer-space{min-height:7.6em;font-size:24px}.roof-view-controls{border-top:1px solid var(--line);padding-top:12px}.roof-view-controls [aria-pressed="true"]{background:#164e45;color:#fff}.roof-compare-copy .inquiry p{font-size:clamp(25px,2.15vw,34px)}
@media(max-height:760px) and (min-width:901px){.roof-case svg{max-height:155px}.roof-case h3{font-size:23px}.roof-answer-space{font-size:23px;min-height:7em}.roof-compare-copy{gap:10px}.roof-compare-copy .inquiry p{font-size:26px}}
.history-closing{border-top:1px solid var(--line);padding-top:12px}.history-closing summary{cursor:pointer;font-size:22px;color:#164e45;padding:8px 0}.history-layout .copy .history-closing p{font-size:24px;line-height:1.5;margin-top:10px}
/* The document is always the unchanged scan; the viewport isolates the relevant passage. */
.history-document{min-width:0}.document-detail svg{display:block;width:100%;height:43vh;max-height:520px}.document-controls{margin-top:12px;gap:9px}.document-controls button{font-size:18px;padding:9px 13px}.document-controls [aria-pressed="true"]{background:var(--ink);color:#fff9e9}.history-document .media figcaption{font-size:12px;line-height:1.5}.history-layout .history-document .media img{height:43vh;min-height:0;object-fit:contain}.history-excerpt{border-left:4px solid #b59451;padding:0 0 0 17px}.history-layout .copy .excerpt-label{font-size:17px;color:var(--muted);margin-bottom:7px}.history-excerpt blockquote{margin:0;font-size:clamp(25px,2.3vw,34px);line-height:1.6;font-family:'KaiTi','SimSun',serif;color:#254c43}.history-layout .copy .excerpt-translation{font-size:21px;line-height:1.6;margin-top:10px}.excerpt-layout .copy{gap:15px}.excerpt-layout .copy .lead{font-size:clamp(25px,2.2vw,33px)}
@media(max-height:760px) and (min-width:901px){.document-detail svg,.history-layout .history-document .media img{height:40vh}.excerpt-layout .copy{gap:12px}.history-excerpt blockquote{font-size:26px}.history-layout .copy .excerpt-translation{font-size:22px}.excerpt-layout .copy .lead{font-size:27px}}
@media(max-width:900px){.document-detail svg,.history-layout .history-document .media img{height:42vh}.document-controls{flex-wrap:wrap}}
.document-detail svg{width:auto;max-width:100%;margin:auto;overflow:hidden}