/* Horizontal grouping with wrap — used for control rows,
   button banks, indicator clusters. */

.o-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

.o-cluster--tight { gap: var(--space-2); }
.o-cluster--loose { gap: var(--space-5); }
.o-cluster--between { justify-content: space-between; }
.o-cluster--center  { justify-content: center; }
.o-cluster--end     { justify-content: flex-end; }
.o-cluster--start-baseline { align-items: baseline; }