Key figures

The results band right under an article's header: up to three figures, each a big number (or a short phrase) with one line of context.

<KeyFigures items={[
  { value: '41%', label: 'of all Happeo customers used the view in the last 30 days' },
  { value: 'Pages 2.0 unblocked', words: true, label: '…' },
]} />

Real numbers only. Use words: true for a phrase when there's no number.
All text is black on the band; the numbers share one row so they line up even when one wraps. Below 744 the numbers take the words style (--key-figures-number-*), so three fit a narrow row.
The chapter bar sits right under it.

Prop	Type	Default	Description
`items`	`{ value; label; words? }[]`	—	Up to three.
`title`	`string`	`'Key figures'`	Band label.
`band`	`CSS background`	`the article band`	Override the band.

Token	Base	≥ 390	≥ 744	≥ 1024	≥ 1440	Note
`--type-figure-size`	`56px`	`64px`		`80px`	`100px`	key figures: number
`--type-figure-text-size`	`32px`	`36px`		`48px`	`64px`	key figures: words instead of a number
`--key-figures-number-size`	`var(--type-figure-text-size)`		`var(--type-figure-size)`
`--key-figures-number-line-height`	`0.96`		`1.1`