/* The desktop keeps its established composition. Handheld screens use separate regions. */
.mobile-only{display:none}
.lesson-visual,.lesson-reading{display:contents}
@media(min-width:901px){
 .chapter .copy{max-height:calc(70dvh - 90px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:10px}
 #chapter-5 .copy{max-height:calc(77dvh - 90px)}
}
@media(max-width:900px){
 :root{--hand-head:calc(62px + env(safe-area-inset-top,0px));--hand-nav:calc(64px + env(safe-area-inset-bottom,0px));--preview-inset:0px;--hand-stage:calc((100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset)) * .52);--hand-panel:37dvh}
 body:has(#edgeone-watermark){--preview-inset:30px}
 html{overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{overflow-x:clip;--hand-stage:calc((100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset)) * .52)}
 .mobile-only{display:block}
 header{inset:0 0 auto;height:var(--hand-head);padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;gap:8px;background:#071d20f5;border-bottom:1px solid var(--line)}
 .wordmark{flex-shrink:0;gap:6px;font-size:16px;letter-spacing:.1em}.wordmark small{display:none}.seal{font-size:11px;padding:3px}
 .header-actions{gap:5px;min-width:0}.header-actions .outline{min-height:40px;padding:6px 9px;font-size:12px;gap:3px;white-space:nowrap}
 .sound-toggle{width:38px;height:40px;padding:0;justify-content:center}.sound-toggle #sound-label{display:none}.mix-button{height:40px;padding:0 7px;font-size:11px}
 #stage{inset:var(--hand-head) 0 auto;height:var(--hand-stage);width:100%;overflow:hidden}
 .shade{background:linear-gradient(0deg,#071d20 0%,transparent 50%);pointer-events:none}
 .chapter{min-height:0;height:115svh}.chapter:last-child{height:100svh}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{position:fixed;inset:calc(var(--hand-head) + var(--hand-stage)) 0 calc(var(--hand-nav) + var(--preview-inset));margin:0;width:100%;max-height:none;padding:14px 20px 18px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(#0b292eec,#071d20);border-top:1px solid #cfac6833;scrollbar-width:thin;touch-action:pan-y}
 .copy .eyebrow{font-size:10px;margin:0 0 7px;letter-spacing:.14em}
 .copy h1{font-size:34px;line-height:1.3;margin:0 0 9px}.copy h1 span{display:inline;padding-left:.2em}
 .copy h2{font-size:27px;line-height:1.35;letter-spacing:.04em;margin:0 0 10px}.copy h2 br{display:none}
 .copy>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:none;margin:8px 0;letter-spacing:.02em}
 .copy .note,.copy .source-note{font-size:11px!important;line-height:1.7!important;margin:8px 0!important;max-width:none}
 .copy .small-rule,.copy .micro{display:none}.counts{gap:22px;margin:12px 0}.counts b{font-size:25px}.counts span{font-size:11px}
 .copy .history-entry,.copy .construction-entry,.mobile-lesson-launch,.copy .enter-explore{display:flex;align-items:center;justify-content:center;width:100%;margin:12px 0 4px;min-height:44px;font-size:13px;gap:8px}
 .video-hotspot{display:none!important}
 #chapters{inset:auto 0 var(--preview-inset);height:var(--hand-nav);width:100%;transform:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:#071d20fa;border-top:1px solid var(--line)}
 #chapters a{min-width:0;min-height:44px;justify-content:center;flex-direction:column;gap:6px;font-size:12px;border-radius:7px}
 #chapters span{display:block;opacity:1;color:#a4b9b6}#chapters i{width:15px;height:2px;border-radius:2px}#chapters a[aria-current]{background:#cfac6815}#chapters a[aria-current] span{color:#f0d398}#chapters a[aria-current] i:after{display:none}
 footer{display:none!important}#progress{bottom:calc(var(--hand-nav) + var(--preview-inset));height:2px}
 #sound-panel{inset:var(--hand-head) 8px auto;width:auto;max-height:calc(100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset));padding:18px;overscroll-behavior:contain}
 body.exploring{--hand-stage:calc(100dvh - var(--hand-head) - var(--hand-panel) - var(--preview-inset))}
 body.exploring #stage{inset:var(--hand-head) 0 auto;height:var(--hand-stage)}
 #explorer{inset:auto 0 var(--preview-inset);width:100%;height:var(--hand-panel);max-height:none;margin:0;border-radius:16px 16px 0 0;border-width:1px 0 0;padding:0 16px 20px;overflow:auto;overscroll-behavior:contain;background:#09282cf5}
 .explore-head{position:sticky;top:0;z-index:2;align-items:center;gap:8px;margin:0 -16px;padding:8px 14px;background:#0b2b30;border-bottom:1px solid var(--line);min-height:56px}
 .explore-head .eyebrow{display:none}.explore-head h2{font-size:20px;margin:0}.explore-head .icon-button{min-width:40px;min-height:40px}
 .panel-fold{margin-left:auto;border:1px solid #6c9694;background:#12373b;color:#d9eeee;min-height:36px;padding:6px 10px;border-radius:5px;font-size:12px}
 body.panel-folded{--hand-panel:56px}body.panel-folded #explorer{overflow:hidden;padding-bottom:0}
 #explore-caption{inset:calc(var(--hand-head) + 8px) 12px auto;max-width:calc(100% - 24px)}#explore-caption>span{display:none}#selected-label{font:12px Arial,sans-serif;margin:0;color:#cee3dc;text-align:center}
 #explorer .hint{font-size:12px;margin:12px 0}.toggle-row{min-height:40px;margin:0;font-size:13px}.toggle-row input{width:38px;height:22px}.toggle-row input:after{width:16px;height:16px}.toggle-row input:checked:after{transform:translateX(15px)}
 #explorer input[type=range]{min-height:32px;margin:8px 0 12px}#explorer select{min-height:44px;font-size:16px}#explorer .views button{min-height:42px}#explorer .reset{min-height:44px;margin-top:12px;padding:12px 0}.structure-legend{grid-template-columns:repeat(3,minmax(0,1fr));font-size:10px}
 /* The narration is a two-region sheet: fixed visual area, independently scrolling explanation. */
 .explainer[open]{position:fixed;inset:0 0 var(--preview-inset);width:100%;max-width:none;height:calc(100dvh - var(--preview-inset));max-height:none;margin:0;padding:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
 .explainer-top{flex:none;min-height:64px;max-height:106px;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;gap:12px;background:#102c30;border-bottom:1px solid #476366}
 .explainer-top>div{min-width:0}.explainer h2{font-size:17px;letter-spacing:.02em;line-height:1.4;margin:3px 0;overflow-wrap:anywhere}.explainer .eyebrow{font-size:10px}.explainer-model{display:none}.explainer-close{flex:none;width:42px;height:42px}
 .lesson-visual{display:block;flex:none;max-height:70%;overflow:auto;overscroll-behavior:contain}.lesson-reading{display:block;flex:1;min-height:95px;overflow:auto;overscroll-behavior:contain;padding:0 12px 20px;background:#0a2227}
 .explainer .lesson-mode{display:none}.detail-host{border:0;border-radius:0;overflow:hidden}
 .detail-canvas{height:28dvh;min-height:140px;max-height:310px}
 .sync-stage{position:static;margin:0;padding:8px 12px;background:#0e3037;border-left:2px solid #8be8f5;min-height:46px}.sync-stage b{font-size:13px;line-height:1.45}.sync-stage span{font-size:10px;margin-top:2px;line-height:1.4}
 .detail-label{font-size:11px;padding:5px 7px;max-width:calc(100% - 20px);white-space:normal;line-height:1.5}
 .detail-caption{position:static;margin:0;padding:8px 12px;min-height:42px;max-height:62px;overflow:auto;border-radius:0;text-align:left;font-size:12px;line-height:1.7;background:#0b262b}
 .detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px}.detail-actions button{min-width:0;min-height:40px;padding:5px 6px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 .detail-actions [data-action=record]{grid-column:span 2}
 .sync-timeline{display:grid;grid-template-columns:1fr;gap:5px;padding:0 10px 8px}.sync-timeline button{justify-self:start;min-height:32px;font-size:11px}.sync-timeline label{min-width:0;font-size:11px;white-space:nowrap}.sync-timeline input{margin:0;min-height:28px;min-width:0;flex:1}.detail-help{display:none}
 .lesson-reading .structure-brief{margin:12px 0}.structure-brief summary{font-size:12px;padding:10px}.structure-brief summary span{font-size:9px;letter-spacing:1px}.brief-body{padding:4px 10px 12px}.brief-body strong{font-size:21px;letter-spacing:2px}
 .design-learning{padding:12px;margin:12px 0}.design-heading{align-items:flex-start;gap:6px}.design-heading b{font-size:14px}.follow-learning{font-size:11px;padding:6px;flex:none}.design-context{margin:8px 0!important}.design-tabs{gap:5px}.design-tabs button{min-height:38px;font-size:11px;padding:7px 8px}.modal-learning .design-copy{font-size:13px!important;line-height:1.85!important}
 .explainer-note,.explainer-sources{margin:12px 0}.history-panel p{font-size:13px!important}
}
@media(max-width:900px) and (orientation:landscape){
 :root{--hand-head:54px;--hand-nav:52px}
 #stage{inset:var(--hand-head) auto auto 0;width:52vw;height:calc(100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset))}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{inset:var(--hand-head) 0 calc(var(--hand-nav) + var(--preview-inset)) 52vw;width:48vw;border-top:0;border-left:1px solid var(--line);padding:12px 18px}
 .copy h1{font-size:29px}.copy h2{font-size:23px}
 #chapters{padding-top:3px;padding-bottom:3px}#chapters a{min-height:40px;flex-direction:row;gap:8px}
 body.exploring #stage{inset:var(--hand-head) auto var(--preview-inset) 0;width:56vw;height:auto}
 #explorer{inset:var(--hand-head) 0 var(--preview-inset) 56vw;width:44vw;height:auto;border-radius:0;border-width:0 0 0 1px}
 .panel-fold{display:none}body.panel-folded #explorer{overflow:auto}.explore-head h2{font-size:17px}#explore-caption{right:44vw}
 .explainer[open]{display:grid;grid-template-columns:56% 44%;grid-template-rows:auto minmax(0,1fr)}.explainer-top{grid-column:1/-1;min-height:54px;padding:6px 12px}.explainer h2{font-size:15px}.lesson-visual{grid-column:1;grid-row:2;max-height:none;min-height:0;overflow:auto}.lesson-reading{grid-column:2;grid-row:2;min-height:0;border-left:1px solid #456265}.detail-canvas{height:160px;min-height:160px}.detail-caption{font-size:11px;max-height:55px}.detail-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.explainer-close{height:38px;width:38px}
}
@media(max-width:360px){.wordmark{font-size:14px}.header-actions .outline{font-size:11px;padding:6px}.mix-button{font-size:10px}.copy h2{font-size:24px}.copy h1{font-size:30px}.copy>p:not(.eyebrow){font-size:12px}.detail-actions button{font-size:10px}}

/* Mobile r4: a continuous, flat surface with the architecture as the subject. */
@media(max-width:900px){
 :root{--hand-head:calc(54px + env(safe-area-inset-top,0px));--hand-nav:calc(52px + env(safe-area-inset-bottom,0px));--hand-panel:32dvh}
 body{--hand-stage:calc((100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset)) * .66)}
 header{background:#071d20;border:0;padding-top:calc(5px + env(safe-area-inset-top,0px));padding-bottom:5px}
 .header-actions .outline,.mix-button{border-color:transparent;background:transparent;border-radius:0}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{padding:10px 20px 14px;background:#071d20;border:0}
 .copy .eyebrow{font-size:9px;margin-bottom:5px;color:#b8ad8e}
 .copy h1{font-size:30px;margin-bottom:7px}.copy h2{font-size:24px;margin-bottom:7px}
 .copy>p:not(.eyebrow){font-size:12px;line-height:1.7;margin:6px 0}
 .copy .note,.copy .source-note{font-size:10px!important;line-height:1.6!important}
 .counts{gap:24px;margin:8px 0}.counts b{font-size:21px}
 .copy .history-entry,.copy .construction-entry,.mobile-lesson-launch,.copy .enter-explore{justify-content:flex-start;width:auto;min-height:38px;margin:8px 0 0;padding:5px 0;border:0;border-radius:0;background:transparent;color:#e6c98c;box-shadow:none;font-size:12px}
 #chapters{background:#071d20;border-top:1px solid #cfac6824;padding-top:2px;padding-bottom:calc(2px + env(safe-area-inset-bottom,0px))}
 #chapters a{border-radius:0;font-size:11px;gap:5px}#chapters a[aria-current]{background:transparent}
 #chapters i{width:20px;height:1px}#chapters span{color:#93a9a5}
 #explorer{border-radius:0;background:#092428;border-color:#cfac6824}
 .explore-head{background:#092428;border-color:#cfac6824}.explore-head h2{font-size:17px}
 .panel-fold{border:0;background:transparent;color:#d9c18e;border-radius:0}
 .design-learning,.structure-brief{border-radius:0;box-shadow:none;background:transparent}
 .views button,.design-tabs button{border-radius:0;box-shadow:none}
 .explainer-top{min-height:58px;padding:8px 12px;background:#092428;border-color:#cfac6824;gap:8px}
 .explainer-top>div{flex:1}.explainer h2{font-size:15px}.explainer .eyebrow{font-size:9px}
 .reading-toggle{flex:none;border:0;border-bottom:1px solid #cfac6870;border-radius:0;padding:7px 2px;background:transparent;color:#e6c98c;font-size:11px;min-height:40px}
 .explainer-close{width:38px;height:38px}
 .lesson-visual{display:flex;flex:1;min-height:0;max-height:none;flex-direction:column;overflow:auto}
 .lesson-visual>.detail-host:not([hidden]){display:flex;flex:1;min-height:0;flex-direction:column}
 .detail-canvas{flex:1;min-height:140px;height:auto;max-height:none}
 .sync-stage{flex:none;min-height:42px;padding:6px 12px;background:#0b272c;border-left:0;border-bottom:1px solid #8be8f526}
 .sync-stage b{font-size:12px}.sync-stage span{font-size:9px}
 .detail-caption{flex:none;min-height:38px;max-height:54px;font-size:11px;padding:7px 12px;background:#092428}
 .detail-actions{flex:none;gap:0;padding:3px 8px;border-top:1px solid #cfac6824;background:#092428}
 .detail-actions button{min-height:37px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:10px;color:#b9d7d6}
 .detail-actions button[aria-pressed=true]{color:#e6c98c;background:#cfac680a}
 .sync-timeline{flex:none;display:flex;gap:8px;padding:4px 10px 8px;background:#092428}
 .sync-timeline button{border:0;border-radius:0;background:transparent;padding:3px 0;min-height:32px;font-size:10px}
 .sync-timeline label{font-size:10px;gap:5px}.sync-timeline input{width:40px}
 .lesson-reading{display:none;flex:none;min-height:0;background:#092428;border-top:1px solid #cfac6840}
 .reading-open .lesson-reading{display:block;height:28dvh;overflow:auto}
}
@media(max-width:900px) and (orientation:landscape){
 :root{--hand-head:48px;--hand-nav:44px}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{border:0;padding:10px 16px}
 .lesson-visual{grid-column:1;grid-row:2;min-height:0}.detail-canvas{min-height:130px}
 .lesson-reading{display:block;height:auto;border-left:1px solid #cfac6824}.reading-toggle{display:none}.reading-open .lesson-reading{height:auto}
 .explainer-top{min-height:48px;padding:4px 12px}
}

/* Mobile r5: compact chapter summary, details opened deliberately. */
.story-summary,.story-details{display:contents}
@media(max-width:900px){
 body{--hand-copy:88px;--hand-stage:calc(100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset) - var(--hand-copy))}
 body.chapter-reading-open{--hand-copy:min(34dvh,calc((100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset)) * .46))}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{display:flex;flex-direction:column;padding:8px 16px 10px;overflow:hidden}
 .copy .eyebrow{flex:none;margin:0 0 3px;font-size:9px;line-height:1.3}
 .story-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:44px}
 .copy .story-summary h1,.copy .story-summary h2{margin:0;min-width:0;font-size:19px;line-height:1.35;letter-spacing:.02em}
 .copy .story-summary h1 span{padding-left:.15em}
 .story-fold-toggle{display:block;flex:none;min-width:78px;min-height:44px;padding:6px 0 6px 8px;border:0;border-radius:0;background:transparent;color:#e6c98c;font-size:11px;white-space:nowrap;touch-action:manipulation}
 .story-details{display:none}
 .chapter-reading-open .story-details{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 0 8px;scrollbar-width:thin;touch-action:pan-y}
 .story-details p{font-size:12px;line-height:1.6;margin:5px 0;letter-spacing:.01em;max-width:none}
 .story-details .counts{margin:6px 0;gap:20px}.story-details .counts b{font-size:19px}
 .story-details .history-entry,.story-details .construction-entry,.story-details .mobile-lesson-launch,.story-details .enter-explore{margin:6px 0 0;min-height:40px}
 body.exploring{--hand-stage:calc(100dvh - var(--hand-head) - var(--hand-panel) - var(--preview-inset))}
}
@media(max-width:900px) and (orientation:landscape){
 #stage{width:70vw;height:calc(100dvh - var(--hand-head) - var(--hand-nav) - var(--preview-inset))}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{left:70vw;top:var(--hand-head);width:30vw;padding:10px 12px}
 .story-summary{flex-direction:column;align-items:flex-start;gap:5px}.story-fold-toggle{padding-left:0;min-height:38px}
 .copy .story-summary h1,.copy .story-summary h2{font-size:18px}
 body.exploring #stage{width:56vw}
}

/* Direct observation in every chapter. */
.story-camera-tools{position:absolute;right:12px;bottom:14px;z-index:8;display:flex;flex-direction:column;gap:4px}
.story-camera-tools button{width:38px;min-height:36px;padding:0;line-height:1.2;border:1px solid #b6d3cc38;border-radius:3px;background:#071d20db;color:#d7e5db;font-size:15px;cursor:pointer;touch-action:manipulation}
.story-camera-tools button[data-story-action=local],.story-camera-tools button[data-story-action=reset]{font-size:11px}
.story-gesture-hint{position:absolute;top:88px;left:24px;z-index:8;max-width:75%;font-size:11px;line-height:1.6;color:#d6d6bc;pointer-events:none;text-shadow:0 1px 3px #000}
.story-part-picker{position:absolute;right:58px;bottom:14px;z-index:9;width:min(310px,calc(100% - 80px));padding:12px;background:#09272bf5;border:1px solid #cfac6855}
.story-part-picker label{display:block;font-size:12px;color:#d7d9bf;line-height:1.6}.story-part-picker select{display:block;width:100%;margin-top:8px;min-height:44px;font-size:16px;background:#0d3034;color:#e7e9db;border:1px solid #75928b}
#stage{pointer-events:auto}#stage canvas{pointer-events:auto;touch-action:none;cursor:grab}#stage canvas:active{cursor:grabbing}
#story{pointer-events:none}#story .copy{pointer-events:auto}
body.exploring .story-camera-tools,body.exploring .story-part-picker,body.exploring .story-gesture-hint{display:none}
.story-teaser{display:none}
@media(max-width:900px){
 :root{--hand-nav:calc(44px + env(safe-area-inset-bottom,0px))}
 body,body.chapter-reading-open{--hand-view:calc(100dvh - var(--preview-inset));--hand-stage:calc(var(--hand-view) * .8);--hand-copy:calc(var(--hand-view) * .2 - var(--hand-nav))}
 header{background:linear-gradient(#071d20f5,#071d2066);z-index:10}
 #stage{inset:0 0 auto;width:100%;height:var(--hand-stage)}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{inset:var(--hand-stage) 0 calc(var(--hand-nav) + var(--preview-inset));width:100%;padding:2px 14px 4px}
 .copy>.eyebrow{display:none}.story-summary{min-height:44px;gap:8px}
 .copy .story-summary h1,.copy .story-summary h2{font-size:16px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .story-fold-toggle{font-size:10px;min-width:72px;min-height:40px}
 .story-teaser{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.6;color:#b7c6bd;margin:2px 0 0}
 .chapter-reading-open .chapter .copy,.chapter-reading-open .chapter .hero,.chapter-reading-open #chapter-5 .copy{bottom:var(--preview-inset)}
 .chapter-reading-open #chapters{display:none}.chapter-reading-open .story-summary{min-height:28px}.chapter-reading-open .story-fold-toggle{min-height:28px;padding:3px 0 3px 8px}.chapter-reading-open .story-teaser{display:none}
 .chapter-reading-open .story-details{padding:2px 0 4px}.story-details p{font-size:12px;line-height:1.55;margin:4px 0}
 #chapters{height:var(--hand-nav);padding:0 4px env(safe-area-inset-bottom,0px)}#chapters a{min-height:40px;gap:4px;font-size:10px}
 .story-gesture-hint{top:calc(var(--hand-head) + 7px);left:12px;font-size:9px;max-width:calc(100% - 60px)}
 .story-camera-tools{right:8px;bottom:10px;gap:3px}.story-camera-tools button{width:32px;min-height:32px;font-size:15px;background:#071d20bf}.story-camera-tools button[data-story-action=local],.story-camera-tools button[data-story-action=reset]{font-size:10px}
 .story-part-picker{right:46px;bottom:10px;padding:10px;width:calc(100% - 58px)}
 body.exploring #stage{inset:var(--hand-head) 0 auto;width:100%;height:calc(100dvh - var(--hand-head) - var(--hand-panel) - var(--preview-inset))}
}
@media(max-width:900px) and (max-height:680px) and (orientation:portrait){.story-teaser{display:none}}
@media(max-width:900px) and (orientation:landscape){
 header{width:80vw;padding-right:12px}
 #stage{inset:0 auto auto 0;width:80vw;height:var(--hand-view)}
 .chapter .copy,.chapter .hero,#chapter-5 .copy{inset:var(--hand-head) 0 calc(118px + var(--preview-inset)) 80vw;width:20vw;padding:4px 8px}
 .story-summary{flex-direction:column;align-items:flex-start;gap:0}.copy .story-summary h1,.copy .story-summary h2{font-size:14px;max-width:100%}.story-fold-toggle{min-height:30px;padding-left:0}
 #chapters{inset:auto 0 var(--preview-inset) 80vw;width:20vw;height:118px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr)}#chapters a{min-height:36px;flex-direction:column;font-size:9px}
 .story-teaser{display:none}.chapter-reading-open .story-summary{align-items:stretch}
 body.exploring #stage{inset:var(--hand-head) auto var(--preview-inset) 0;width:56vw;height:auto}
}