table {
  display: block;
  width: 100%;
  margin: 1.5em 0;
  border-collapse: collapse;
  overflow-x: auto;
  font-size: var(--type-small);
  line-height: 1.4;
  -webkit-overflow-scrolling: touch;
  break-inside: avoid;
}

thead th {
  font-weight: bold;
  text-align: left;
  border-bottom: 0.2rem solid rgb(var(--color-text));
}

th,
td {
  padding: 0.6em 0.9em;
  border-bottom: 0.1rem solid rgba(var(--color-text), 0.15);
  vertical-align: top;
}

tbody tr:nth-child(even) {
  background-color: rgba(var(--color-link), 0.05);
}