/* The teacher workspace fills the viewport; other dialogs keep their usual size. */
#modal:has(#teacher-scores) {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  border-radius: 0;
  padding: clamp(20px, 3vw, 48px);
  overflow: auto;
  overscroll-behavior: contain;
}
body:has(#modal[open] #teacher-scores) { overflow: hidden; }
#modal:has(#teacher-scores) .close {
  position: sticky;
  top: 0;
  z-index: 2;
  background: white;
}
#modal:has(#teacher-scores) .score-filters { flex-wrap: wrap; }
#modal:has(#teacher-scores) .score-filters select { max-width: 100%; }
body:has(#dashboard:not([hidden])) main { max-width: none; }