@layer objects {
/* Horizontal-wrap primitive. Children flow horizontally with consistent gap,
   wrapping to multiple rows when needed. */

.o-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}
.o-cluster--tight { gap: var(--space-1); }
.o-cluster--loose { gap: var(--space-4); }
}