/* The selected visual and the original two tabs form one continuous sticky area.
   Only the experiment contains it; subsequent explanations return to normal reading. */
.camera-mobile-lab[hidden]{display:none}
@media(max-width:999px){
 .camera-mobile-lab{overflow-anchor:none;position:relative;min-width:0;overflow:visible;border:1px solid #bbc7d2;background:#fff;margin-bottom:14px}
 .camera-mobile-viewer{position:sticky;top:var(--mobile-viewer-top,52px);z-index:25;background:#fff;border-bottom:1px solid #aabcc9}
 .camera-mobile-unpinned .camera-mobile-viewer{position:static}
 .camera-mobile-viewer .experiment-view-switch{display:grid;grid-template-columns:1fr 1.5fr;gap:0;padding:0;background:#f1f5f7;border-bottom:1px solid #b8c7d2}
 .camera-mobile-viewer .experiment-view-switch button{border:0;border-radius:0;min-height:46px;padding:8px;font-size:12px;line-height:1.35;box-shadow:none}
 .camera-mobile-viewer .experiment-view-switch button[aria-pressed=true]{background:#173e50;color:white;box-shadow:inset 0 -3px #e7a13e}
 .camera-mobile-visuals{height:var(--mobile-visual-height,220px);background:#e5eaed;overflow:hidden;min-width:0}
 #workbench .camera-mobile-visuals .visual-stage,#workbench .camera-mobile-visuals .image-mat{width:100%;height:100%!important;min-height:0;padding:0;display:flex;align-items:stretch;box-sizing:border-box}
 .camera-mobile-visuals #mechanism-svg,.camera-mobile-visuals #camera-model{width:100%;height:100%;min-height:0;aspect-ratio:auto!important;padding:0!important}
 .camera-mobile-visuals #mechanism-svg>svg{width:100%;height:100%;min-width:0;object-fit:contain}
 .camera-mobile-visuals .image-mat{align-items:center;justify-content:center}
 #workbench .camera-mobile-visuals .image-wrap{height:auto;width:min(100%,calc(var(--image-ratio) * var(--mobile-visual-height)));max-height:100%;flex:none}
 .camera-mobile-lab #mechanism-preview,.camera-mobile-lab #scene-preview{height:auto;min-height:0;flex:none}
 .camera-mobile-lab #scene-preview>.panel-bar{display:none}
 .camera-mobile-lab #mechanism-preview>.panel-bar{border-bottom:1px solid #d2dce3}
 .camera-mobile-lab #experiment-controls{margin:0;border:0;border-top:1px solid #bbc7d2}
 .camera-mobile-lab #controls :is(input[type=number],select){font-size:16px!important;min-height:40px}
 .camera-mobile-lab #controls input[type=range]{min-height:40px}
 .camera-mobile-lab #metrics{padding:8px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#f7f9fa;border-top:1px solid #d0dbe3}
 .camera-mobile-lab #metrics .metric{padding:0;border:0}.camera-mobile-lab #metrics strong{font-size:17px;margin-top:4px}
 .camera-mobile-lab #metrics small{font-size:11px}.camera-mobile-lab #metrics p{display:none}
 .has-mobile-lab .scene-observation{height:auto;min-height:0}
 .has-mobile-lab .experiment-panels{gap:0}
 .has-mobile-lab[data-experiment-view=mechanism] .camera-mobile-lab :is(.image-mat,#scene-preview,#metrics),
 .has-mobile-lab[data-experiment-view=scene] .camera-mobile-lab :is(.visual-stage,#mechanism-preview){display:none!important}
 .has-mobile-lab :is(input,button,select,summary){scroll-margin-top:calc(var(--chapter-nav-height) + var(--mobile-viewer-height,0px) + 12px)}
 .camera-mobile-viewer :is(button,canvas){scroll-margin-top:var(--chapter-nav-height)}
}