.sortable-table .table-sort-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  text-align: inherit;
  cursor: pointer;
}
.sortable-table .table-sort-button::after { content: '↕'; flex-shrink: 0; opacity: .6; }
.sortable-table th[aria-sort='ascending'] .table-sort-button::after { content: '↑'; opacity: 1; }
.sortable-table th[aria-sort='descending'] .table-sort-button::after { content: '↓'; opacity: 1; }
.sortable-table .table-sort-button:hover { color: var(--gold-dark, #8a6519); }
.sortable-table .table-sort-button:focus-visible { outline: 2px solid var(--gold, #e6ad32); outline-offset: 3px; border-radius: 3px; }