.privacy-disclosure { min-width: 0; width: 100%; flex-basis: 100%; grid-column: 1 / -1; }
.privacy-disclosure > p { margin-block: var(--space-2); }
.privacy-disclosure select { display: block; width: 100%; }
.privacy-prompt { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; font-size: var(--text-sm); }
.list-chevron, .compact-empty, .compact-no-comparison, .domain-key { display: none; }
.evidence-page > .chips button { min-width: var(--control-min-height); }
@media screen and (max-width: 1023px) {
  .classes-page, .students-page, .evidence-page { min-width: 0; }
  .classes-page h1, .students-page h1, .evidence-page h1 { margin-bottom: var(--space-1); }
  .classes-page .page-intro, .students-page .page-header p,
  .evidence-page .page-header p { margin: 0 0 var(--space-2); }
  .classes-provider {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 var(--space-2);
    padding: var(--space-1); margin: 0;
  }
  .classes-provider > .field {
    display: flex; flex-wrap: nowrap; gap: var(--space-2); width: 100%;
    font-size: var(--text-md);
  }
  .classes-provider > .field select { flex: 1; min-width: 0; width: 0; }
  .classes-provider > div, .classes-provider > section { grid-column: 1 / -1; }
  .classes-provider .privacy-disclosure { font-size: var(--text-xs); }
  .classes-provider > .privacy-disclosure:not(:has(.disclosure[data-open="true"])) {
    grid-column: auto; width: auto;
  }
  .classes-tools { margin: var(--space-1) 0; }
  .classes-tools label { width: 100%; }
  .classes-tools input { width: 100%; }
  .classes-summary { padding: 0; margin: var(--space-1) 0; border: 0; }
  .classes-summary .progress { display: flex; align-items: center; gap: var(--space-2); }
  .classes-summary .progress p { margin: 0; white-space: nowrap; }
  .classes-summary progress { height: var(--space-1); flex: 1; width: 0; }
  .classes-continue { width: 100%; font-size: var(--text-sm); padding: var(--space-1); }
  .classes-page .classes-filters, .students-page .directory-toolbar .chips {
    display: flex; flex-wrap: nowrap; overflow-x: auto; gap: var(--space-1);
    width: 100%; margin: 0; padding-block: var(--space-1);
  }
  .classes-filters button, .students-page .chips button {
    flex: 0 0 auto; white-space: nowrap;
    padding-inline: var(--space-2);
  }
  .classes-actions { font-size: var(--text-sm); }
  .classes-actions > .disclosure-content > button, .classes-actions > .disclosure-content > a { width: 100%; margin-block: var(--space-1); }
  .domain-key { display: block; font-size: var(--text-xs); margin: var(--space-1) 0; }
  .classes-grid, .students-page .student-roster tbody { grid-template-columns: minmax(0, 1fr); }
  .list-chevron { display: inline-block; flex: none; color: var(--color-primary); }
  .students-page .student-row:focus-within {
    outline: 2px solid var(--color-focus); outline-offset: 2px;
  }
  .students-page .rating-line > span:first-child {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
  }
  .compact-domain-label, .compact-domain-change { display: block; font-size: var(--text-xs); }
  .students-page .rating-line .chip {
    font-size: var(--text-xs); padding: var(--space-1); margin: 0;
    overflow-wrap: break-word; white-space: nowrap;
  }
  .compact-domain-change { overflow-wrap: break-word; }
  .compact-domain-change.redundant-comparison { display: none; }
  .compact-no-comparison, .compact-empty { display: block; margin: 0; font-size: var(--text-xs); }
  .untouched-portfolio .rating-line { display: none !important; }
  .students-page .student-name > span:not(.avatar) {
    min-width: 0; word-break: keep-all; overflow-wrap: break-word;
  }
  .students-page .directory-toolbar, .evidence-page .evidence-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-1) var(--space-2);
    padding: var(--space-1); margin: 0 0 var(--space-1);
  }
  .students-page .directory-toolbar .directory-search { grid-column: 1 / -1; }
  .students-page .directory-toolbar .chips { grid-column: 1 / -1; }
  .students-page .directory-toolbar label, .evidence-page .evidence-toolbar label {
    font-size: var(--text-sm); min-width: 0;
  }
  .students-page .directory-toolbar select, .evidence-page .evidence-toolbar select,
  .students-page .directory-toolbar input, .evidence-page .evidence-toolbar input {
    min-width: 0; padding-inline: var(--space-2);
  }
  .students-page .student-listing > h2 { margin: var(--space-1) 0; }
  .students-page .student-row {
    position: relative; grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--space-2); gap: var(--space-1);
  }
  .students-page .student-roster .student-name {
    display: flex; align-items: center; gap: var(--space-1); min-width: 0;
    font-size: var(--text-sm);
  }
  .students-page .student-name > span:not(.avatar) { flex: 1; min-width: 0; }
  .students-page .student-name .avatar { flex: none; width: 32px; height: 32px; }
  .students-page .student-roster .student-status { grid-column: 2; grid-row: 1; }
  .students-page .student-roster .student-ratings {
    grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-1); padding: 0;
  }
  .students-page .student-ratings .rating-line { gap: var(--space-1); }
  .students-page .rating-line .compact-domain-label { order: -1; }
  .students-page .student-roster .student-action { position: static; }
  .students-page .compact-empty { grid-column: 1 / -1; }
  .evidence-page > .chips {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-1); margin: var(--space-1) 0;
  }
  .evidence-page > .chips button { min-width: 0; white-space: nowrap; padding: var(--space-1); }
  .evidence-page .evidence-listing { padding: var(--space-2); margin: 0; }
  .evidence-listing > h2 { margin: 0 0 var(--space-1); }
}
@media screen and (max-width: 600px) {
  html:lang(ms) .students-page .student-roster .student-ratings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html:lang(ms) .students-page .rating-line .chip {
    white-space: normal;
    overflow-wrap: normal;
    max-width: 100%;
  }
  html:lang(ms) .classes-tools { margin-block: 0; }
  html:lang(ms) .students-page .rating-line .chip { line-height: var(--line-tight); }
  html:lang(ms) .students-page .student-ratings .rating-line {
    flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between;
  }
  html:lang(ms) .students-page .rating-line .compact-domain-label { flex: none; }
  html:lang(ms) .evidence-page .evidence-toolbar { row-gap: 0; }
  html:lang(ms) .evidence-page .library-evidence-card { padding: var(--space-1); }
  html:lang(ms) .evidence-page .library-evidence-card .evidence-text {
    line-height: var(--line-normal);
  }
}
@media screen and (max-width: 360px) {
  .students-page .student-roster .student-ratings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .classes-page .page-intro, .students-page .page-header p,
  .evidence-page .page-header p { display: none; }
  .classes-tools .field-label, .directory-search .field-label,
  .students-page .student-listing > h2 {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
  }
  .classes-tools label, .students-page .directory-toolbar label,
  .evidence-page .evidence-toolbar label { gap: 0; }
  .students-page .student-ratings .rating-line {
    flex-direction: row; align-items: center; justify-content: space-between;
  }
  .students-page .student-class { display: none !important; }
  .evidence-page .library-evidence-card > p { margin-block: 0; }
  .evidence-page .evidence-listing { padding: var(--space-1); }
  .evidence-page .library-evidence-card h3 { margin-bottom: 0; }
  .evidence-listing > h2 { margin-bottom: 0; }
  .classes-controls, .evidence-page > .chips { margin-block: 0; }
  html:lang(ms) .evidence-page .evidence-listing { padding: 0; }
  .classes-page .classes-filters { padding-block: 0; }
  .students-page .directory-toolbar, .evidence-page .evidence-toolbar { padding: 0; }
  .evidence-page .evidence-toolbar { margin-bottom: 0; }
}