.section-note {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: .74rem;
}

.event-list article > div {
    flex: 1;
    min-width: 180px;
}

.row-link {
    margin-left: auto;
    color: var(--green);
    font-size: .75rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
}

.filter-bar a {
    padding: 7px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
}

.filter-bar a.active,
.filter-bar a:hover {
    border-color: var(--green);
    background: var(--pale-green);
    color: var(--green);
}

@media (max-width: 720px) {
    .event-list article {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .row-link {
        margin-left: 0;
    }
}