/* Dashboard chrome spans the viewport; only the learning workspace is measured. */
.dashboard-page>header{padding-inline:24px}
.dashboard-page .preview-notice{padding-inline:24px}
.dashboard-page .dash-shell{width:100%;max-width:none;margin-inline:0;padding-inline:0;grid-template-columns:220px minmax(0,1fr)}
.dashboard-page .sidebar{padding:24px 14px}
.dashboard-page .dash-main{width:100%;max-width:calc(var(--content-width) + 48px);justify-self:center;padding:24px 24px 36px;min-width:0}
@media(min-width:761px) and (max-width:1050px){.dashboard-page .dash-shell{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:760px){
 .dashboard-page>header,.dashboard-page .preview-notice{padding-inline:var(--page-gutter)}
 .dashboard-page .dash-shell{display:block;width:100%;max-width:none}
 .dashboard-page .sidebar{padding:0 var(--page-gutter);border-right:0}
 .dashboard-page .dash-main{width:100%;max-width:none;padding:18px var(--page-gutter) 28px}
}