/* Header controls inherit the table typography and remain usable by keyboard. */
th .table-sort-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  cursor: pointer;
}
th .table-sort-button:hover { background: transparent; color: var(--brand, #4f7d36); }
th .table-sort-button:focus-visible { outline: 2px solid var(--brand, #4f7d36); outline-offset: 4px; }
.table-sort-indicator { font-family: sans-serif; font-size: 0.9em; opacity: 0.6; }
th[aria-sort="ascending"] .table-sort-indicator,
th[aria-sort="descending"] .table-sort-indicator { opacity: 1; color: var(--brand, #4f7d36); }
.table-sort-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }