/* Mobile placement corrections. Desktop composition remains unchanged. */
.mobile-automation-trigger{display:none}.mobile-control-sheet{border:1px solid #9ab6a655;background:#172b2b;color:var(--white);border-radius:22px;padding:0;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overscroll-behavior:contain;box-shadow:0 24px 100px #0009}.mobile-control-sheet::backdrop{background:#07161688;backdrop-filter:blur(5px)}.sheet-close{position:sticky;top:9px;float:right;margin:9px 9px -44px 0;z-index:2;width:44px;height:44px;border-radius:50%;background:#304641;color:#fff;font-size:28px}.mobile-control-sheet .automation-panel{position:static;display:block;width:auto;max-height:none;overflow:visible;padding:28px 22px 23px;background:none;border:0;backdrop-filter:none;margin:0;border-radius:0}.mobile-control-sheet .automation-heading{padding-right:48px;margin-bottom:20px}.mobile-control-sheet .automation-heading .eyebrow{font-size:10px}.mobile-control-sheet .preset-name{font-size:28px}.mobile-control-sheet .preset-tabs{gap:8px;margin-bottom:23px}.mobile-control-sheet .preset-tabs button{min-height:44px;font-size:13px}.mobile-control-sheet .range-label{font-size:13px;margin-bottom:5px}.mobile-control-sheet input[type=range]{height:32px;margin-bottom:18px}.mobile-control-sheet .curtain-control{font-size:13px;margin-bottom:15px}.mobile-control-sheet .curtain-control button{font-size:12px;min-height:44px;padding:10px 17px}.mobile-control-sheet .security-state{font-size:11px;padding:15px 0}.mobile-control-sheet .automation-foot{font-size:10px;align-items:center}.mobile-control-sheet .automation-foot button{font-size:10px;min-height:44px;max-width:120px}
@media(max-width:700px){
 .story-sticky,.reduced .story-sticky{height:100svh;min-height:0}
 .story-top{top:max(10px,env(safe-area-inset-top));left:18px;right:18px;gap:12px}.story-top .story-brand{font-size:16px}.story-top .story-call{font-size:10px;min-height:44px;padding:10px 13px}
 .concept-label{top:66px;left:20px;font-size:9px;letter-spacing:.07em}
 .beat-nav{top:87px;left:16px;right:16px;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;mask-image:linear-gradient(90deg,black 96%,transparent)}.beat-nav button{font-size:11px;min-height:44px;flex-shrink:0;padding:8px 5px;gap:6px}.beat-nav i{width:4px;height:4px}
 .chapter-copy{left:20px;right:20px;width:auto;bottom:151px}.chapter-label{font-size:10px;margin-bottom:10px}.chapter-copy h2{font-size:34px;line-height:1.08;margin-bottom:12px}.chapter-copy>p{font-size:13px;line-height:1.45}.chapter-actions{margin-top:16px;gap:14px;flex-wrap:nowrap}.chapter-actions button,.chapter-actions a{font-size:11px;min-height:44px}.chapter-actions button{padding:9px 13px;gap:12px}.chapter-actions button span{font-size:18px}
 .story-bottom{left:12px;right:12px;bottom:max(13px,env(safe-area-inset-bottom))}.story-hint{font-size:9px;line-height:1.5;margin:0 auto 10px;max-width:290px}.story-controls{padding:0 43px;gap:0}.story-controls>.previous-beat,.story-controls>.next-beat{width:40px;height:44px;top:calc(50% - 22px);font-size:19px;left:0}.story-controls>.next-beat{left:auto;right:0}.chapter-dock{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:28px;max-width:100%;width:100%;padding:5px;gap:4px}.chapter-dock button{font-size:12px;min-height:44px;padding:10px 15px;flex-shrink:0}.chapter-dock button:hover{background:transparent;color:#d1dbd1}.chapter-dock button[aria-pressed=true]{background:#dfe7dc;color:#142b2b}.narrative-progress{margin-top:12px}
 .hotspot{top:clamp(166px,var(--y),32svh);padding:7px}.hotspot>span{width:32px;height:32px}.hotspot-note{top:143px;left:20px;right:20px;width:auto;padding:17px 19px;max-height:23svh;overflow:auto}.hotspot-note strong{font-size:15px}.hotspot-note p{font-size:12px}
 .story-sticky>.automation-panel{display:none}
 .mobile-automation-trigger:not([hidden]){display:flex;position:absolute;top:160px;right:20px;left:auto;z-index:5;align-items:center;gap:20px;min-height:48px;padding:12px 17px;background:#1b3834e8;border:1px solid #abc8b377;border-radius:28px;font-size:13px;backdrop-filter:blur(15px)}
 .story-sticky[data-stage="4"] .chapter-copy>p{display:block}
 .cinematic-shade{background:linear-gradient(0deg,#08151d 0%,#08151df2 20%,#08151dbb 35%,transparent 68%,#0c1b23dc)}
 .stage-deep-dive p,.stage-result p{font-size:14px}.stage-result span{font-size:10px}.detail-inner{padding-left:22px;padding-right:22px}.detail-close{min-width:44px;min-height:44px}
 .header .language button{min-width:32px;min-height:44px}.header .language{gap:0}.header-right{gap:5px}.header .logo{width:155px}
}
@media(max-width:359px){.header{padding-left:18px;padding-right:18px;gap:6px}.header .logo{width:139px}.header-right{gap:0}.header .language button{min-width:29px}.story-top{left:16px;right:16px;gap:8px}.story-top .story-brand{font-size:14px}.story-top .story-call{font-size:9px;padding:9px 10px}.chapter-copy{left:16px;right:16px}.chapter-copy h2{font-size:29px}.chapter-copy>p{font-size:12px}.chapter-actions{gap:10px}.chapter-actions button,.chapter-actions a{font-size:10px}.chapter-actions button{padding:8px 10px}.beat-nav button{font-size:10px}.mobile-automation-trigger:not([hidden]){font-size:12px;right:16px}}
@media(max-width:700px) and (max-height:740px){.chapter-copy{bottom:128px}.chapter-copy h2{font-size:28px;margin-bottom:9px}.chapter-copy>p{font-size:12px;line-height:1.4}.chapter-label{font-size:9px;margin-bottom:8px}.chapter-actions{margin-top:11px}.story-hint{display:none}.story-bottom{bottom:max(12px,env(safe-area-inset-bottom))}.chapter-dock button{font-size:11px}.hotspot{top:clamp(155px,var(--y),29svh)}.hotspot-note{top:140px;max-height:20svh}.mobile-automation-trigger:not([hidden]){top:145px;min-height:44px;padding:9px 14px}.concept-label{top:61px}.beat-nav{top:80px}.story-top{top:7px}}

/* Keep the complete spatial context on a portrait screen. Anchors follow source pixels. */
.hotspot[hidden]{display:none}.hotspot{width:48px;height:48px;justify-content:center}.hotspot b{position:absolute;left:48px;white-space:nowrap}
@media(max-width:700px){
 .stage-visual .visual-image,.stage-visual .privacy-image{object-fit:contain;object-position:center}
 .stage-visual{overflow:hidden;background:transparent;transform:none}.stage-visual .visual-image.current,.stage-visual .privacy-image{transform:scale(var(--zoom,1))}
 .hotspot{left:auto;top:auto;padding:8px}.hotspot>span{width:28px;height:28px;flex-shrink:0}
 .cinematic-shade{background:linear-gradient(0deg,#08151d 0%,transparent 63%,#0c1b2322)}
 .technical-layer svg{width:100%;margin-left:0}
 .mobile-automation-trigger:not([hidden]){top:87px;right:16px;min-height:40px;padding:8px 12px;font-size:11px}
 .story-sticky[data-stage="4"] .beat-nav{right:16px;top:132px}

}