💄🔧：put the rail's numbers on one line

A grid item stretches to the tallest cell, and `column-reverse` packs
toward the bottom of it, so the labels lined up and the numbers sat
wherever each label's wrapping left them. The labels run from one line
to four, so that was four heights, and narrow widths wrap them more,
which is where it looked worst.

`align-self: start` takes the stretch away, so each pair is only as
tall as itself and every number starts on the same line.

The values also get a floor the height of the larger one, so the pair
that reads CJS + ESM rather than a numeral stops sitting its label
above everyone else's.

Signed-off-by: Derek Lewis <DerekNonGeneric@inf.is>
Assisted-by: Claude-Code:claude-opus-5

Author: DerekNonGeneric

_assets/styles/_home.scss

@@ -334,10 +334,17 @@
   gap: 1rem 1.5rem;
 }
 
+// `align-self: start` is what keeps the numbers on one line. A grid item
+// stretches to the tallest cell by default, and in `column-reverse` the
+// content packs toward the bottom of it, so the labels lined up and the
+// numbers floated at whatever height each label's wrapping left them. The
+// labels run from one line to four, so that was four different heights, and
+// worse at narrow widths where they wrap more.
 .stat {
   display: flex;
   flex-direction: column-reverse; /* value reads above its label */
   gap: 0.375rem;
+  align-self: start;
 }
 
 // Bootstrap's reboot bolds every dt; these dl/dt/dd pairs are borrowed for
@@ -350,7 +357,10 @@
   color: var(--tertiary);
 }
 
+// A floor the size of the larger value, so the one that is words rather than
+// a numeral does not sit its label higher than the rest.
 .stat dd {
+  min-height: 1.375rem;
   font-family: var(--mono);
   font-size: 1.375rem;
   font-weight: 700;