/* Reusable chip-filter styling.
 *
 * Pair with includes/chip_filters.html and static/src/chip-filters.js.
 * Carries no project-specific naming, so it is safe to drop into any project
 * with Bootstrap 5.
 */
.filter-chip {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.12s ease;
}
.filter-chip:hover { filter: brightness(110%); }
.filter-chip.active {
    background-color: var(--bs-primary) !important;
    color: #fff;
}