table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

table td,
th {
  text-align: start;
  padding: var(--sz3);

  border-radius: 0;

  font-size: var(--sz4);

  background-color: transparent;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

table th {
  color: var(--accent0);
  font-weight: 600;
}

table td a {
  color: var(--accent0);
}

table tbody tr {
  cursor: pointer;
  transition: background 0.2s ease;
  min-height: 48px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

table tbody tr:hover,
table tbody tr:focus {
  background: rgba(255, 255, 255, 0.05);
}

table tbody tr:active {
  background: rgba(255, 255, 255, 0.1);
  transform: scale(0.98);
}

@media only screen and (max-width: 1100px) {
  table td,
  th {
    padding: var(--sz4);
    font-size: var(--sz5);
  }
}