/* Classroom mobile layout fix: override the marketing site's global section spacing */
.studio-main,.studio-main *{box-sizing:border-box}
.studio-main{width:100%;max-width:1280px;min-width:0;overflow-x:clip}
.studio-main .video-panel,.studio-main .side-panel{padding:0;min-width:0;width:100%;max-width:100%}
.studio-main .coming{padding:75px 0 40px;min-width:0}
.studio-grid{min-width:0;width:100%}
.stage{min-width:0;width:100%;overflow:hidden}
.stage-placeholder{width:100%;min-width:0;max-width:410px;overflow-wrap:anywhere}
.stage-placeholder h2{font-size:clamp(24px,3vw,40px);overflow-wrap:normal}
.controls{min-width:0}
@media(max-width:820px){.studio-main{padding:22px 4%}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.stage{min-height:260px;aspect-ratio:4/3;padding:24px 15px}.stage-placeholder h2{font-size:clamp(24px,6vw,34px)}.stage-placeholder p{font-size:13px}.controls{padding:15px;gap:9px}.controls button{padding:11px 14px;font-size:12px}.intro-head{margin:12px 0 25px}.intro-head h1{font-size:clamp(35px,8vw,52px)}.studio-main .coming{padding:50px 0 25px}}