/* v3-niveaux.css : gabarit des 4 niveaux. */
.nv-tete{display:grid; gap:var(--e-4); margin-bottom:var(--e-6)}
.nv-pastille{display:inline-flex; align-items:center; gap:10px; width:max-content; padding:11px 14px; background:var(--accent); color:#fff; font:800 var(--t-sm)/1 "Archivo",sans-serif}
.nv-pastille .v3-mono{color:inherit}
.nv-pastille.nv-n1{background:#16181D}
.nv-pastille.nv-n2{background:var(--orange-ink); color:#fff}
.nv-pastille.nv-n3{background:#16181D; color:var(--orange)}
.nv-rail{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:3px solid var(--ink); border-bottom:1px solid var(--line)}
.nv-rail-item{display:grid; gap:5px; min-height:66px; align-content:center; padding:10px 12px; color:var(--body); text-decoration:none; border-left:1px solid var(--line); font-size:var(--t-sm)}
.nv-rail-item:first-child{border-left:0}
.nv-rail-item .v3-mono{color:var(--soft)}
.nv-rail-item.nv-courant{background:var(--ink); color:var(--paper)}
.nv-rail-item.nv-courant .v3-mono{color:var(--orange-ink)}
.nv-rail-item.nv-vide{opacity:.45}
.nv-rail-item:focus-visible,.nv-nav a:focus-visible{outline:2px solid var(--accent); outline-offset:-2px}
.nv-duo{display:grid; grid-template-columns:1fr 1fr; gap:var(--e-4); max-width:68ch; margin-top:var(--e-7); border-top:1px solid var(--line); padding-top:var(--e-5)}
.nv-duo aside{padding:var(--e-4); background:var(--card); border-top:3px solid var(--accent)}
.nv-duo aside + aside{border-top-color:var(--orange-ink)}
.nv-duo h2{font:700 var(--t-xs)/1.4 "JetBrains Mono",monospace; letter-spacing:.08em; text-transform:uppercase; margin:0}
.nv-duo p{margin-top:var(--e-3); font-size:var(--t-base); line-height:1.55}
.nv-nav{display:grid; grid-template-columns:1fr 1fr; gap:var(--e-4); max-width:68ch; margin-top:var(--e-6); border-top:1px solid var(--line); padding-top:var(--e-4)}
.nv-nav a{display:grid; gap:5px; padding:var(--e-3); background:var(--card); color:var(--ink); text-decoration:none}
.nv-nav a:last-child{text-align:right}
.nv-nav a .v3-mono{color:var(--orange-ink)}
.nv-test{max-width:760px; margin-bottom:var(--e-7); padding:var(--e-5); background:var(--card); border-top:3px solid var(--accent)}
.nv-test h2{margin:0; font-size:clamp(1.5rem,3vw,2rem)}
.nv-test > p:not(.v3-rub){max-width:52ch; color:var(--soft)}
.nv-test form{display:grid; gap:var(--e-4); margin-top:var(--e-5)}
.nv-test fieldset{display:grid; gap:8px; margin:0; padding:var(--e-3); border:1px solid var(--line)}
.nv-test legend{padding:0 5px; font-weight:800}
.nv-test label{display:flex; gap:9px; align-items:flex-start; min-height:32px; cursor:pointer}
.nv-test input{accent-color:var(--accent); margin-top:4px}
.nv-resultat{margin:var(--e-4) 0 0; color:var(--ink)}
@media (max-width:700px){.nv-rail{grid-template-columns:1fr 1fr}.nv-rail-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.nv-rail-item:nth-child(4){border-top:1px solid var(--line)}.nv-duo,.nv-nav{grid-template-columns:1fr}.nv-nav a:last-child{text-align:left}}

.nv-duo aside,.nv-nav a,.nv-test{box-shadow:5px 5px 0 var(--ink)}
.nv-pastille{box-shadow:4px 4px 0 var(--ink)}

/* /commencer : bouton du test en bleu sur le clair (l'orange ne vit que sur charbon) */
.nv-test .v3-bouton{background:#1F5BFF;color:#fff;border:0;cursor:pointer;min-height:52px;padding:0 24px}
.nv-test .v3-bouton:hover{background:#1A4FE0}
.nv-test legend{font-weight:800}
.nv-cartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:var(--e-5)}
.nv-carte{background:var(--card);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:var(--e-4);color:var(--body)}
.nv-carte h3{margin:14px 0 6px;font-size:1.35rem;color:var(--ink)}
.nv-carte>p{margin:0;color:var(--body)}
.nv-carte .nv-duo{grid-template-columns:1fr;margin-top:var(--e-4);padding-top:var(--e-3);gap:var(--e-3);max-width:none}
.nv-carte .nv-duo aside{box-shadow:none;background:transparent;padding:0;border-top:0}
.nv-carte .nv-duo h4{font:700 var(--t-xs)/1.4 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;color:var(--orange-ink)}
.nv-credit{margin-top:var(--e-5);color:var(--soft);max-width:64ch;font-size:var(--t-sm)}
@media(max-width:860px){.nv-cartes{grid-template-columns:1fr}}
.v3-sombre .nv-pastille.nv-n2,.nv-carte .nv-pastille.nv-n2{color:#16181D}
.v3-sombre .nv-pastille{box-shadow:4px 4px 0 #F1F2F3}