.stack {
  display: flex;
  flex-direction: column;
}

.stack--sm { gap: var(--space-2); }
.stack--md { gap: var(--space-4); }
.stack--lg { gap: var(--space-6); }
.stack--xl { gap: var(--space-8); }

.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.cluster--sm { gap: var(--space-2); }
.cluster--md { gap: var(--space-4); }
.cluster--lg { gap: var(--space-6); }

.cluster--between { justify-content: space-between; }
.cluster--end { justify-content: flex-end; }