/* The catalog and learning area share a row; closing returns the full reading width. */
.workspace.touch-workspace[data-view-role="student"]{--catalog-width:280px}
.workspace.touch-workspace[data-view-role="student"] .layout{grid-template-columns:0 minmax(0,1fr);transition:grid-template-columns .22s ease}
.workspace.touch-workspace.touch-catalog-open[data-view-role="student"] .layout{grid-template-columns:var(--catalog-width) minmax(0,1fr)}
.workspace.touch-workspace[data-view-role="student"] .layout>#main-content{grid-column:2;grid-row:1;min-width:0}
.workspace.touch-workspace.touch-report-mode[data-view-role="student"] .layout{grid-template-columns:minmax(0,1fr)}
.workspace.touch-workspace.touch-report-mode[data-view-role="student"] .layout>#main-content{grid-column:1}
/* Six classroom stages keep one light toolbar; the catalog still shares the row. */
.workspace.touch-workspace.touch-task-mode[data-view-role="student"] .topbar.touch-topbar{display:flex!important}
.workspace.touch-workspace.touch-task-mode[data-view-role="student"] .topbar.touch-topbar .touch-subjects{display:none}
.workspace.touch-workspace.touch-task-mode[data-view-role="student"] .touch-student{margin-left:auto}
.workspace.touch-workspace.touch-task-mode[data-view-role="student"] .course-sidebar.touch-course-sidebar{display:flex!important}
.workspace.touch-workspace.touch-task-mode[data-view-role="student"] .layout{height:calc(100dvh - 56px);grid-template-columns:0 minmax(0,1fr)}
.workspace.touch-workspace.touch-task-mode.touch-catalog-open[data-view-role="student"] .layout{grid-template-columns:var(--catalog-width) minmax(0,1fr)}
.workspace.touch-workspace.touch-task-mode[data-view-role="student"] .layout>#main-content{grid-column:2}
.workspace.touch-workspace[data-view-role="student"] .touch-catalog-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;border:1px solid #e9e3f5;border-radius:12px;background:#f9f7fe;color:#74648d;font:inherit;font-size:14px;white-space:nowrap}
.workspace.touch-workspace[data-view-role="student"] .course-sidebar.touch-course-sidebar{position:relative;grid-column:1;grid-row:1;z-index:1;left:auto;top:auto;width:var(--catalog-width);min-width:0;height:100%;max-height:100%;max-width:none;padding:18px;border:0;border-right:1px solid #e9e3f5;border-radius:0;background:#fbf9ff;box-shadow:none;overflow-y:auto;overflow-x:hidden;transition:opacity .18s ease;opacity:0;visibility:hidden;pointer-events:none}
.workspace.touch-workspace.touch-catalog-open[data-view-role="student"] .course-sidebar.touch-course-sidebar{opacity:1;visibility:visible;pointer-events:auto}
.workspace.touch-workspace.touch-catalog-open[data-view-role="student"] .touch-catalog-toggle{background:#ece7ff;border-color:#dcd2ff;color:#6451d6}
.touch-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#493a63;font-size:18px}
.touch-drawer-heading>button{display:grid;place-items:center;width:48px;height:48px;flex:none;border:0;border-radius:12px;background:#f4f0fb;color:#8a78a3}
.workspace.touch-workspace[data-view-role="student"] .touch-course-tools{gap:8px}
.touch-tools-label{padding:0 12px 3px;font-size:12px;color:#a297b1;line-height:1.5}
@media(min-width:900px) and (max-width:1799px){
 .workspace.touch-workspace[data-view-role="student"] .student-preview-landmarks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .workspace.touch-workspace[data-view-role="student"] .student-preview-landmarks li{justify-content:center}
 .workspace.touch-workspace[data-view-role="student"] .student-preview-landmarks li>span{display:none}
 .workspace.touch-workspace.touch-catalog-open[data-view-role="student"] .sp-course-copy{padding-right:74px}
 .workspace.touch-workspace.touch-catalog-open[data-view-role="student"] .sp-course-art{width:108px;height:112px;right:-8px;opacity:.85}
}
@media(min-width:1800px){
 .workspace.touch-workspace.touch-task-mode[data-view-role="student"] .layout{height:calc(100dvh - 88px)}
 .workspace.touch-workspace[data-view-role="student"]{--catalog-width:390px}
 .workspace.touch-workspace[data-view-role="student"] .touch-catalog-toggle{gap:14px;min-height:76px;padding:0 24px;font-size:23px;border-radius:18px}
 .touch-catalog-toggle svg{width:30px;height:30px}
 .workspace.touch-workspace[data-view-role="student"] .course-sidebar.touch-course-sidebar{padding:26px}
 .touch-drawer-heading{font-size:30px;margin-bottom:20px}
 .touch-drawer-heading>button{width:76px;height:76px;border-radius:18px}.touch-drawer-heading svg{width:32px;height:32px}
 .touch-tools-label{font-size:20px;padding:0 18px 5px}
}
@media(prefers-reduced-motion:reduce){.workspace.touch-workspace[data-view-role="student"] :is(.layout,.course-sidebar.touch-course-sidebar){transition:none}}