/* 06-components/_legend.css — .c-legend: swatch + word, for boards. */
.c-legend { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); font-size: var(--text-sm); color: var(--ink-muted); }
.c-legend__item { display: inline-flex; align-items: center; gap: var(--space-xs); }
.c-legend__swatch { width: 1.5rem; height: 0.5rem; border-radius: 2px; background: var(--band-dot, var(--rule-strong)); }
.c-legend__hint { color: var(--ink-faint); }