@media screen {
  body #content-list .digital-course-view[data-course-a11y-bound] .course-file-details-button {
    display: block; width: 100%; min-width: 0; min-height: 44px; padding: 8px;
    background: var(--common-paper); color: var(--common-ink);
    border: 1px solid var(--common-ink); border-radius: 8px;
    font: inherit; font-weight: 600; line-height: 1.5; text-align: start;
    white-space: normal; overflow-wrap: anywhere;
    text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
  }
  body #content-list .digital-course-view[data-course-a11y-bound] .course-file-details-button:hover { background: var(--common-shade); }
  body #content-list .digital-course-view[data-course-a11y-bound] :is(.course-file-details-button, .media-detail-table-wrap):focus-visible { outline: 3px solid var(--common-ink); outline-offset: 3px; }
  body #content-list .digital-course-view[data-course-a11y-bound] .media-folder-actions { flex-wrap: wrap; gap: 8px; }
  body #content-list .digital-course-view[data-course-a11y-bound] .media-folder-actions > :is(a,button,label) { min-width: 44px; min-height: 44px; }
  body #content-list .digital-course-view[data-course-a11y-bound] #digital-course-detail-modal :is(.media-detail-panel, .digital-course-detail-preview, dl, dt, dd) { min-width: 0; overflow-wrap: anywhere; }
  body #content-list .digital-course-view[data-course-a11y-bound] #digital-course-detail-modal dd { white-space: normal; overflow: visible; text-overflow: clip; }
  /* Shared sizing only; keep both selectors and their specificity intact. */
  body #content-list .digital-course-view[data-course-a11y-bound] #digital-course-detail-modal .digital-course-detail-preview,
  body #content-list .digital-course-view[data-course-a11y-bound] #digital-course-detail-modal .digital-course-preview-icon { max-width: 100%; box-sizing: border-box; }
  body #content-list .digital-course-view[data-course-a11y-bound] #digital-course-detail-modal .digital-course-preview-icon { width: 100%; min-width: 0; }
  @media (max-width: 600px) {
    body #content-list .digital-course-view[data-course-a11y-bound] #digital-course-detail-modal .digital-course-detail-preview:has(> .digital-course-preview-icon) { padding: 8px; min-height: 0; height: 104px; }
    body #content-list .digital-course-view[data-course-a11y-bound] #digital-course-detail-modal .digital-course-preview-icon { height: 88px; min-height: 0; }
  }
}
@media (prefers-reduced-motion: reduce) {
  body #content-list .digital-course-view[data-course-a11y-bound],
  body #content-list .digital-course-view[data-course-a11y-bound] * { animation: none; transition: none; scroll-behavior: auto; }
  body #content-list .digital-course-view[data-course-a11y-bound] .media-file-card:hover { transform: none; }
}