/* The original platform shell becomes a full-width workspace only while studying. */
body.learning-open{--learning-gutter:clamp(16px,1.5vw,28px)}
.dash-actions[hidden]{display:none}
.learning-actions a{gap:8px}
.learning-open .topbar{padding-inline:var(--learning-gutter)}
.dashboard.is-learning{max-width:none;width:100%;padding:24px var(--learning-gutter);margin:0}
.is-learning .dash-nav{gap:20px;margin-bottom:24px}
.is-learning .dash-nav h1{font-size:28px;letter-spacing:-.5px;margin:5px 0 8px}
.is-learning .dash-actions :is(a,button){font-size:14px;padding:10px 14px}
.is-learning #learningContent{width:100%;min-width:0}
.dashboard.is-classroom{height:calc(100dvh - 72px);min-height:0;display:flex;flex-direction:column;padding-top:8px;padding-bottom:10px}
.is-classroom .dash-nav{flex:none;min-height:36px;margin-bottom:6px}
.is-classroom .dash-nav .eyebrow,.is-classroom .dash-nav p{display:none}
.is-classroom .dash-nav h1{font-size:18px;margin:0;white-space:nowrap}
.is-classroom .dash-actions :is(a,button){font-size:12px;padding:7px 10px}
.is-classroom #learningContent{flex:1;min-height:0;display:flex;flex-direction:column}
.is-classroom #app{height:100%;min-height:0}
@media(max-width:800px){
 .is-learning .dash-nav{flex-wrap:wrap}
 .dashboard.is-classroom{padding-top:8px;padding-bottom:8px}
 .is-classroom .dash-nav{gap:10px;flex-direction:row;align-items:center}
 .is-classroom .dash-nav h1{font-size:18px}
 .is-classroom .dash-actions{gap:6px}
 .is-classroom .dash-actions :is(a,button){font-size:12px;padding:8px 10px}
}
@media(max-width:560px){
 body.learning-open{--learning-gutter:12px}
 .dashboard.is-classroom{height:calc(100dvh - 64px)}
 .is-classroom .dash-nav{margin-bottom:10px}
 .is-learning .dash-nav{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:12px}
 .is-learning .learning-actions{flex:none}
 .is-learning .learning-actions a{justify-content:center;padding:9px 14px;font-size:13px;white-space:nowrap;border-radius:6px}
 .is-learning .dash-nav p{font-size:13px}
}