/* Styles propres au gabarit comparatif (chargés en complément de la
   feuille commune assets/css/gabarits.css, qui porte les styles de cartes
   partagés avec le gabarit ou-acheter). Ce fichier ne garde que ce qui est
   propre au comparatif : les filtres par profil et le bloc verdict. */

.profils {
  display: flex;
  gap: var(--espace-2);
  flex-wrap: wrap;
  margin: var(--espace-4) 0 var(--espace-1);
}
.profil {
  min-height: var(--cible-min);
  padding: var(--espace-2) var(--espace-4);
  border-radius: var(--rayon);
  border: var(--trait);
  background: transparent;
  font-family: var(--fonte-texte);
  font-size: 1rem;
  cursor: pointer;
}
.profil.actif {
  background: var(--couleur-accent-fort);
  border-color: var(--couleur-accent-fort);
  color: var(--couleur-fond);
  font-weight: 600;
}

.verdict {
  border-top: 1px dashed var(--couleur-trait);
  margin-top: var(--espace-2);
  padding-top: var(--espace-2);
}