.table {
  width: 100%;
  margin-block: var(--block-double);
  border-collapse: collapse;
  font-size: var(--text-small);
}

h2 + .table {
  margin-block-start: 0;
}

.table th {
  color: var(--ink-darker);
  font-weight: 600;
  text-align: start;
}

.table :is(th, td) {
  padding: var(--block-half) var(--block) var(--block-half) 0;
  vertical-align: top;
}

.table td {
  white-space: nowrap;
}

/* Free text, such as an email address or a note. */
.table td.table__text {
  white-space: normal;
  overflow-wrap: anywhere;
}