.horizOverflow {
  margin: 0 calc(-1 * var(--text-padding));
  width: calc(100% + 2 * var(--text-padding));
  overflow-x: auto;
}

.table {
  position: relative;
  font-size: .9em;
  padding: 0 var(--text-padding);

  display: grid;
  grid-template-columns: repeat(4, auto);
  column-gap: calc(.5 * var(--text-padding));
}

.table .heading {
  color: var(--text-bright);
  font-weight: bolder;
  text-decoration: underline;
}

.table > span:not(.position):not(.heading) {
  color: var(--text-dimmed);
}