@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-half); /* spec 18px */
    --repel-gap: var(--space-half);
    --cluster-space: var(--space-half);
  }

  /* Indented to the heading, past the checkbox and the cluster gap. */
  .roadmap-desc {
    --roadmap-indent: calc(var(--form-control-toggle-size) + var(--space-half));
    max-inline-size: calc(var(--column-narrow) + var(--roadmap-indent));
    padding-inline-start: var(--roadmap-indent);
    --flow-space: var(--space-1);
    font-size: var(--text-sm);
    --color-link: var(--color-accent);
  }
}