.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
}

caption {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

th,
td {
  padding: 18px;
  text-align: left;
  border-bottom: 1px solid var(--card-border);
}

th {
  color: var(--primary-light);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.82rem;
}

tr:last-child td {
  border-bottom: none;
}

@media (max-width: 640px) {
  th,
  td {
    padding: 14px;
  }
}