.table {
  display: block;
  overflow-x: auto;
  border-collapse: collapse;

  --border: calc(2rem / 16) solid var(--primary-accent-light);
}

.table thead tr {
  background: var(--secondary-accent-light);
}

.table tbody tr {
  text-align: center;
  vertical-align: top;
}

.table tbody tr:nth-child(odd) {
  background: var(--primary-accent-lightest);
}

.table th {
  color: var(--primary-heading);
  text-align: left;
  border-bottom: var(--border);
}

.table th:not(:last-child),
.table td:not(:last-child) {
  border-right: var(--border);
}

.table th,
.table td {
  padding: calc(12rem / 16);
}
