/* Defaults: any rule directly in ed-utilities wins (nested layer);
   :where() keeps them at zero specificity as a safety net. */
@layer ed-utilities.defaults {
  [class*='ed-cluster'] > * {
    margin-block: 0;
    margin-inline: 0;
  }

  :where([class*='ed-cluster']) {
    gap: var(--ed-space-4);
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@layer ed-utilities {
  [class*='ed-cluster'] {
    display: flex;
  }
}