.expansion-shell .hero{margin-bottom:1.6rem}.expansion-scene{display:block;width:100%;height:auto;border-radius:14px;background:#f5fafb}.expansion-shell .parameter{margin-bottom:1.15rem}.expansion-shell .parameter label{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;font-size:1rem;font-weight:700}.expansion-shell input[type=range]{width:100%;min-height:44px;accent-color:#176b82}.expansion-shell select{width:100%;min-height:44px;padding:.55rem;font-size:1rem;border:1px solid #a8bec6;border-radius:8px;background:white;color:#17384b}.expansion-shell .control-panel button{width:100%;margin-top:.65rem;min-height:46px}.expansion-shell .control-note{font-size:.9rem;line-height:1.8}.expansion-readings{display:grid;gap:.5rem}.expansion-readings p{margin:0;padding:.55rem .75rem;border-left:3px solid #328494;background:#f2f8fa;font-size:1rem}.expansion-shell [hidden]{display:none!important}.expansion-shell .lesson-reading{line-height:1.9}.expansion-shell .experiment-heading{gap:1rem}.expansion-shell .experiment-heading h2{font-size:1.1rem}.expansion-shell .hero h1{font-size:clamp(1.7rem,3vw,2.5rem)}.expansion-shell .mode-label{white-space:nowrap}.expansion-shell output{font-variant-numeric:tabular-nums;color:#176b82}.expansion-shell .control-panel{min-width:0}.expansion-shell .experiment-card{min-width:0}
@media(max-width:600px){.expansion-shell .hero{margin-bottom:.8rem}.expansion-shell .hero h1{font-size:1.5rem}.expansion-shell .control-panel h2{font-size:1.1rem}}