/* Middle-only content; primary and shared history styles remain untouched. */
.middle-flow.story-spread{padding-top:20px;padding-bottom:20px}.middle-copy .button.primary{background:#16685e;color:#fff;border-color:#16685e}
.middle-content .slide-head{margin-bottom:22px;gap:18px}.middle-content .slide-head h2{font-size:clamp(34px,3.2vw,50px);line-height:1.28}.middle-content .activity-icon{width:72px;height:72px}
.middle-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center;width:100%;min-width:0}
.middle-media{margin:0;min-width:0}.middle-media .image-button{display:block;width:100%;padding:0;background:transparent;border:0}.middle-media img{display:block;object-fit:contain;width:100%;height:44vh;max-height:510px;border-radius:13px}.middle-media figcaption{font-size:16px;line-height:1.45;margin-top:10px;color:#52736a}
.middle-copy{min-width:0}.middle-copy p{font-size:clamp(24px,1.94vw,31px);line-height:1.55;margin:0 0 18px}.middle-copy .lead{font-size:clamp(30px,2.45vw,39px);line-height:1.45;margin-bottom:20px}.middle-copy .small{font-size:20px;line-height:1.5;color:#52736a}.middle-copy .middle-bridge{font-size:23px;border-left:3px solid #b28c49;padding-left:16px;margin-top:20px;color:#3e675b}.middle-copy .command{font-size:43px;padding:16px 20px;margin-bottom:12px}.middle-copy button,.middle-copy .button{font-size:20px;margin-top:2px}.middle-queue{display:flex;gap:18px;align-items:center;margin-bottom:20px;font-size:36px;color:#416b60}.middle-queue b{display:inline-flex;align-items:center;justify-content:center;width:68px;height:62px;border-radius:10px;border:2px solid #749caf;background:#e0edf0;color:#2d6075}.middle-queue b:last-child{background:#ece0ef;border-color:#b296bf;color:#765481}.middle-mapping{font-size:24px;margin:0 0 22px}.middle-mapping>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-bottom:1px solid #cbd9ca;padding:11px 0}.middle-mapping dt{font-weight:600}.middle-mapping dd{margin:0;color:#597970}
@media(max-height:780px) and (min-width:901px){.middle-content{padding:20px 4vw}.middle-content .slide-head{margin-bottom:16px}.middle-content .slide-head h2{font-size:34px}.middle-content .activity-icon{width:58px;height:58px}.middle-grid{gap:28px}.middle-copy p{font-size:24px;line-height:1.5;margin-bottom:14px}.middle-copy .lead{font-size:30px;line-height:1.4;margin-bottom:17px}.middle-copy .small{font-size:18px}.middle-copy .middle-bridge{font-size:20px;margin-top:14px}.middle-copy button,.middle-copy .button{font-size:18px;padding:10px 14px}.middle-media figcaption{font-size:15px}.middle-copy .command{font-size:38px}.middle-mapping{font-size:23px;margin-bottom:15px}.middle-mapping>div{padding:8px 0}}
@media(max-width:900px){.middle-grid{grid-template-columns:1fr}.middle-media img{height:auto;max-height:44vh}.middle-content .slide-head h2{font-size:31px}.middle-content .activity-icon{width:55px;height:55px}.middle-copy p{font-size:23px}.middle-copy .lead{font-size:29px}.middle-copy .command{font-size:34px}}

/* Six-scene story: fixed square art, short prose, ordinary page navigation. */
.story-immersion .immersion-art{background:none;overflow:hidden}
.story-immersion .immersion-art img{width:100%;height:100%;display:block;object-fit:cover}
.story-immersion .story-prose{min-width:0}
.story-immersion .story-prose .story-ask{font-size:clamp(21px,1.7vw,27px);line-height:1.55}