@layer utilities {
@media (min-width: 36rem) and (max-width: 64rem) {
  .recent-work__row--header.data-row--header { display: grid; }
}
@media (max-width: 78rem) {
  :root { --sidebar-width: 14rem; }
  .page-shell { padding-inline: 1.5rem; }
  .filter-grid { grid-template-columns: repeat(3, minmax(8rem, 1fr)); }
  .question-filter-advanced .filter-grid { grid-template-columns: repeat(3, minmax(8rem, 1fr)); }
}
@media (max-width: 64rem) {
  .detail-layout, .blueprint-bottom, .import-layout { grid-template-columns: 1fr; }
  .import-layout { margin-inline: auto; }
  .import-guide { width: 100%; justify-self: stretch; }
  .authoring-workspace { grid-template-columns: 1fr; }
  .authoring-sidebar { position: static; grid-row: 1; }
  .detail-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metadata-strip { grid-template-columns: repeat(3, minmax(8rem, 1fr)); }
  .metadata-strip > span { border-bottom: 1px solid var(--color-border); }
  .assessment-summary-toolbar { flex-direction: column; }
  .assessment-summary-toolbar__actions { align-self: flex-end; }
  .filter-grid { grid-template-columns: repeat(2, minmax(8rem, 1fr)); }
  .question-filter-advanced .filter-grid { grid-template-columns: repeat(2, minmax(8rem, 1fr)); }
  .assessment-filter-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assessment-filter-control--search { grid-column: 1 / -1; }
  .question-filter-row { grid-template-columns: minmax(0, 1.45fr) minmax(0, .8fr) minmax(0, .9fr) 9rem; }
  .question-filter-row .assessment-filter-control--search { grid-column: auto; }
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-action { grid-template-columns: auto 1fr; }
  .workflow-action .button-row { grid-column: 1 / -1; justify-content: flex-start; }
  .structured-row--rubric, .rubric-column-headings { grid-template-columns: minmax(0, 1fr) 3rem; }
  .structured-row--part { grid-template-columns: minmax(0, 1fr) minmax(7rem, 0.35fr) 5rem; }
  .structured-row__wide { grid-column: 1 / -1; }
  .data-row--header { display: none; }
  .assessment-grid, .blueprint-grid { grid-template-columns: 1fr 1fr; gap: 0.75rem 1rem; padding-block: 1rem; }
  .assessment-grid .title-cell { grid-column: 1 / -1; }
  .question-table .question-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(2.75rem, 3.25rem); grid-template-areas: "question question question actions" "format marks status status"; }
  .question-table .data-row > .row-actions::before { display: none; }
  .question-table .row-actions { align-self: start; justify-self: end; }
  .data-row > [data-label]::before { display: block; margin-bottom: 0.15rem; content: attr(data-label); }
  .question-table .data-row .row-action-menu__items, .assessment-table .data-row .row-action-menu__items { top: calc(100% + 0.25rem); right: auto; bottom: auto; left: 0; }
  .blueprint-table td::before { content: attr(data-label); }
}
@media (max-width: 48rem) {
  .site-header { inset: auto 0 0; width: 100%; height: 4.9rem; overflow: hidden; border-top: 1px solid var(--color-border); border-right: 0; box-shadow: 0 -0.5rem 1.5rem rgb(16 32 70 / 8%); }
  .sidebar-collapsed .site-header { width: 100%; }
  .sidebar-collapsed .app-frame { margin-left: 0; }
  .sidebar-toggle { display: none; }
  .site-header__inner { flex-direction: row; align-items: stretch; height: 100%; min-height: 0; padding: 0.35rem; }
  .site-header .brand, .site-header .account-mode-badge, .site-header .sidebar-spacer, .site-header .sidebar-user { display: none; }
  .primary-nav { display: flex; flex: 1; min-width: 0; gap: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  .primary-nav a, .nav-form button { flex-direction: column; justify-content: center; gap: 0.2rem; min-width: 4.3rem; min-height: 4.15rem; padding: 0.3rem; font-size: 0.62rem; text-align: center; }
  .primary-nav a { flex: 0 0 5.5rem; width: 5.5rem; min-width: 5.5rem; }
  .primary-nav a[aria-current="page"] { box-shadow: inset 0 -3px var(--color-blue); }
  .primary-nav .icon, .nav-form .icon { width: 1.15rem; height: 1.15rem; }
  .nav-form { flex: 0 0 auto; }
  .app-frame { margin-left: 0; padding-bottom: 4.9rem; }
  .page-shell { padding: 1.5rem 1rem 3rem; }
  .site-footer { display: none; }
  .page-heading, .saved-paper-panel, .workflow-top, .paper-section__heading, .action-panel { align-items: stretch; flex-direction: column; }
  .page-heading .button-row, .page-heading > .button { width: 100%; }
  .page-heading .button { flex: 1; }
  .assessment-summary-toolbar__actions { align-self: stretch; }
  .assessment-summary-toolbar__actions .button, .assessment-summary-toolbar__actions form { flex: 1; }
  .assessment-summary-toolbar__actions form .button { width: 100%; }
  .detail-toolbar { align-items: flex-start; flex-direction: column; }
  .detail-toolbar__status { justify-content: flex-start; padding-left: 3.4rem; }
  .form-grid, .metric-row, .subtotal-grid, .detail-sidebar { grid-template-columns: 1fr; }
  .question-version-card .question-version-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blueprint-progress__heading, .blueprint-completion { align-items: stretch; flex-direction: column; }
  .blueprint-completion .generation-form { grid-template-columns: 1fr; min-width: 0; }
  .question-core-grid { grid-template-columns: 1fr; }
  .question-form-actions { align-items: stretch; flex-direction: column; }
  .question-form-actions .button-row, .question-form-actions .button { width: 100%; }
  .form-grid .field--wide { grid-column: auto; }
  .assessment-form-panel { padding: 1.25rem; }
  .assessment-form-actions .button { width: 100%; }
  .filter-grid { grid-template-columns: 1fr; }
  .question-filter-advanced .filter-grid { grid-template-columns: 1fr; }
  .question-filter-advanced[open] > summary { position: static; width: auto; border: 0; border-bottom: 1px solid var(--color-border); border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
  .question-bank-tab-row { align-items: stretch; flex-direction: column; gap: 0; }
  .question-bank-tab-row > fieldset { width: 100%; margin-left: 0; }
  .question-bank-tab-row .question-source-tabs { margin-left: 0; justify-content: flex-end; }
  .assessment-stage-tabs { gap: 1.5rem; }
  .assessment-browser > .assessment-browser__controls > .assessment-stage-tabs { flex-wrap: wrap; gap: 0 1.5rem; overflow-x: visible; }
  .assessment-filter-row { grid-template-columns: 1fr; }
  .assessment-filter-control--search { grid-column: auto; }
  .question-filter-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .question-filter-row .assessment-filter-control--search { grid-column: 1 / -1; }
  .question-filter-advanced-shell { grid-column: 1 / -1; }
  .filter-card__heading { align-items: flex-start; }
  .filter-card__heading > a { margin-left: 0; }
  .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assessment-table, .question-table { display: grid; gap: 0.75rem; background: transparent; border: 0; box-shadow: none; }
  .assessment-table .data-row--standard, .question-table .data-row--context { min-height: 0; padding: 1rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }
  .assessment-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-areas: "title title actions" "grade subject marks" "status date date"; gap: 0.8rem 1rem; }
  .assessment-grid .title-cell { grid-area: title; }
  .assessment-grid > span:nth-child(2) { grid-area: grade; }
  .assessment-grid > span:nth-child(3) { grid-area: subject; }
  .assessment-grid > span:nth-child(4) { grid-area: marks; }
  .assessment-grid > span:nth-child(5) { grid-area: status; }
  .assessment-grid > span:nth-child(6) { grid-area: date; }
  .assessment-grid > .row-actions { grid-area: actions; align-self: start; justify-self: end; }
  .assessment-grid .title-cell { grid-column: auto; }
  .assessment-grid > [data-label], .question-grid > [data-label] { min-width: 0; }
  .assessment-grid > .row-actions::before, .question-grid > .row-actions::before { display: none; }
  .question-table .data-row .row-action-menu__items, .assessment-table .data-row .row-action-menu__items { right: 0; left: auto; }
  .blueprint-grid { grid-template-columns: 1fr; }
  .blueprint-grid > span:first-child { grid-column: auto; }
  .structured-row--rubric, .rubric-column-headings { grid-template-columns: minmax(0, 1fr) 3rem; }
  .structured-row--part { grid-template-columns: 1fr; }
  .case-part-fields { grid-template-columns: minmax(0, 1fr) 5rem; }
  .structured-row .row-number, .structured-row__wide { grid-column: 1; }
  .format-segmented > button { flex: 1 1 0; min-width: 0; }
  .field--checkbox { padding-top: 0; }
  .sticky-actions { position: static; align-items: stretch; flex-direction: column; }
  .sticky-actions .button-row, .sticky-actions .button { width: 100%; }
  .readiness { min-width: 0; }
  .paper-item-actions, .paper-item-actions form, .paper-item-actions .button, .inline-replace-form, .inline-replace-form select { width: 100%; }
  .replacement-source__options { display: flex; width: 100%; }
  .replacement-source__options label { flex: 1 1 0; min-width: 0; }
  .replacement-source__options span { min-width: 0; width: 100%; }
  .paper-item-meta-row { grid-template-columns: 1fr; }
  .paper-item-control-bar { grid-template-columns: auto auto auto minmax(0, 1fr); }
  .paper-item-control-bar[data-paper-options] { grid-template-columns: auto auto auto auto; }
  .paper-item-control-bar[data-paper-options] .paper-item-answer-details > summary { grid-column: 1 / -1; grid-row: 2; }
  .paper-item-options-panel { grid-row: 3; }
  .paper-item-answer-details > summary { grid-column: 3; grid-row: 2; }
  .paper-item-edit-panel, .paper-item-replace-panel, .paper-item-answer-panel { grid-row: 3; }
  .workflow-action { grid-template-columns: 1fr; }
  .workflow-action .button-row { grid-column: auto; }
  .workflow-action .button { width: 100%; }
  .pagination { align-items: flex-start; flex-direction: column; }
  .pagination--question-bank { grid-template-columns: 1fr; }
  .pagination--question-bank > div, .pagination--question-bank > span:last-child { grid-column: 1; justify-self: start; }
  .export-readiness-panel__copy { flex-basis: 100%; }
  .export-readiness-panel form { width: 100%; }
  .export-card--compact { align-items: stretch; flex-direction: column; }
  .export-card--compact .button-row, .export-card--compact .button { width: 100%; }
}
@media (max-width: 30rem) {
  /* The shared 20rem body minimum grows during text resizing; bank rows can reflow below it. */
  body:has(#bank-results) { min-width: 0; }
  .question-filter-row { grid-template-columns: minmax(0, 1fr); }
  .assessment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "title actions" "grade subject" "marks status" "date date"; }
  .question-table .question-grid { grid-template-columns: minmax(0, 1fr) minmax(2.75rem, 3.25rem); grid-template-areas: "question actions" "format format" "marks status"; gap: var(--space-2); }
}
}