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

  :where([class*='ed-grid']) {
    gap: var(--ed-space-4);
  }
}

@layer ed-utilities {
  [class*='ed-grid'] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--min-column-size, 20ch), 100%), 1fr));

    --min-column-size: initial;
  }

  .ed-span-grid {
    grid-column: 1 / -1;
  }
}