.not-in-search-page {
    display: none !important;
}

.agenda-tag-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    /* Top margin is small on purpose, to sit close to the form above it, matching the
       tighter spacing between the form's own rows. The switch link right after this
       (.agenda-search-form-switch, assets/css/search-form-switch.css) already carries
       its own 8px margin-top, which doesn't collapse with ours (it's inline-block) — a
       negative bottom margin here cancels most of that out, so the gap down to the
       switch text matches the gap up to the form instead of the two stacking together
       into something bigger. */
    margin: 2px 0 -6px;
}

.agenda-tag-pill {
    display: inline-flex;
    align-items: center;
    gap: .4em;
    padding: .3em .5em .3em .8em;
    border-radius: 999px;
    background: #eee;
    color: #333; /* fixed, not inherited — this pill sits on both light and dark (e.g. blue) section backgrounds */
    font-size: 14px;
    line-height: 1.4;
}

.agenda-tag-pill-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4em;
    height: 1.4em;
    border-radius: 50%;
    text-decoration: none;
    color: inherit;
    background: rgba(0, 0, 0, .08);
}

.agenda-tag-pill-remove:hover {
    background: rgba(0, 0, 0, .18);
}