/* 07B follow-up. Legacy/shared inner tabs use the same navigation states. */
@media screen {
  body #content-list :is(.screening-module-nav-secondary, .legacy-staff-tabs, .archive-tabs) {
    gap: 8px;
    flex-wrap: wrap;
    background: var(--common-paper);
    border-color: var(--common-frame);
    border-radius: 8px;
  }
  body #content-list :is(.screening-module-nav, .legacy-staff-tabs, .archive-tabs) button {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--common-ink);
    border-radius: 8px;
    color: var(--common-ink);
    background: var(--common-paper);
    font: 600 14px/1.5 var(--common-font);
    white-space: normal;
    box-shadow: none;
  }
  body #content-list :is(.screening-module-nav, .legacy-staff-tabs, .archive-tabs) button:is(.active, .primary, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"]) {
    color: var(--common-paper);
    background: var(--common-ink);
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  body #content-list :is(.screening-module-nav, .legacy-staff-tabs, .archive-tabs) button:focus-visible {
    outline: 3px solid var(--common-ink); outline-offset: 2px;
  }
  body #content-list :is(.screening-module-nav, .legacy-staff-tabs, .archive-tabs) button:disabled {
    color: var(--common-ink); background: var(--common-shade); border-style: dashed;
  }
}