/* Habillage Altereko du calculateur XP Impact Score (surcouche, la logique n'est pas modifiée) */
@font-face { font-family: "Barlow Condensed"; src: url(/assets/fonts/barlow-condensed-latin-800-italic.woff2) format("woff2"); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url(/assets/fonts/barlow-condensed-latin-700-italic.woff2) format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/assets/fonts/inter-latin-600-normal.woff2) format("woff2"); font-weight: 600 700; font-display: swap; }

body { font-family: "Inter", system-ui, sans-serif !important; }
.header { border-bottom: 0 !important; position: relative; padding-bottom: calc(1rem + 6px) !important; }
.header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px;
  background: linear-gradient(90deg, #671319 0 25%, #e61b32 25% 50%, #ed692b 50% 75%, #f7aa43 75%); }
.header img { height: 28px !important; }
.header-title, .ht, .roi-score, .pr-score-num { font-family: "Barlow Condensed", "Arial Narrow", sans-serif !important; font-style: italic; }
.header-title { font-size: 16px !important; font-weight: 800 !important; color: #f6f5e6 !important; letter-spacing: .02em !important; }
.ht { font-size: 17px !important; font-weight: 800 !important; letter-spacing: .01em !important; }
.roi-score { font-weight: 800 !important; }
.slbl { color: #f7aa43 !important; letter-spacing: .14em !important; }
input, select, button { font-family: inherit; }
.card, .hcard { border-radius: 6px !important; }

/* Intégré dans la page du site : l'en-tête de l'outil est masqué */
html.embed .header { display: none !important; }
html.embed body { background: transparent !important; }