/* AITEK — V1.5A-8. Feuille additive, chargee uniquement sur Perspectives et
   Insights. Elle n'introduit aucune esthetique nouvelle : elle reprend les
   boutons, bordures et espacements du design system G2.
   assets/css/aitek.css n'est pas modifie. */

.filters{margin-top:1.5rem}

/* Sans cette regle, la liste s'affichait en puces verticales : les cinq
   controles paraissaient un sommaire, non une barre de filtres. */
.filters__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.625rem;
  align-items:center;
}
.filters__list > li{margin:0}

.filters__btn{
  font:inherit;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink);
  background:transparent;
  border:1px solid var(--line);
  border-radius:0;
  padding:.625rem 1rem;
  /* Cible tactile suffisante sur mobile. */
  min-height:2.75rem;
  cursor:pointer;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}
.filters__btn:hover{border-color:var(--red);color:var(--red)}
.filters__btn:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* Etat actif : un seul bouton a la fois, signale par aria-pressed. */
.filters__btn[aria-pressed="true"]{
  background:var(--ink-strong,#141518);
  border-color:var(--ink-strong,#141518);
  color:#fff;
}

/* Le decompte n'a pas d'utilite visuelle : il repete ce que le lecteur voit.
   Il reste dans le DOM pour les technologies d'assistance, masque par
   deplacement hors cadre — ni display:none, ni hidden, ni visibility:hidden,
   qui le retireraient de l'arbre d'accessibilite. */
.filters__status{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* Etat vide : affiche seulement lorsqu'aucune carte ne correspond. */
.filters__empty{margin-top:1.5rem;font-size:.9375rem;color:var(--ink)}
.filters__empty[hidden]{display:none}

/* Sans JavaScript, les controles restent masques et toutes les cartes
   demeurent visibles : aucun contenu ne devient inaccessible. */
.filters[data-filters-ready="false"]{display:none}

@media(max-width:47.9375rem){
  .filters__list{gap:.5rem}
  .filters__btn{padding:.5625rem .8125rem;font-size:.75rem}
}