Cells share one hairline: the grid paints the rules with a 1px gap over a hairline ground, and the cells carry no borders of their own. A tile shows a heading and the one value someone came for, then Details. Every other fact is in the sheet.
The tile is a button, so the whole surface is the target and it clears 44px without a special case. A 20px link at the bottom of a card does not.
Same component, .on-navy on the grid. White-alpha rules, navy cells, Lime for the numeral and the underline. Lime is correct here and banned on fog.
The grid paints a rule and the cell paints another on top of it. Two hairlines in the same place read as a thick smudge and the outer edges come out heavier than the inner ones.