/* SPDX-License-Identifier: MIT
 *
 * filter-chip.css - SL_05C Part C, ported from hire4real's `.data-filters .filter-chip`.
 *
 * Their active and hover chip is green on a green tint; a chip that filters is where a reader IS,
 * not a call to action, and this site has no green. The active chip is ink on its border, as the
 * tab strip's active tab is; the count is muted and never coloured.
 */
.sector-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.75rem 0; }
.filter-chip {
  display: inline-flex; align-items: baseline; gap: 0.35rem;
  padding: 0.35rem 0.85rem; border-radius: 999px;
  border: 1px solid var(--line); background: var(--surface-2);
  color: var(--ink); font-size: 0.88rem; text-decoration: none;
}
.filter-chip:hover { border-color: var(--ink-2); }
.filter-chip[aria-current="page"] { border-color: var(--ink); font-weight: 600; }
.filter-chip__count { color: var(--ink-2); font-size: 0.85em; font-variant-numeric: tabular-nums; }