/* =============================================================================
   Assistant de choix — mit-sec.com
   Chargé après custom.css et moderne.css : mêmes jetons, même échelle
   d'élévation, même police. L'assistant n'introduit aucun monde visuel :
   il doit ressembler au reste du site, pas s'en distinguer.
   ============================================================================= */

/* display:flex l'emporte sur l'attribut hidden : sans cette règle, un
   élément marqué hidden reste visible. */
.ska-assist [hidden]{display:none !important}

.ska-assist{max-width:920px; margin:0 auto; padding:0 20px 72px}

.ska-assist-head{text-align:center; padding:64px 0 36px}
.ska-assist-head h1{font-size:clamp(2rem,3.4vw,2.9rem); font-weight:800;
  letter-spacing:-.035em; line-height:1.05; margin:0 0 14px; color:var(--ska-ink)}
.ska-assist-head p{font-size:1.1rem; color:var(--ska-muted); margin:0 auto; max-width:56ch}

.ska-assist-box{background:var(--ska-surface); border:1px solid var(--ska-line);
  border-radius:var(--r-l,22px); box-shadow:var(--el-2); padding:34px 30px 30px}

/* ---- Fil de progression ------------------------------------------------- */
.ska-steps{display:flex; gap:0; list-style:none; margin:0 0 30px; padding:0;
  counter-reset:etape; font-size:.86rem}
.ska-steps li{flex:1; position:relative; padding-left:34px; color:var(--ska-muted);
  line-height:1.3}
.ska-steps li::before{counter-increment:etape; content:counter(etape);
  position:absolute; left:0; top:-2px; width:24px; height:24px; border-radius:50%;
  border:1.5px solid var(--ska-line); background:var(--ska-surface);
  display:flex; align-items:center; justify-content:center;
  font-size:.78rem; font-weight:700; color:var(--ska-muted)}
.ska-steps li.active{color:var(--ska-ink); font-weight:600}
.ska-steps li.active::before{border-color:var(--ska-primary);
  background:var(--ska-primary); color:#fff}
.ska-steps li.done::before{content:"\2713"; border-color:var(--ska-green);
  background:var(--ska-green); color:#fff}

/* ---- Question ----------------------------------------------------------- */
.ska-q{border:0; margin:0; padding:0}
.ska-q legend{font-size:1.32rem; font-weight:700; letter-spacing:-.02em;
  color:var(--ska-ink); margin-bottom:18px; padding:0}
.ska-choices{display:grid; gap:11px}

.ska-choice{display:block; width:100%; text-align:left; cursor:pointer;
  background:var(--ska-surface); border:1px solid var(--ska-line);
  border-radius:var(--r-m,16px); padding:16px 18px;
  font:inherit; color:var(--ska-ink);
  transition:border-color .15s, box-shadow .15s, transform .12s}
.ska-choice:hover{border-color:var(--ska-primary); box-shadow:var(--el-2);
  transform:translateY(-1px)}
.ska-choice:focus-visible{outline:none; border-color:var(--ska-primary);
  box-shadow:0 0 0 3px rgba(30,80,226,.18)}
.ska-choice b{display:block; font-size:1.02rem; font-weight:650; margin-bottom:3px}
.ska-choice small{display:block; font-size:.9rem; color:var(--ska-muted); line-height:1.4}

/* ---- Résultat ----------------------------------------------------------- */
.ska-result-head{margin-bottom:22px}
.ska-result-head h2{font-size:1.5rem; font-weight:800; letter-spacing:-.025em;
  margin:0 0 7px; color:var(--ska-ink)}
.ska-result-head p{color:var(--ska-muted); margin:0; font-size:1rem}

.ska-result-list{display:grid; gap:13px}
.ska-rec{position:relative; border:1px solid var(--ska-line);
  border-radius:var(--r-m,16px); padding:18px 20px; background:var(--ska-surface);
  box-shadow:var(--el-1)}
.ska-rec-top{border-color:var(--ska-green); box-shadow:var(--el-2)}
.ska-rec-badge{position:absolute; top:-10px; left:18px; background:var(--ska-green);
  color:#fff; font-size:.68rem; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; padding:3px 10px; border-radius:999px}
.ska-rec h3{font-size:1.06rem; font-weight:700; margin:0 0 2px; color:var(--ska-ink)}
.ska-rec-marque{font-size:.82rem; color:var(--ska-muted); margin:0 0 8px}
.ska-rec-desc{font-size:.92rem; color:var(--ska-muted); margin:0 0 14px; line-height:1.45}
.ska-rec-bas{display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap}
.ska-rec-prix b{font-size:1.4rem; font-weight:800; letter-spacing:-.025em;
  color:var(--ska-green); font-variant-numeric:tabular-nums}
.ska-rec-prix small{font-size:.84rem; color:var(--ska-muted); margin-left:5px}

.ska-result-foot{display:flex; gap:11px; flex-wrap:wrap; margin-top:26px;
  padding-top:22px; border-top:1px solid var(--ska-line)}

@media(max-width:640px){
  .ska-assist-head{padding:40px 0 26px}
  .ska-assist-box{padding:24px 18px 22px; border-radius:var(--r-m,16px)}
  .ska-steps{font-size:.78rem; gap:8px}
  .ska-steps li{padding-left:0; padding-top:30px; text-align:center}
  .ska-steps li::before{left:50%; transform:translateX(-50%); top:0}
  .ska-result-foot .ska-btn{flex:1 1 100%; text-align:center}
}