/* Diagnostic gratuit, système de design version 2 (13 octobre 2026) : proposition 1, une colonne et un cube par question.
   Habille les écrans rendus par assets/js/diagnostic.js. Chargée sur la page du diagnostic seulement. */
.fm-score-app{--encre:#0B0A09;--bleu:#0437D1;--creme:#F6F1EA;--orange:#B4530A;--vert:#0B7A3B;--gris:#D9D2C8;--gris-texte:#5E574F;--filet:#E2D9CE;
  --titre:"Wix Madefor Display",system-ui,sans-serif;--texte:"Hanken Grotesk",system-ui,sans-serif;--mono:"Sometype Mono",ui-monospace,monospace;color:var(--encre)}
.fm-score-app .fmq{position:relative;max-width:728px;margin:0 auto;padding:64px 24px 96px;min-height:70vh;display:block;font:400 17px/1.55 var(--texte)}
.fm-score-app .fmq p{margin:0}
.fm-score-app .fmq h1{font:800 clamp(34px,4.4vw,54px)/1.04 var(--titre);margin:18px 0 0;text-wrap:balance}
.fm-score-app .fmq h2{font:800 clamp(26px,3.2vw,38px)/1.1 var(--titre);margin:28px 0 0;text-wrap:balance}
.fm-score-app .fmq .sub{font-size:19px;line-height:1.5;color:var(--gris-texte);margin:16px 0 0;max-width:32em}
.fmq-rep{display:flex;align-items:center;gap:10px;font:600 14px/1 var(--texte);color:var(--bleu)}
.fmq-rep i{width:12px;height:12px;background:var(--bleu);flex:none}
.fmq-keo{position:absolute;right:-16px;top:28px;width:150px;height:auto}
.fm-score-app .fmq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;margin-top:28px;padding:0 28px;font:700 18.5px/1 var(--titre);background:var(--bleu);color:#fff;border:0;cursor:pointer;transform:none}
.fm-score-app .fmq-btn:hover{background:var(--encre);transform:none}
.fm-score-app .fmq-btn[disabled]{background:var(--gris);color:var(--gris-texte);cursor:not-allowed}
.fm-score-app .fmq-note{font:400 14.5px/1.5 var(--texte);color:var(--gris-texte);margin-top:14px}
/* une question */
.fmq-ou{display:flex;justify-content:space-between;align-items:center;font:600 15px/1 var(--texte)}
.fm-score-app .fmq-back{font:500 15px/1 var(--texte);color:var(--gris-texte);background:none;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.fm-score-app .fmq-back:hover{color:var(--bleu)}
.fmq-fil{display:flex;gap:6px;margin-top:10px!important}
.fmq-fil i{flex:1;max-width:28px;aspect-ratio:1;border:2px solid var(--gris)}
.fmq-fil i.f{background:var(--bleu);border-color:var(--bleu)}
.fmq-fil i.c{border-color:var(--bleu)}
.fm-score-app .fmq-opts{display:grid;gap:10px;margin-top:26px}
.fm-score-app .fmq-opt{display:flex;align-items:center;justify-content:space-between;gap:14px;font:600 18px/1.3 var(--texte);text-align:left;color:var(--encre);background:#fff;border:2px solid var(--encre);padding:18px 20px;cursor:pointer;transform:none;transition:none}
.fm-score-app .fmq-opt:hover{border-color:var(--bleu);color:var(--bleu);transform:none}
.fm-score-app .fmq-opt.sel{background:var(--bleu);border-color:var(--bleu);color:#fff}
.fm-score-app .fmq-opt .mk{font:600 16px/1 var(--mono);opacity:1}
.fm-score-app .fmq-actions{display:flex;margin-top:0}
/* le formulaire */
.fmq-champs{display:grid;margin-top:26px;max-width:520px}
.fmq-champs label{font:600 15.5px/1.3 var(--texte);margin:16px 0 6px}
.fmq-champs label i{font-style:normal;font-weight:400;color:var(--gris-texte);margin-left:6px}
.fmq-champs input,.fmq-champs select{width:100%;font:400 17px/1.3 var(--texte);color:var(--encre);background:#fff;border:2px solid var(--encre);border-radius:0;padding:14px;min-height:52px}
.fmq-champs input:focus,.fmq-champs select:focus{outline:3px solid var(--bleu);outline-offset:3px}
.fmq-champs .fmq-btn{justify-self:start}
.fm-score-app .fmq-err{font:600 15px/1.4 var(--texte);color:var(--orange);margin-top:10px;min-height:0}
/* le résultat */
.fm-score-app .fmq-res{border:0;background:none;padding:0}
.fm-score-app .fmq-res .diag{font:800 clamp(28px,3.4vw,42px)/1.08 var(--titre);margin:18px 0 0;max-width:none!important;text-wrap:balance}
.fm-score-app .fmq-res .diag em{font-style:normal;color:inherit}
.fm-score-app .fmq-res .sub em{font-style:normal;font-weight:600;color:var(--encre)}
.fmq-fen{background:#fff;border:2px solid var(--encre);box-shadow:6px 6px 0 var(--vert)!important;padding:0 24px 22px;margin:36px 6px 0 0}
.fmq-et{display:inline-block;font:600 12.5px/1 var(--mono);padding:7px 10px;background:var(--vert);color:#fff;margin-left:-24px;position:relative;top:-2px}
.fm-score-app .fmq-res .pot{font:800 clamp(34px,5.4vw,64px)/1 var(--titre);color:var(--vert);margin-top:18px}
.fmq-fen .calc{font:400 13px/1.55 var(--mono);color:var(--gris-texte);margin-top:14px!important}
.fmq-res .since{font-weight:600;font-size:18px;margin-top:20px!important}
.fm-score-app .fmq-res .lev{margin-top:44px}
.fm-score-app .fmq-res .lev h3{font:700 22px/1.2 var(--titre);color:var(--encre);margin:0 0 6px}
.fm-score-app .fmq-res .item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0;margin:0;padding:18px 0;border-bottom:1px solid var(--filet)}
.fm-score-app .fmq-res .item .ck{font:600 18px/1.3 var(--mono);color:var(--orange)}
.fm-score-app .fmq-res .item b{font:700 19px/1.25 var(--titre)}
.fm-score-app .fmq-res .item p{font-size:16px;line-height:1.5;color:var(--gris-texte);margin-top:4px}
.fm-score-app .fmq-res .mean{background:var(--creme);border:0;padding:22px 24px;margin-top:28px;font-size:17px;line-height:1.5;display:grid;gap:8px}
.fm-score-app .fmq-res .mean b{font:700 17px/1.2 var(--titre);color:var(--encre);margin:0}
.fmq-appel{position:relative;background:var(--bleu);color:#fff;padding:36px 40px 34px;margin-top:84px;display:grid;gap:10px;justify-items:start;font-size:17.5px}
.fmq-appel img{position:absolute;right:36px;top:-61px;width:96px;height:auto}
.fmq-appel .t{font:800 clamp(26px,3.2vw,38px)/1.06 var(--titre);max-width:16em}
.fm-score-app .fmq-res .cta{display:inline-flex;align-items:center;min-height:56px;margin-top:10px;padding:0 26px;font:700 18px/1 var(--titre);background:#fff;color:var(--bleu);border:0;text-decoration:none;transform:none}
.fm-score-app .fmq-res .cta:hover{background:var(--encre);color:#fff;transform:none}
.fmq-appel .autre a{color:#fff;font-weight:600}
.fmq-appel .sig{font:500 14px/1 var(--mono);opacity:.9;margin-top:6px!important}

@media (max-width:900px){
  .fm-score-app .fmq{padding:32px 16px 64px}
  .fmq-keo{position:static;display:block;width:96px;margin:0 0 16px auto}
  .fmq-fil{gap:3px}
  .fm-score-app .fmq-btn{width:100%}
  .fmq-champs .fmq-btn{justify-self:stretch}
  .fmq-appel{padding:28px 20px;margin-top:72px}
  .fmq-appel img{width:80px;top:-51px;right:16px}
  .fm-score-app .fmq-res .cta{width:100%;justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){.fmq-fade{animation:none}}