table {
  --th-bg: hsl(60, 6.1%, 84%);
  --table-border: var(--background-code-block);
  --table-zebra: hsla(60, 6.1%, 96%, .6);
}

@media screen and (prefers-color-scheme: dark) {
  table {
    --th-bg: hsl(60, 0%, 28%);
  }

}

table, th, td {
  border: 0.1rem solid var(--table-border);
}

table {
  border-collapse: collapse;
  font-size: 2rem;
  margin-block: 4rem;
}

:not(thead) tr:nth-child(even) {
  background: var(--background-code-block);
}

th {
  text-align: start;
  white-space: nowrap;
  background: var(--th-bg);
}

th, td {
  padding: 0.5rem 1rem;
  line-height: 1.4;
  vertical-align: top;
}

td.integer {
  text-align: end;
}

/* Experimental for now. May not work. */
td.float {
  text-align: '.' right;
}