/* --cluster-space sets ONE cluster's spacing without reaching nested clusters:
   it is registered non-inheriting, so it must be set ON the .cluster itself
   (set on an ancestor it does nothing). To space a whole subtree, use the bare
   --space: it is kept for compatibility and still inherits into nested
   clusters, as before. --cluster-space wins over --space.
   syntax "*" with no initial value, so var() falls back when unset. A
   "<length>" registration would need an initial-value, and the spec requires
   it to be computationally independent: every browser drops a rule whose
   initial-value is relative (1rem, 0.5em). */
@property --cluster-space {
  syntax: "*";
  inherits: false;
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cluster-space, var(--space, 1rem));
  justify-content: var(--cluster-horizontal-alignment, flex-start);
  align-items: var(--cluster-vertical-alignment, center);
}