/* =============================================================================
   Composition: Auto Grid
   CUBE CSS: Responsive auto-filling grid. No media queries needed.
   Usage: <ul class="auto-grid"> or override --auto-grid-min for column sizing.
   ============================================================================= */

.auto-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min, 200px), 1fr));
    gap: var(--auto-grid-gap, var(--space-l));
}