/* 07F. Keep native table semantics, column order, sorting and selection. */
@media screen {
  body #content-list :is(.media-detail-table-wrap, .governance-table-wrap, .legacy-staff-table-wrap, .academic-period-table-scroll, .table-wrap) {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--common-frame);
    border-radius: 12px;
    background: var(--common-paper);
    scrollbar-color: var(--common-ink) var(--common-shade);
  }
  body #content-list table {
    font: 400 15px/1.5 var(--common-font);
    color: var(--common-text);
    background: var(--common-paper);
    border-color: var(--common-frame);
  }
  body #content-list table :is(th,td) {
    padding: 12px;
    border-color: var(--common-frame);
    vertical-align: top;
  }
  body #content-list table thead :is(th,td) {
    color: var(--common-ink);
    background: var(--common-shade);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
  }
  body #content-list table tbody tr:hover > td { background-color: var(--common-shade); }
  body #content-list table.media-detail-table tr.selected td,
  body #content-list table tr[aria-selected="true"] > td {
    background: var(--common-shade);
    color: var(--common-ink);
    border-block-color: var(--common-ink);
  }
  body #content-list table :is(button,a,input,select):focus-visible,
  body #content-list :is(.media-detail-table-wrap, .governance-table-wrap, .academic-period-table-scroll):focus-visible {
    outline: 3px solid var(--common-ink); outline-offset: 2px;
  }
}