/* How far a checklist has got: a check and "2/5", on a to-do's row and on a
   board card alike.

   It is the comment count's sibling and says so by wearing the same voice —
   x-small, ink-subtle, its glyph the same size as that dotted circle — so a
   row carrying both reads as one chain rather than two marks that arrived
   from different places. Nothing else here: the gap, the alignment and the
   ink are all it owns, and everything about the number is inherited. */
@layer components {
  .subtask-progress {
    --icon-size: 0.75rem;

    display: inline-flex;
    align-items: center;
    gap: var(--inline-space-half);
    font-size: var(--text-x-small);
    color: var(--color-ink-subtle);
  }
}