/* the box meter: a row of small boxes, as many lit as the reading is high, in a colour the page gives (--meter-color); the size is the page's (--meter-size,
   --meter-height) */
.part-box-meter { display: inline-flex; align-items: center; gap: calc(var(--meter-size, 10px) / 5); font-family: var(--font); }
.part-box-meter > i { flex: none; width: var(--meter-size, 10px); height: var(--meter-height, var(--meter-size, 10px));
  border-radius: calc(var(--meter-size, 10px) / 5);
  background: var(--control); }
.part-box-meter > i.on { background: var(--meter-color, var(--fg)); }
.part-box-meter-none { color: var(--muted); font-size: var(--type-small); line-height: 1; white-space: nowrap; }
/* its value said after the boxes (`said`): a site's use value, the figure in the text colour and in even digits */
.part-box-meter-value { margin-left: var(--space-2); color: var(--fg); font-size: var(--type-small); font-weight: 600; line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap; text-box: trim-both cap alphabetic; }