/* Black Bond Outils : CSS du module (copie de la source effective de la maquette v12).
   Jetons : chaque variable de la maquette lit la variable globale --bb-* du design system (lot L1), repli sur la valeur v12. */
.bbm-qz-host{--encre:var(--bb-encre,#241E1A);--muted:var(--bb-muted,#6B6058);--bone:var(--bb-bone,#FAF7F2);--lin:var(--bb-lin,#F3ECE1);--line:var(--bb-line,rgba(36,30,26,.12));--argile:var(--bb-argile,#C4602F);--argile-fonce:var(--bb-argile-fonce,#A44E24);--sauge:var(--bb-sauge,#5B6E5E);--f-body:var(--bb-f-body,'Inter','Segoe UI','Helvetica Neue',system-ui,sans-serif);--f-display:var(--bb-f-display,'Poppins','Century Gothic','Futura',system-ui,sans-serif);--r-l:var(--bb-r-l,8px);--shadow:var(--bb-shadow,0 1px 2px rgba(36,30,26,.06),0 12px 32px -12px rgba(36,30,26,.22));--ease:var(--bb-ease,cubic-bezier(.2,.7,.2,1));--r-m:var(--bb-r-m,6px);--r-s:var(--bb-r-s,4px);--grenat:var(--bb-grenat,#6E2F52);--g-consent:var(--bb-g-consent,radial-gradient(circle at left,#F0C4A6 0%,#D9794A 45%,#C4602F 100%))}
.bbm-qz-host [hidden]{display:none!important}
/* Black Bond v5 : module Quiz « Par où commencer ? »
   v9 (existants, 2026-10-06) : bloc v9 en fin de fichier (6 piliers dans le résultat, état vide O1 bis,
   « Effacer mes réponses », bandeau des piliers de la page sur une ligne défilante en mobile). */
.bbm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bbm-qz{--qz-ink:var(--encre,#241E1A);--qz-muted:var(--muted,#6B6058);--qz-bg:var(--bone,#FAF7F2);--qz-soft:var(--lin,#F3ECE1);--qz-line:var(--line,rgba(36,30,26,.12));--qz-acc:var(--argile,#C4602F);--qz-acc-d:var(--argile-fonce,#A44E24);--qz-ok:var(--sauge,#5B6E5E);
  max-width:760px;margin-inline:auto;padding-block:clamp(32px,6vw,72px);color:var(--qz-ink);font:400 16px/1.6 var(--f-body,'Inter','Segoe UI',system-ui,sans-serif)}
.bbm-qz h2,.bbm-qz h3,.bbm-qz h4{font-family:var(--f-display,'Poppins','Century Gothic',system-ui,sans-serif);letter-spacing:-.01em;line-height:1.15;margin:0}
.bbm-qz h2:focus{outline:none}
.bbm-qz-card{background:#fff;border:1px solid var(--qz-line);border-radius:var(--r-l,22px);padding:clamp(22px,5vw,48px);box-shadow:var(--shadow,0 12px 32px -12px rgba(36,30,26,.22))}
.bbm-qz-eyebrow{font:500 14px/1.3 var(--f-body,system-ui,sans-serif);color:var(--qz-ok);margin:0 0 10px}
.bbm-qz h2{font-size:clamp(26px,3.6vw,40px);font-weight:700}
.bbm-qz-lead{font-size:18px;color:var(--qz-muted);margin:14px 0 0;max-width:60ch}
.bbm-qz-promise{margin:22px 0 28px;padding:0;list-style:none;display:grid;gap:8px}
.bbm-qz-promise li{padding-left:28px;position:relative}
.bbm-qz-promise li::before{content:"";position:absolute;left:4px;top:.5em;width:12px;height:7px;border-left:2px solid var(--qz-ok);border-bottom:2px solid var(--qz-ok);transform:rotate(-45deg)}
.bbm-qz-progress{display:grid;gap:8px;margin-bottom:26px;font-size:14px;font-weight:600;color:var(--qz-muted)}
.bbm-qz-bar{height:8px;border-radius:999px;background:var(--qz-soft);overflow:hidden}
.bbm-qz-bar span{display:block;height:100%;background:var(--qz-acc);border-radius:inherit;transition:width .5s var(--ease,cubic-bezier(.2,.7,.2,1))}
.bbm-qz fieldset{border:0;margin:0;padding:0;min-width:0}
.bbm-qz legend{padding:0;margin-bottom:22px;width:100%}
.bbm-qz-options{display:grid;gap:10px}
.bbm-qz-opt{position:relative;display:block;cursor:pointer}
.bbm-qz-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bbm-qz-opt span{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 18px;border:1.5px solid var(--qz-line);border-radius:var(--r-m,14px);background:var(--qz-bg);font-weight:500;transition:border-color .2s,background .2s}
.bbm-qz-opt span::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(36,30,26,.35);background:#fff;transition:border-width .15s,border-color .15s}
.bbm-qz-opt:hover span{border-color:var(--qz-ink)}
.bbm-qz-opt input:checked+span{border-color:var(--qz-acc);background:#FBEDE5}
.bbm-qz-opt input:checked+span::before{border:6px solid var(--qz-acc)}
.bbm-qz-opt input:focus-visible+span{outline:2px solid var(--qz-acc);outline-offset:3px}
.bbm-qz-err{color:#A3301E;font-weight:500;margin:14px 0 0}
.bbm-qz-err:empty{display:none}
.bbm-qz-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px}
.bbm-qz-nav .bbm-qz-btn--primary{margin-left:auto}
.bbm-qz-result .bbm-qz-nav .bbm-qz-link{margin-left:auto}
.bbm-qz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:6px;font:600 15px var(--f-display,system-ui,sans-serif);cursor:pointer;border:1.5px solid transparent;text-decoration:none;transition:background .2s,color .2s}
.bbm-qz-btn--primary{background:var(--qz-acc);color:#fff}
.bbm-qz-btn--primary:hover{background:var(--qz-acc-d)}
.bbm-qz-btn--ghost{border-color:var(--qz-ink);color:var(--qz-ink);background:none}
.bbm-qz-btn--ghost:hover{background:var(--qz-ink);color:var(--qz-bg)}
.bbm-qz :focus-visible{outline:2px solid var(--qz-acc);outline-offset:3px}
.bbm-qz-link{font:600 14px var(--f-display,system-ui,sans-serif);color:var(--qz-ink);border-bottom:1.5px solid currentColor;padding-bottom:2px;text-decoration:none}
.bbm-qz-sous{margin:8px 0 0;font-weight:600;color:var(--qz-acc-d)}
.bbm-qz-also{margin:16px 0 0;padding:12px 16px;background:var(--qz-soft);border-radius:var(--r-s,8px);font-size:15px}
.bbm-qz-h3{font-size:20px;margin-top:32px!important}
.bbm-qz-arts{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;counter-reset:none}
.bbm-qz-art{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--qz-line);border-radius:var(--r-m,14px);background:var(--qz-bg)}
.bbm-qz-num{width:40px;height:40px;border-radius:50%;background:var(--qz-ink);color:var(--qz-bg);display:grid;place-items:center;font:700 16px var(--f-display,system-ui,sans-serif)}
.bbm-qz-pil{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--qz-muted);display:flex;align-items:center;gap:8px}
.bbm-qz-pil i{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(36,30,26,.2)}
.bbm-qz-art h4{font-size:17px;font-weight:600}
.bbm-qz-art h4 a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .3s}
.bbm-qz-art h4 a:hover{background-size:100% 1.5px}
.bbm-qz-meta{margin:6px 0 0;font-size:14px;color:var(--qz-muted)}
.bbm-qz-prem{color:var(--grenat,#6E2F52)}
.bbm-qz-ebook{margin-top:26px;display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;padding:20px;border-radius:var(--r-m,14px);background:var(--qz-soft)}
.bbm-qz-ebook h3{font-size:20px;margin-bottom:6px}
.bbm-qz-ebook p{margin:0 0 14px;font-size:15px}
.bbm-qz-cover{aspect-ratio:3/4;border-radius:6px;background:var(--g-consent,linear-gradient(160deg,#E58A5C,#C4602F));color:#fff;padding:12px;display:flex;align-items:flex-end;font:700 13px/1.2 var(--f-display,system-ui,sans-serif);box-shadow:0 12px 24px -12px rgba(36,30,26,.5)}
.bbm-qz-note{margin:22px 0 0;font-size:15px;color:var(--qz-muted)}
@media (max-width:560px){
  .bbm-qz-ebook{grid-template-columns:1fr}
  .bbm-qz-cover{width:110px}
  .bbm-qz-nav .bbm-qz-btn{flex:1 1 auto}
  .bbm-qz-nav .bbm-qz-btn--primary,.bbm-qz-result .bbm-qz-nav .bbm-qz-link{margin-left:0}
  .bbm-qz-art{grid-template-columns:34px 1fr;gap:10px;padding:12px}
  .bbm-qz-num{width:32px;height:32px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.bbm-qz *{transition:none!important}}
.modroot .bbm-qz{padding-block:8px 48px}

/* ---------- v9 (existants, 2026-10-06) ---------- */
.bbm-qz [hidden]{display:none!important}
.bbm-qz-intro>.bbm-qz-btn--primary{margin-top:22px}
.bbm-qz-intro .bbm-qz-promise{margin:22px 0 0}
.bbm-qz-btn--sm{min-height:44px;padding:0 16px;font-size:14px}
.bbm-qz-wipe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:24px 0 0;padding:12px 14px 12px 16px;border-radius:var(--r-m,14px);background:var(--qz-soft);font-size:14.5px;line-height:1.45}
.bbm-qz-wipe span{flex:1 1 220px}
.bbm-qz-o1{margin:10px 0 0;padding:12px 16px;border-left:3px solid var(--qz-acc);background:var(--qz-soft);border-radius:0 var(--r-s,8px) var(--r-s,8px) 0;font-size:15px}
.bbm-qz-p6main{margin-top:14px;padding:18px 20px;border-radius:var(--r-m,14px);background:var(--qz-bg);border:1.5px solid var(--c);box-shadow:inset 6px 0 0 var(--c)}
.bbm-qz-p6name{margin:0;font:700 19px/1.25 var(--f-display,system-ui,sans-serif);display:flex;align-items:center;gap:10px}
.bbm-qz-p6name i,.bbm-qz-p6 i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px rgba(36,30,26,.2)}
.bbm-qz-p6name a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.bbm-qz-p6sub{margin:10px 0 6px;font-size:14px;color:var(--qz-muted)}
.bbm-qz-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bbm-qz-tools a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;border:1.5px solid var(--qz-line);color:var(--qz-ink);font:600 14.5px var(--f-display,system-ui,sans-serif);text-decoration:none}
.bbm-qz-tools a:hover{border-color:var(--qz-ink)}
.bbm-qz-p6t{margin:18px 0 8px;font-size:15px;font-weight:600}
.bbm-qz-p6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.bbm-qz-p6 a{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border-radius:var(--r-s,8px);border:1px solid var(--qz-line);background:var(--qz-bg);color:var(--qz-ink);font-weight:500;text-decoration:none}
.bbm-qz-p6 a:hover{border-color:var(--qz-ink)}
.bbm-qz-free{margin:14px 0 0;font-size:15px}
.bbm-qz-free a{color:var(--qz-acc-d);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
  .bbm-qz-lead{font-size:16px}
  .bbm-qz-intro>.bbm-qz-btn--primary{width:100%;margin-top:18px}
  .bbm-qz-p6{grid-template-columns:1fr}
  .bbm-qz-wipe .bbm-qz-btn{width:100%}
  /* bandeau des six piliers ajouté par la page (quiz7) : une ligne défilante au lieu de six lignes */
  .qz7-body{padding-top:18px}
  .qz7-pils{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-bottom:14px;padding-bottom:4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .qz7-pils::-webkit-scrollbar{display:none}
  .qz7-pil{flex:none;white-space:nowrap;font-size:13px;padding:6px 12px}
}