/* 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-split'] > * {
    margin-block: 0;
    margin-inline: 0;
  }

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

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

  [class*='ed-split'],
  [class*='ed-split'][class*='\:row'] {
    flex-direction: row;
    block-size: auto;
    inline-size: 100%;
  }

  [class*='ed-split']:not([class*='\:column']) > :first-child {
    flex: 0 1 auto;
  }

  [class*='ed-split'][class*='\:column'] {
    flex-direction: column;
    block-size: auto;
    inline-size: auto;
    align-self: stretch;
  }
}