.diagram{width:100%;max-height:47vh;display:block;border-radius:18px;background:#e4ece2}.diagram text{font-family:'Microsoft YaHei',sans-serif}.media figcaption{font-size:12px}.slide-head{gap:16px}.slide.active{gap:20px}.copy{gap:15px}.inquiry{padding:12px 18px}.inquiry p{font-size:23px}.history .copy p{font-size:clamp(22px,1.9vw,29px)}.history .copy .small{font-size:17px}.history .media img{height:43vh}.history .source{font-size:11px!important}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-grid .media img{height:26vh;min-height:100px}.photo-grid figcaption{font-size:11px}.wide-media{width:100%;height:39vh;object-fit:contain}.inline-demo{width:100%;height:49vh;border:1px solid #94b1a4;border-radius:14px;background:#dce6d8}.method-content .copy p{font-size:24px}.page-source{position:absolute;left:5vw;bottom:8px;right:5vw;font-size:11px;color:#6b7e70}.history{padding-bottom:42px}.slide .diagram .water-motion{stroke-dasharray:14 10}.motion-running:not(.motion-paused):not(.reduced) .slide.active .diagram .water-motion{animation:waterDraw 3s linear infinite}.slide:not(.active) .water-motion,.motion-paused .water-motion,.reduced .water-motion{animation-play-state:paused!important}@keyframes waterDraw{to{stroke-dashoffset:-48}}.focus-pulse{animation:none!important}.diagram-note{font-size:13px;color:#627866;padding-top:8px}.hero-copy{width:46%}.hero h1{font-size:clamp(46px,5vw,76px)}.hero .small{font-size:20px}.hero:before{background:linear-gradient(90deg,#0c3439cc,#123e3e65 45%,transparent 72%)}.handbook-preview{height:48vh!important}.grade-recap{font-size:28px!important;font-weight:600}.condition .diagram{max-height:42vh}.photo-grid .media{min-width:0}#demoPanel header span{font-size:16px}#imageDialog img{object-fit:contain;max-height:76vh}#helpDialog p{font-size:19px;margin-top:13px}#toolbar{grid-template-columns:minmax(180px,1fr) auto minmax(495px,1.4fr);gap:12px}#toolbar .nav-settings{gap:5px}#pageSelect{width:255px}@media(max-width:1300px){.slide{padding:24px 4vw 36px;min-height:540px}.split{gap:27px}.copy{gap:12px}.history .copy p{font-size:22px}.history .copy .small{font-size:16px}.activity-icon{width:56px;height:56px}.slide-head h2{font-size:33px}.inquiry p{font-size:21px}.media figcaption{font-size:11px}.hero-copy{gap:17px}.hero .eyebrow{font-size:20px}.hero .lead{font-size:29px}.hero .small{font-size:18px}#toolbar{gap:8px;grid-template-columns:185px auto 1fr}#toolbar button,#toolbar select{font-size:12px;padding:8px 6px}.nav-pagination{gap:7px}#pageStatus{font-size:15px;min-width:48px}.nav-settings label{font-size:12px}.diagram{max-height:42vh}.copy .lead{font-size:29px}.method-content .copy p{font-size:22px}.inline-demo{height:48vh}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.comparison-full{grid-template-columns:1fr;gap:14px}.comparison-full .photo-grid{gap:30px}.comparison-full .media img{height:37vh;max-height:420px}.comparison-full .copy{display:block}.comparison-full .copy>p{display:none}.comparison-full .inquiry{padding:10px 18px}.comparison-full .media figcaption{font-size:11px}.history .eyebrow{letter-spacing:.08em;white-space:normal;overflow-wrap:anywhere}.history .copy>.eyebrow{font-size:20px}.comparison-full .copy>.eyebrow{display:none}
.comparison-full .copy>p:last-of-type{display:block;font-size:15px;line-height:1.4;margin:0 0 9px}.comparison-full .copy>.eyebrow{display:none}

/* The walked-route evidence needs enough space to distinguish footprints from reachable branches. */
.path-evidence{grid-template-columns:1.5fr 1fr;gap:26px}.path-evidence .media img{height:auto;min-height:0;max-height:57vh}.path-evidence .copy>p{font-size:23px}.path-evidence .copy>.small{font-size:18px}.path-evidence .inquiry p{font-size:21px}.path-evidence .actions button{font-size:17px}@media(max-width:900px){.path-evidence{grid-template-columns:1fr}.path-evidence .media img{max-height:none}}

/* R2026-09-10.1: complete generated scenes and evidence from the real sandbox. */
.tile-names{display:block;margin:9px 0 3px;font-size:22px;line-height:1.3;text-align:center}.tile-names span{font-size:17px;color:#60756c}.tile-names b:nth-of-type(3){color:#9b671c}.story-evidence .tile-names{margin-top:6px;font-size:20px}
.teaching-art{min-width:0}.teaching-art .image-button{display:block;width:100%}.history .media.teaching-art img,.media.teaching-art img{width:100%;height:auto;min-height:0;max-height:43vh;object-fit:contain;border-radius:14px}.art-labels{display:flex;align-items:center;justify-content:space-around;gap:10px;margin:8px 0 5px;font-size:17px;line-height:1.4;text-align:center}.art-labels span{flex:1}.teaching-art figcaption,.demo-photo figcaption{font-size:12px;line-height:1.5;margin-top:7px}.demo-photo{min-width:0}.demo-photo .media img{display:block;width:100%;height:auto;min-height:0;max-height:43vh;object-fit:contain;border-radius:14px}.story-evidence{display:grid;gap:14px;min-width:0}.story-evidence .teaching-art img{max-height:25vh}.story-evidence .demo-photo .media img{max-height:18vh}.story-evidence figcaption{margin-top:5px}.connection-graph{margin-top:15px;padding:15px 18px 12px;border:1px solid #c4d2bf;border-radius:14px;background:#f4f3e8}.graph-row{display:flex;align-items:center;width:100%}.graph-row b{display:grid;place-items:center;flex:0 0 44px;height:44px;border:2px solid #416e63;border-radius:50%;font-size:25px;line-height:1;background:#dce8d7}.graph-row b.focus{background:#ffe0a4}.graph-row i{height:4px;background:#267e71;flex:1}.graph-row i.gap{background:transparent}.connection-graph p{font-size:16px!important;line-height:1.45;margin-top:10px}.method-content .demo-photo .media img{max-height:32vh}@media(max-width:1300px){.teaching-art figcaption,.demo-photo figcaption{font-size:11px}.art-labels{font-size:15px;gap:7px}.connection-graph{padding:12px 15px}.graph-row b{flex-basis:39px;height:39px;font-size:23px}.connection-graph p{font-size:15px!important}.story-evidence{gap:11px}}

/* L08-2026-09-26: ordinary pages follow the full L03-2026-09-23 final typography. */
:root{--l08-title:clamp(32px,3.2vw,50px);--l08-body:clamp(22px,2vw,31px);--l08-question:clamp(25px,2.15vw,34px);--l08-hint:clamp(18px,1.35vw,23px);--l08-copy-gap:18px;--l08-column-gap:36px}
.slide:not(.hero){max-width:1700px;padding:28px 4vw;gap:20px;min-height:0}
.slide:not(.hero)>.slide-head{gap:18px}
.slide:not(.hero)>.slide-head h2{font-size:var(--l08-title);line-height:1.25;letter-spacing:-.025em}
.slide:not(.hero) .activity-icon{width:64px;height:64px}
.slide:not(.hero) .split{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:var(--l08-column-gap)}
.slide:not(.hero) .split.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.slide:not(.hero) .story-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.slide:not(.hero) .copy,.slide:not(.hero) .copy>[data-grade]{min-width:0;display:grid;gap:var(--l08-copy-gap)}
.slide:not(.hero) .copy>p,.slide:not(.hero) .copy>[data-grade]>p,.slide:not(.hero) .copy .lead,.slide:not(.hero) .copy .review-steps>p{font-size:var(--l08-body);line-height:1.5}
.slide:not(.hero) .copy>p.small,.slide:not(.hero) .copy>[data-grade]>p.small{font-size:var(--l08-hint);line-height:1.5}
.slide:not(.hero) .copy>p.eyebrow{font-size:18px;line-height:1.5;margin:0}
.slide:not(.hero) .inquiry{padding:16px 22px}
.slide:not(.hero) .inquiry>p{font-size:var(--l08-question);line-height:1.4}
.slide:not(.hero) .media figcaption,.slide:not(.hero) .review-figure figcaption{font-size:13px;line-height:1.5;color:var(--muted)}
.slide:not(.hero) .page-source{font-size:12px;line-height:1.5;left:4vw;right:4vw;bottom:8px}
.slide:not(.hero) .art-labels{font-size:var(--l08-hint);line-height:1.45}
.slide:not(.hero) .actions button,.slide:not(.hero) .actions a{font-size:18px;line-height:1.4}
.slide:not(.hero) .connection-graph p{font-size:var(--l08-hint)!important;line-height:1.45}
.slide:not(.hero) .comparison-full{grid-template-columns:minmax(0,1fr);gap:18px}
.comparison-full .copy>.inquiry{margin-top:0}.slide:not(.hero) .comparison-full .copy>p{display:none}
.slide:not(.hero) .comparison-full .photo-grid .media img{height:34vh;min-height:0}
.slide:not(.hero) .comparison-full .copy>p:last-of-type{display:block;font-size:var(--l08-hint);line-height:1.45;margin:0}
.slide:not(.hero) .path-evidence{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.slide:not(.hero) .grade-recap{font-size:var(--l08-question)!important;font-weight:600;line-height:1.4}
.pipe-example{min-width:0}.pipe-example svg{width:100%;display:block;max-height:48vh}.pipe-example p{font-size:var(--l08-hint);line-height:1.45;margin-top:12px}
.slide:not(.hero) .review-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:center}
.handbook-review>[data-grade]{width:100%;min-height:0}.review-figure{min-width:0}.review-figure img{display:block;width:100%;height:auto;max-height:53vh;object-fit:contain}.review-figure figcaption{margin-top:9px}
.review-original{font-weight:600}.review-basis,.review-steps{min-height:4.5em}.review-steps:has(>p:not([hidden])){padding:14px 18px;background:#e7ebdf;border-radius:12px}.review-steps:not(:has(>p:not([hidden]))){display:none}.review-conclusion{font-weight:600}.review-steps{min-height:0}
.egg-records{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}.egg-records .media img{height:auto;min-height:0;max-height:45vh;object-fit:contain}
#eggRecordDialog{width:min(1100px,92vw)}#eggRecordDialog header{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}#eggRecordDialog h2{font-size:30px}#eggRecordDialog .egg-records img{display:block;width:100%;height:50vh;object-fit:contain}#eggRecordDialog figcaption{font-size:22px;text-align:center;margin-top:10px}#eggRecordDialog>p{font-size:18px;margin-top:18px;line-height:1.5}
.slide[data-slide-id="rules"] .copy>p,.slide[data-slide-id="round-one"] .copy>p,.slide[data-slide-id="round-two"] .copy>p{color:var(--ink)}
@media(max-height:760px) and (min-width:901px){:root{--l08-title:34px;--l08-body:24px;--l08-question:26px;--l08-hint:18px;--l08-copy-gap:12px;--l08-column-gap:25px}.slide:not(.hero){padding:20px 4vw;gap:16px!important}.slide:not(.hero) .activity-icon{width:52px;height:52px}.slide:not(.hero) .inquiry{padding:13px 18px}.slide:not(.hero) .review-figure img{max-height:51vh}.slide:not(.hero) .comparison-full .photo-grid .media img{height:31vh}.tile-names{font-size:24px}.method-content .demo-photo .media img{max-height:30vh}}
@media(max-width:900px){:root{--l08-title:30px;--l08-body:21px;--l08-question:25px;--l08-hint:19px;--l08-copy-gap:14px;--l08-column-gap:24px}.slide:not(.hero){height:auto;min-height:100%;padding:24px;gap:20px}.slide:not(.hero) .split,.slide:not(.hero) .split.reverse,.slide:not(.hero) .story-layout,.slide:not(.hero) .path-evidence,.slide:not(.hero) .review-layout{grid-template-columns:minmax(0,1fr)}.slide:not(.hero) .activity-icon{width:55px;height:55px}.slide:not(.hero) .page-source{position:static}.slide:not(.hero) .review-figure img{max-height:none}.egg-records .media img{max-height:none}}
/* History expansion: precise relations and public-domain source reading. */
.history-diagram{min-width:0;width:100%;margin:0}.history-diagram svg{display:block;width:100%;max-height:49vh}.history-diagram figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px}.source-reading{background:#fffbef;border:1px solid #c9d4c1;border-radius:18px;padding:32px 30px;text-align:center}.source-reading .source-book{font-size:25px;font-weight:600;line-height:1.4}.source-reading .source-author{font-size:21px;margin:12px 0 20px}.source-reading blockquote{margin:0;display:flex;flex-direction:column;gap:5px;font-family:'KaiTi','STKaiti','Microsoft YaHei',serif;font-size:clamp(34px,3.5vw,54px);line-height:1.35;font-weight:600}.source-reading .source-pause{font-size:23px;line-height:1}.source-reading .source-reading-foot{font-size:15px;line-height:1.5;margin-top:22px;color:var(--muted)}.history-reveal{display:grid;gap:12px;justify-items:start;width:100%}.history-reveal .inquiry{width:100%;min-height:4.8em}.history-reveal button{font-size:19px}.history-reveal [data-history-answer]{font-size:var(--l08-question);line-height:1.5;font-weight:500}.slide.history .eyebrow{letter-spacing:.05em}.slide[data-slide-id="H25"] .copy>p:nth-child(2){font-family:'KaiTi','STKaiti','Microsoft YaHei',serif;font-size:clamp(32px,3vw,46px)}
@media(max-height:760px) and (min-width:901px){.source-reading{padding:23px}.source-reading .source-book{font-size:22px}.source-reading .source-author{font-size:19px;margin:10px 0 16px}.source-reading .source-reading-foot{margin-top:14px}.history-reveal [data-history-answer]{font-size:24px}.history-diagram svg{max-height:49vh}.history-reveal .inquiry{min-height:4.2em}.history-diagram figcaption{font-size:12px}.slide[data-slide-id="H19"] .history-reveal [data-history-answer]{font-size:22px}}
.history-context{display:grid;gap:var(--l08-copy-gap)}
.slide.history .copy .history-context>p{font-size:var(--l08-body);line-height:1.5}
.slide.history .comparison-full .history-context>p{display:none}
.slide.history .comparison-full .history-context>p:last-child{display:block;font-size:var(--l08-hint);line-height:1.45;margin-bottom:12px}
.history-context[hidden]{display:none}
.slide.history .copy .history-cue{font-size:var(--l08-hint);line-height:1.45;color:var(--muted);margin:0}
.history-reveal .inquiry{min-height:0}
.slide.history .copy .history-reveal [data-history-answer]{margin-top:16px;padding-top:14px;border-top:1px solid #c4d1bc;font-size:var(--l08-body);line-height:1.5}
.slide.history[data-slide-id="H25"] .copy .history-context>p:first-child{font-family:'KaiTi','STKaiti','Microsoft YaHei',serif;font-size:clamp(32px,3vw,46px)}
@media(max-height:760px) and (min-width:901px){.history-reveal .inquiry{min-height:0}.slide[data-slide-id="H19"] .history-reveal [data-history-answer]{font-size:var(--l08-body)}}

/* L08-2026-09-29-story: illustration brings the characters in; the live scene supplies all rule evidence. */
.slide.story-intro .story-dialogue{font-weight:600;line-height:1.55}
.story-dialogue>span{display:block;font-size:var(--l08-hint);font-weight:400;color:#947036;margin-bottom:5px}
.slide.story-intro .story-invitation .teaching-art img,.slide.story-intro .story-help .teaching-art img{max-height:52vh;width:100%;border-radius:16px}
.slide:not(.hero) .story-live-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:30px}
.story-live{min-width:0;align-self:center}
.story-slot{height:clamp(330px,48vh,540px);min-width:0;border-radius:16px;overflow:hidden;background:#cfddd0;display:grid;place-items:center;border:1px solid #a7beb0}
.story-slot>p{font-size:20px;padding:24px;color:#4b6c5f}
.story-live>figcaption{font-size:13px;line-height:1.5;color:var(--muted);padding-top:10px}
#storySceneHost{position:fixed;z-index:4;overflow:hidden;border-radius:16px;border:1px solid #a7beb0;background:#d2ded0}
#storySceneHost[hidden]{display:none}
#storyFrame{display:block;width:100%;height:100%;border:0}
.slide:not(.hero).story-intro .copy>p.story-status{font-size:var(--l08-hint);line-height:1.45;color:var(--muted);min-height:2.9em}
.story-conclusion{display:grid;gap:13px;justify-items:start}
.story-conclusion button{font-size:18px}
.story-conclusion>p{font-size:var(--l08-body);line-height:1.5;padding:13px 16px;background:#e6ebdf;border-left:4px solid #50836f;border-radius:0 10px 10px 0}
.story-conclusion>p[hidden]{display:none}
.slide.story-intro .secondary-actions button{font-size:16px;padding:8px 12px;color:var(--muted)}
.slide.story-intro .actions{gap:10px;flex-wrap:wrap}
.slide.story-intro[data-slide-id="rules"] .copy:has([data-story-answer]:not([hidden]))>p:not(.eyebrow){display:none}
@media(max-height:760px) and (min-width:901px){.slide:not(.hero) .story-live-layout{gap:25px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.story-slot{height:390px}.slide.story-intro .story-invitation .teaching-art img,.slide.story-intro .story-help .teaching-art img{max-height:52vh}.story-conclusion{gap:10px}.slide.story-intro .copy{gap:12px}.slide.story-intro .actions button{font-size:17px;padding:9px 12px}}
@media(max-width:900px){.slide:not(.hero) .story-live-layout{grid-template-columns:minmax(0,1fr)}.story-slot{height:clamp(300px,58vw,470px)}.slide.story-intro .story-invitation .teaching-art img,.slide.story-intro .story-help .teaching-art img{max-height:none}}

/* Front-half synthesis follows the photograph discussion on the same page. */
.slide.history[data-slide-id="H19"] .comparison-basis{font-size:var(--l08-body);line-height:1.5;font-weight:400;margin:0}
.slide.history[data-slide-id="H19"] .history-closing{font-size:var(--l08-body);line-height:1.5;margin:12px 0 0}
.slide.history[data-slide-id="H19"]:has([data-history-answer]:not([hidden])) .photo-grid .media img{height:26vh}
@media(max-height:760px) and (min-width:901px){.slide.history[data-slide-id="H19"]:has([data-history-answer]:not([hidden])) .photo-grid .media img{height:20vh}}

/* Pure story pages keep narration continuous; rule evidence follows on separate pages. */
.slide.pure-story .story-book-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.slide.pure-story .story-book-layout .teaching-art img{max-height:54vh;width:100%;border-radius:16px}
.slide.pure-story .copy{gap:16px}
.slide.pure-story .copy>p.story-narrator{font-weight:400;color:var(--muted)}
.slide.pure-story .story-dialogue>span{font-size:18px;margin-bottom:4px}
.slide.pure-story[data-slide-id="story-hero"] .copy{gap:12px}
.slide.pure-story[data-slide-id="story-hero"] .copy>p{font-size:24px;line-height:1.45}
@media(max-height:760px) and (min-width:901px){.slide.pure-story .copy{gap:13px}.slide.pure-story .story-dialogue>span{font-size:16px}.slide.pure-story[data-slide-id="story-hero"] .copy{gap:9px}.slide.pure-story[data-slide-id="story-hero"] .copy>p{font-size:23px}}
@media(max-width:900px){.slide.pure-story .story-book-layout{grid-template-columns:minmax(0,1fr)}.slide.pure-story .story-book-layout .teaching-art img{max-height:none}}

/* post-logic-20261003: accurate local interface diagram and delayed feedback. */
.evidence-image{position:relative;width:100%}.evidence-image .image-button{width:100%}
.evidence-mark{position:absolute;z-index:2;border-radius:50%;background:#fff4ce;color:#234d43;border:2px solid #426b56;font-size:29px;line-height:1;width:38px;height:38px;display:grid;place-items:center;pointer-events:none}
.mark-one{left:30%;top:26%}.mark-two{left:40%;top:54%}
.method-interaction .method-content{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center}
.method-figure{gap:5px;align-items:center}.method-figure>svg{width:100%;height:min(40vh,355px);display:block;background:#e8ecdf;border:1px solid #b2c4aa;border-radius:14px}
.method-line-map{width:100%;margin-top:5px}.method-line-map>p{font-size:23px;line-height:1.3;margin:0;text-align:center}
.method-line-map svg{width:100%;height:126px;display:block}
.method-interaction .copy{gap:16px}.method-interaction .method-question{font-weight:700;color:#184a41}
.method-answer p{font-size:26px;line-height:1.45;background:#e5ebd5;border-left:4px solid #6e8974;padding:12px 15px;margin:0}
.method-interaction .actions{gap:10px;flex-wrap:wrap}.review-participation{font-size:21px;margin:0 0 9px}
.review-layout .copy .actions:has(.review-participation){flex-wrap:wrap}.review-participation{flex-basis:100%}
@media(max-height:760px) and (min-width:901px){.method-figure>svg{height:40vh}.method-line-map svg{height:126px}.method-interaction .copy{gap:12px}.method-answer p{font-size:24px;padding:10px 13px}.method-interaction .copy>.small{font-size:20px}.method-interaction .copy>[data-method-phase]{font-size:23px}}