/* =========================================================
   Simulateur décret tertiaire — styles scopés sous .sim
   (intégré dans la page Trajectoire carbone)
   ========================================================= */

.sim .cadre{
  font-size:13.5px;color:var(--gris);
  border-left:3px solid var(--bleu);padding-left:12px;margin:0 0 6px;
}

.sim .carte{
  background:#fff;border:1px solid var(--ligne);border-radius:10px;
  padding:28px;margin-top:8px;
  box-shadow:0 2px 10px rgba(10,27,92,.05);
}
.sim .champ{margin-bottom:22px;}
.sim .champ:last-of-type{margin-bottom:0;}
.sim label.titre{display:block;font-weight:600;margin-bottom:8px;font-size:15px;font-family:inherit;}
.sim label.titre .num{display:inline-block;color:var(--bleu);font-family:Georgia,serif;margin-right:6px;}
.sim .aide{font-size:13px;color:var(--gris);margin-top:6px;}

.sim .options{display:flex;flex-wrap:wrap;gap:8px;}
.sim .options input{position:absolute;opacity:0;pointer-events:none;}
.sim .options label.pill{
  border:1.5px solid var(--ligne);border-radius:8px;
  padding:9px 14px;font-size:14px;cursor:pointer;color:var(--marine);
  background:#fff;transition:border-color .15s,background .15s;
}
.sim .options label.pill:hover{border-color:var(--violet);}
.sim .options input:checked + label.pill{border-color:var(--bleu);background:#F0EEFF;font-weight:600;}
.sim .options input:focus-visible + label.pill{outline:2px solid var(--bleu);outline-offset:2px;}

.sim input[type=number],.sim select{
  width:100%;max-width:280px;
  border:1.5px solid var(--ligne);border-radius:8px;
  padding:10px 12px;font-size:15px;color:var(--marine);background:#fff;font-family:inherit;
}
.sim input[type=number]:focus,.sim select:focus{outline:2px solid var(--bleu);outline-offset:1px;border-color:var(--bleu);}

.sim .bouton{
  display:inline-block;margin-top:26px;
  background:var(--bleu);color:#fff;border:none;border-radius:8px;
  padding:13px 26px;font-size:15px;font-weight:600;cursor:pointer;
  transition:background .15s;font-family:inherit;text-decoration:none;
}
.sim .bouton:hover{background:var(--violet);}
.sim .bouton:focus-visible{outline:3px solid var(--marine);outline-offset:2px;}
.sim .bouton.secondaire{background:#fff;color:var(--bleu);border:1.5px solid var(--bleu);}
.sim .bouton.secondaire:hover{background:#F0EEFF;}

.sim #resultat{display:none;}
.sim #resultat.visible{display:block;animation:sim-apparait .35s ease;}
@keyframes sim-apparait{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.sim #resultat.visible{animation:none;}}

.sim .verdict{
  border-radius:10px;padding:22px 26px;margin-top:28px;color:#fff;
  background:linear-gradient(115deg,var(--marine),var(--violet));
}
.sim .verdict.non{background:var(--marine);}
.sim .verdict .statut{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:6px;}
.sim .verdict h2{font-size:22px;line-height:1.3;color:#fff;max-width:none;}
.sim .verdict p{margin-top:10px;font-size:14.5px;opacity:.95;}

.sim .frise{margin-top:26px;}
.sim .frise h3{font-size:17px;margin-bottom:16px;}
.sim .jalons{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--ligne);}
.sim .jalon{flex:1;background:#fff;padding:18px 14px;text-align:center;border-right:1px solid var(--ligne);}
.sim .jalon:last-child{border-right:none;}
.sim .jalon .annee{font-family:Georgia,serif;font-size:22px;color:var(--marine);}
.sim .jalon .pct{font-size:26px;font-weight:700;color:var(--bleu);margin:4px 0;}
.sim .jalon .lbl{font-size:12px;color:var(--gris);}

.sim .obligations{margin-top:26px;}
.sim .obligations h3{font-size:17px;margin-bottom:12px;}
.sim .obligations ul{list-style:none;}
.sim .obligations li{
  padding:11px 0 11px 26px;position:relative;font-size:14.5px;color:var(--marine);
  border-bottom:1px solid var(--ligne);
}
.sim .obligations li:last-child{border-bottom:none;}
.sim .obligations li::before{content:"";position:absolute;left:2px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--bleu);}

.sim .cta-sim{
  margin-top:30px;border-radius:10px;padding:26px;
  background:#fff;border:1.5px solid var(--bleu);
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
.sim .cta-sim .texte h3{font-size:18px;margin-bottom:4px;}
.sim .cta-sim .texte p{font-size:14px;color:var(--gris);max-width:46ch;}
.sim .cta-sim .bouton{margin-top:0;white-space:nowrap;}

.sim .notes{margin-top:26px;font-size:12.5px;color:var(--gris);line-height:1.6;}
.sim .notes strong{color:var(--marine);}

@media (max-width:560px){
  .sim .jalons{flex-direction:column;}
  .sim .jalon{border-right:none;border-bottom:1px solid var(--ligne);}
  .sim .jalon:last-child{border-bottom:none;}
  .sim .carte{padding:20px;}
}
