/* A single fixed control line and reading dock across every mobile twin state. */
@media(max-width:900px){
 .mobile-twin-layout{--twin-reading-height:277px}
 .mobile-twin-layout .mobile-twin-tab-dock,
 .mobile-twin-layout[data-view] .mobile-twin-tab-dock{bottom:var(--twin-reading-height)}
 .mobile-twin-layout .mobile-twin-pathways,
 .mobile-twin-reading-dock{position:absolute;inset:auto 0 0;height:var(--twin-reading-height);box-sizing:border-box;z-index:8;padding:8px 0 5px;background:linear-gradient(#263f3538,#263f358c);backdrop-filter:blur(6px)}
 .mobile-twin-reading-dock[hidden]{display:none}
 .mobile-twin-reading-dock > [role=tabpanel]{height:100%;margin:0;padding:0;min-height:0}
 .mobile-twin-layout:not([data-view=individualisation]) .systems-copy{display:none}
 .mobile-twin-explanation-rail{display:flex;gap:10px;height:100%;padding:0 20px 10px;box-sizing:border-box;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none;overscroll-behavior-x:contain}
 .mobile-twin-explanation-card{flex:0 0 calc(100% - 22px);min-width:0;box-sizing:border-box;border:1px solid #edf0e06b;border-radius:16px;padding:16px;overflow-y:auto;scroll-snap-align:start;background:linear-gradient(125deg,#e8edda25,#bddfd419);backdrop-filter:blur(15px);color:#f1f3e8}
 .mobile-twin-layout #overview-panel .overview-statement{font-size:22px;line-height:1.15;margin:0 0 12px;color:#fff5e4}
 .mobile-twin-layout .mobile-twin-reading-dock .modelling-lead,
 .mobile-twin-layout .mobile-twin-reading-dock .modelling-detail{font-size:15px;line-height:1.42;margin:0;color:#f1f3e8}
 .mobile-twin-reading-dock .graph-scale{margin-top:17px;padding-top:12px;gap:14px}
 .mobile-twin-reading-dock .graph-scale p{font-size:11px}
 .mobile-twin-reading-dock .graph-scale strong{font-size:25px}
 .mobile-twin-layout .mobile-twin-reading-dock .foundations-open{margin-top:12px;font-size:13px;min-height:44px}
 .mobile-twin-reading-dock #simulation-panel{margin:0 20px;width:calc(100% - 40px);height:calc(100% - 10px);padding:13px 15px;box-sizing:border-box;border:1px solid #edf0e06b;border-radius:16px;background:linear-gradient(125deg,#e8edda25,#bddfd419);backdrop-filter:blur(15px);overflow-y:auto}
 .mobile-twin-layout .mobile-twin-reading-dock .individual-lead{font-size:14px;line-height:1.4;margin:0 0 10px}
 .mobile-twin-reading-dock .simulation-domains{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding:0 0 2px;scroll-snap-type:x proximity}
 .mobile-twin-reading-dock .simulation-domains button{flex:0 0 auto;min-height:40px;scroll-snap-align:start;padding:8px 12px;font-size:12px}
 .mobile-twin-layout .mobile-twin-reading-dock .intervention-input{font-size:21px;margin:0 0 8px}
 .mobile-twin-layout .mobile-twin-reading-dock .simulation-description{font-size:14px;line-height:1.4}
 .mobile-twin-reading-dock .intervention-symbol{float:left;margin:0 10px 6px 0;width:28px;height:28px}
 .mobile-twin-reading-dock .intervention-symbol svg{width:28px;height:28px}
}
@media(max-width:380px){
 .mobile-twin-layout{--twin-reading-height:267px}
 .mobile-twin-explanation-card{padding:13px}
 .mobile-twin-layout .mobile-twin-reading-dock .modelling-lead,
 .mobile-twin-layout .mobile-twin-reading-dock .modelling-detail{font-size:14px;line-height:1.38}
 .mobile-twin-layout #overview-panel .overview-statement{font-size:20px}
}
@media(max-width:900px){
 .mobile-twin-layout #overview-panel .modelling-lead{font-size:15px;line-height:1.42;margin:0}
 .mobile-twin-explanation-rail:focus-visible{outline:1px solid #fff3c680;outline-offset:-3px;border-radius:16px}
}
@media(max-width:380px){
 .mobile-twin-layout #overview-panel .modelling-lead{font-size:14px;line-height:1.38}
}