/* --- Event Page Styles --- */

/* Grid container for event cards */
.events-grid {
    display: grid;
    /* Changed to display one event per row */
    grid-template-columns: 1fr;
    gap: 2rem; /* Space between cards */
    padding: 2rem 0; /* Padding around the grid */
}

/* Responsive adjustments for events grid */
@media (max-width: 768px) {
    .events-grid {
        /* Revert to single column grid, minmax not needed */
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* Note: Event card styles are in components/event-card.css */