/* Overall acceptance: consistent, edge-to-edge study-set chrome. */
#upload.tab-panel.active,
#library.tab-panel.active,
#assessment.tab-panel.active { padding: 0; background: var(--canvas); }

#upload .material-page-grid,
#library .material-page-grid { grid-template-columns: minmax(0, 1fr); gap: 0; min-height: 100%; }
#upload .library-shell,
#library .library-shell { width: min(100%, 1260px); max-width: none; gap: 32px; margin-inline: auto; padding: 36px clamp(28px, 4vw, 86px) 80px; }

#assessment .assessment-shell { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "setup" "content"; align-content: start; align-items: start; gap: 0; max-width: none; min-height: 100%; }
#assessment .assessment-setup-card { grid-area: setup; margin: 28px clamp(28px, 4vw, 86px) 20px; box-shadow: none; }
#assessment .assessment-layout { grid-area: content; padding: 0 clamp(28px, 4vw, 86px) 80px; gap: 24px; }

@media (max-width: 960px) {
  body:is([data-active-tab="home"], [data-active-tab="workspace"], [data-active-tab="upload"], [data-active-tab="library"], [data-active-tab="assessment"]) .topbar { width: 100%; }
  body:is([data-active-tab="home"], [data-active-tab="workspace"], [data-active-tab="upload"], [data-active-tab="library"], [data-active-tab="assessment"]) .topbar-actions { right: 24px; }
  #upload .material-page-grid, #library .material-page-grid,
  #assessment .assessment-shell { grid-template-columns: minmax(0, 1fr); }
  #assessment .assessment-shell { grid-template-areas: "setup" "content"; }
  #upload .library-shell, #library .library-shell { padding-bottom: 24px; }
}
@media (max-width: 700px) {
  #upload .library-shell, #library .library-shell { padding: 24px 16px; }
  #assessment .assessment-setup-card { margin: 16px; }
  #assessment .assessment-layout { padding: 0 16px 24px; }
  .topbar { padding-right: 108px; }
}