/* faustinanoha.com — pages Bilan et Test (complète style.css, mêmes jetons) */
.top__nav a[aria-current="page"]{color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:2px}

/* Étapes du parcours */
.steps{list-style:none;margin:0;padding:clamp(20px,4vw,36px);display:grid;gap:1.4rem;background:var(--paper);border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:-7px}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.steps__n{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-ink);font-variant-numeric:lining-nums;font-size:1.1rem}
.steps b{display:block;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;margin-bottom:.15rem}
.steps li span:last-child{color:var(--muted);line-height:1.45;min-width:0}

/* Formulaire */
.wrap--form{max-width:760px}
.qform{display:grid;gap:clamp(40px,6vw,64px)}
.blk{border:0;margin:0;padding:0;min-width:0;display:grid;gap:1.6rem}
.blk[hidden]{display:none!important}
.blk__h{padding:0;margin:0 0 .4rem;display:grid;width:100%;border-bottom:1px solid var(--line);padding-bottom:1rem}
.blk__h .eyebrow{margin-bottom:.5rem}
.blk__h .h2{margin:0}
.q{display:grid;gap:.7rem;min-width:0}
.q__t{margin:0;font-size:1.15rem;line-height:1.4}
.grid2{display:grid;gap:1.2rem}
@media (min-width:640px){.grid2{grid-template-columns:1fr 1fr}}
.field select{appearance:auto}
.field textarea{min-height:110px;resize:vertical;line-height:1.5}
.opts{display:grid;gap:.5rem}
.opts--row{display:flex;flex-wrap:wrap}
.opt{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.opt span{display:block;padding:.75em 1em;border:1px solid var(--line);border-radius:2px;background:#fff;font-size:1.05rem;line-height:1.35;transition:background .15s,border-color .15s,color .15s}
.opts--row .opt span{border-radius:999px;padding:.5em 1.15em}
.opt:hover span{border-color:var(--ink)}
.opt input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.opt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}

/* Résultat */
.result{display:block}
.result__in{display:grid;gap:1rem;min-width:0}
.result .h2,.result .h3{margin:0}
.levels{display:grid;border-top:1px solid var(--line)}
.lvl{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--line)}
.lvl__name{font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.lvl__tag{color:var(--gold-ink);font-style:italic;font-size:1.15rem}
.lvl__meter{grid-column:1/-1;height:3px;background:var(--line)}
.lvl__meter i{display:block;height:100%;background:var(--gold)}
.lvl__txt{grid-column:1/-1;margin:0;color:var(--muted);line-height:1.45}
.msg{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;font-size:.98rem;line-height:1.5;background:var(--ivory);border:1px solid var(--line);padding:1rem;max-height:240px;overflow:auto;user-select:all}
.result__cta{display:grid;gap:.7rem}
.result__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem}
.result__links .linkbtn{color:var(--muted);font-style:italic}

/* Test : une question à la fois */
.quiz{display:grid;gap:1.4rem}
.quiz__top{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.quiz__top .eyebrow{margin:0}
.quiz__count{font-size:.85rem;letter-spacing:.2em;font-variant-numeric:tabular-nums lining-nums;color:var(--muted)}
.quiz__bar{height:3px;background:var(--line)}
.quiz__bar i{display:block;height:100%;background:var(--gold);transition:width .25s}
.quiz__q{margin:0;font-size:clamp(1.4rem,4.5vw,1.85rem);line-height:1.3;text-wrap:balance}
.ans{appearance:none;text-align:left;font:inherit;font-size:1.08rem;line-height:1.35;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:2px;padding:.8em 1em;cursor:pointer;min-height:50px;transition:background .15s,border-color .15s,color .15s}
.ans:hover{border-color:var(--ink)}
.ans[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.ans--idk{font-style:italic;color:var(--muted)}
.quiz__nav{display:grid;grid-template-columns:auto 1fr;gap:.8rem}
.quiz__nav .btn:disabled{opacity:.35;cursor:default}
.score{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1.2rem}
.score__big{font-size:clamp(3rem,10vw,4.2rem);line-height:1;font-variant-numeric:lining-nums}
.score__lvl{font-style:italic;font-size:1.4rem;color:var(--gold-ink)}
.fix{border-top:1px solid var(--line)}
.fix summary{cursor:pointer;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.fix summary::-webkit-details-marker{display:none}
.fix summary::after{content:"+";color:var(--gold-ink);font-size:1.4rem;line-height:1;transition:transform .2s}
.fix[open] summary::after{transform:rotate(45deg)}
.fix__list{display:grid;gap:.6rem;padding-bottom:1rem}
.fix__item{padding:.8rem 1rem;background:var(--ivory);border-left:2px solid var(--gold);line-height:1.4}
.fix__item b{display:block;font-weight:500}
.fix__item span{color:var(--muted)}

/* Parcours en 3 étapes */
.stepper{list-style:none;margin:0 0 clamp(28px,5vw,44px);padding:0 0 1rem;display:flex;gap:.5rem;border-bottom:1px solid var(--line);scroll-margin-top:80px}
.stepper li{flex:1;display:flex;align-items:center;gap:.5rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);min-width:0}
.stepper li span{flex:none;width:1.9rem;height:1.9rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-variant-numeric:lining-nums;letter-spacing:0}
.stepper li.is-on{color:var(--ink)}
.stepper li.is-on span{border-color:var(--ink);background:var(--ink);color:var(--ivory)}
.stepper li.is-done span{border-color:var(--gold);color:var(--gold-ink)}
.quiz__stop{justify-self:center;color:var(--muted);font-style:italic}
.groups{display:grid;gap:1rem}
.groups .h3,.groups .lede{margin:0}