.event-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-5);
}
.event-grid__empty {
    padding: var(--space-8) var(--space-5);
    text-align: center;
    background: var(--bg-1);
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius-md);
    color: var(--text-2);
}