/* Comparateur — habillage de la refonte v3. Aucune règle de fond : couleurs, polices et en-tête seulement.
   Chargé après comparateur.css ; la page n'a toujours ni script ni style en ligne. */
:root{
  --blue:#5A2FD0; --blue-dark:#14162E; --gold:#FF7A2F; --gold-text:#B34700; --red:#D7322A;
  --ink:#14162E; --muted:#545873; --paper:#F4F2F8; --card:#fff; --line:#DDD8EA;
  --soft-blue:#EFE9FF; --soft-gold:#FFF3D1; --soft-red:#FFE9DC;
  --shadow:0 18px 40px -24px rgba(59,31,148,.35);
}
/* l'en-tête propre au comparateur laisse la place au menu commun du site */
.site-header{display:none;}
h1,h2,h3{font-family:'Bricolage Grotesque','Avenir Next','Segoe UI',system-ui,sans-serif;font-weight:800;}
.hero{padding-top:40px;}

/* portraits à la place des initiales (les initiales restent dans la page pour les lecteurs d'écran) */
.monogram[data-id]{background-size:cover;background-position:center;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold);}
.monogram[data-id="attal"]{background-image:url(/images/candidats/attal.jpg);color:transparent;}
.monogram[data-id="candid_ia"]{background-image:url(/images/candidats/candidia.jpg);color:transparent;}
.monogram[data-id="lepen"]{background-image:url(/images/candidats/lepen.jpg);color:transparent;}
.monogram[data-id="lisnard"]{background-image:url(/images/candidats/lisnard.jpg);color:transparent;}
.monogram[data-id="melenchon"]{background-image:url(/images/candidats/melenchon.jpg);color:transparent;}
.monogram[data-id="philippe"]{background-image:url(/images/candidats/philippe.jpg);color:transparent;}
.monogram[data-id="retailleau"]{background-image:url(/images/candidats/retailleau.jpg);color:transparent;}
.monogram[data-id="candid_ia"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue);}