:root { --wrap: 1060px; --min: 1000px; }


.gen tbody th[scope="row"] { min-width: 8.5em; }









.gen tbody td.ico {
  width: 1%;
  padding: 5px 8px;
  text-align: center;
}

.gen tbody td.ico img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin: 0 auto;
}


.gen thead th:nth-child(2) {
  padding-right: 8px;
  padding-left: 8px;
}








.gen:has(td.ico) :is(thead th, tbody th, tbody td) { text-align: center; }

.gen:has(td.ico) thead th:nth-child(n + 3),
.gen:has(td.ico) tbody td:nth-child(n + 3) { padding-right: 10px; padding-left: 10px; }







.gen:not(:has(tr.lane)) :is(thead th, tbody th, tbody td) {
  font-variant-numeric: tabular-nums;
  text-align: center;
}












.formula {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  column-gap: .6em;
  max-width: 48em;
  margin: 2.8em 0;
  font-size: 20px;
}


.formula .lhs { grid-row: 1 / 3; }

.formula .num,
.formula .den {
  grid-column: 2;
  padding: .2em .6em;
  text-align: center;
}


.formula .num { border-bottom: 1px solid var(--bone-dim); }




.formula .lhs,
.formula .num,
.formula .den,
.var {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
}

.var { color: var(--bone-hi); }






.block {
  content-visibility: auto;
  contain-intrinsic-height: auto 1620px;
}