/* ═══════════════════════════════════════════════════════════════════
   GEO MARQUE v4 — onglet Answers (callbacks_brand_answers.py),
   2026-10-01 (SPEC_V4 §4.3). Chargé après z_compass.css et
   z_compass_brand_ui.css (assets triés par nom). Seulement les filtres
   `Brand · Series · Result` (puces) : la table, la ligne dépliée et le
   pager sont dans z_compass_brand_answers_ui.css (classes brand-qa-*),
   la recherche statique dans z_compass.css (.brand-ans-search).
   Couleurs = jetons existants. Téléphone (375 px) : tout passe à la
   ligne, aucune largeur fixe, aucun blanc insécable.
   ═══════════════════════════════════════════════════════════════════ */

.brand-ans-filters { display: grid; gap: 6px; margin: 8px 0 12px; min-width: 0; }
.brand-ans-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; }
.brand-ans-filter-label {
    min-width: 56px; font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em;
    text-transform: uppercase; color: var(--c-muted);
}
.brand-ans-chip {
    display: inline-block; max-width: 100%; border: 1px solid var(--c-line); border-radius: 999px;
    background: var(--white); color: var(--navy); padding: 3px 12px; font: inherit; font-size: 12.5px;
    line-height: 1.5; cursor: pointer; overflow-wrap: anywhere;
}
button.brand-ans-chip:hover, button.brand-ans-chip:focus-visible { border-color: var(--navy); }
.brand-ans-chip.is-active { background: var(--navy); color: var(--white); border-color: var(--navy); cursor: default; }