.eventGrid {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-xl);
    max-width: 1100px;
    margin: 0 auto;
}

.eventGrid__title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.eventGrid__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.eventGrid__item {
    display: flex;
}

@media (max-width: 640px) {
    .eventGrid {
        padding: var(--space-md);
        gap: var(--space-md);
    }

    .eventGrid__title {
        font-size: 20px;
    }

    .eventGrid__list {
        gap: var(--space-sm);
    }
}