@layer blocks {
  /* The tools checklist. Shipped items get a ticked .checkbox; the rest stay
     empty. Status uses .badge, so it inherits the same fill/outline scheme as
     task due-date chips. Vertical rhythm is .flow; the head is [ repel ]
     wrapping a [ cluster ] so the badge sits at the trailing edge. */
  .roadmap {
    max-inline-size: var(--column);
    --flow-space: var(--space-s); /* spec 18px */
    --repel-gap: var(--space-s);
    --cluster-space: var(--space-s);
  }

  .roadmap-desc {
    max-inline-size: var(--column-narrow);
    margin-block-start: var(--space-3xs);
    margin-inline-start: calc(var(--form-control-toggle-size) + var(--space-s));
    font-size: var(--text-sm);
    --color-link: var(--color-accent);
  }
}