@media(max-width:1180px){.lesson-layout{grid-template-columns:240px minmax(0,1fr)}.context{display:none}.lesson-layout.context-collapsed,.lesson-layout.plan-collapsed.context-collapsed{grid-template-columns:240px minmax(0,1fr)}.lesson-layout.plan-collapsed{grid-template-columns:76px minmax(0,1fr)}.composition-summary,.completion-banner{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 12px}.brand{min-width:0}.brand small{display:none}.mode-tabs{order:3;width:100%;overflow:auto}.top-actions .desktop-only{display:none}.lesson-layout,.lesson-layout.plan-collapsed,.lesson-layout.context-collapsed,.lesson-layout.plan-collapsed.context-collapsed{display:block;padding:10px}.sidebar,.context{position:static;height:auto}.sidebar{display:none}.lesson-layout.mobile-plan .sidebar{display:block}.workspace{display:block}.lesson-hero{padding:16px}.material-card{min-height:0;padding:17px}.mobile-tabs{display:flex;position:sticky;top:120px;z-index:60;background:var(--canvas);padding:7px 0}.mobile-panel{display:none}.mobile-panel.active{display:block}.mobile-panel.workspace{display:block}.lesson-layout.mobile-plan .workspace,.lesson-layout.mobile-context .workspace,.lesson-layout.mobile-video .workspace{display:none}.lesson-layout.mobile-context .context{display:block}.lesson-layout.mobile-video .video-mobile{display:block}.material-head{display:block}.material-head .row{margin-top:10px}.route-grid{grid-template-columns:1fr}.completion-banner,.composition-summary{grid-template-columns:repeat(2,1fr)}.composition-card{display:block}.table-wrap.desktop-table{display:none}.matching-row,.sorting-row{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.demo-ribbon{display:none}}
@media(max-width:480px){body{font-size:15px}.brand strong{font-size:.92rem}.top-actions{margin-left:auto}.top-actions .btn span{display:none}.card{padding:15px;border-radius:18px}.tabs{width:100%}.tab{flex:1;padding:7px 8px;font-size:.8rem}.completion-banner,.composition-summary{grid-template-columns:1fr 1fr}.material-footer{flex-wrap:wrap}.material-footer .spacer{display:none}.material-footer .btn{flex:1}.hero-top{display:block}.hero-meta{margin-top:9px}.vocab-row{grid-template-columns:1fr}.composition-toolbar select{width:100%}}