/* 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-qs-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));--r-s:var(--bb-r-s,4px);--encre-2:var(--bb-encre-2,#3A322C);--r-m:var(--bb-r-m,6px)}
.bbm-qs-host [hidden]{display:none!important}
/* Black Bond v5 : module Boîte à questions anonymes
   v9 (existants, 2026-10-06) : ligne « pas de délai garanti » au-dessus du bouton d'envoi (.bbm-qs-delay). */
.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-qs{--qs-ink:var(--encre,#241E1A);--qs-muted:var(--muted,#6B6058);--qs-bg:var(--bone,#FAF7F2);--qs-soft:var(--lin,#F3ECE1);--qs-line:var(--line,rgba(36,30,26,.12));--qs-acc:var(--argile,#C4602F);--qs-acc-d:var(--argile-fonce,#A44E24);--qs-ok:var(--sauge,#5B6E5E);
  max-width:1120px;margin-inline:auto;padding-block:clamp(32px,6vw,72px);color:var(--qs-ink);font:400 16px/1.6 var(--f-body,'Inter','Segoe UI',system-ui,sans-serif)}
.bbm-qs h2,.bbm-qs h3{font-family:var(--f-display,'Poppins','Century Gothic',system-ui,sans-serif);letter-spacing:-.01em;line-height:1.15;margin:0}
.bbm-qs-eyebrow{font:500 14px/1.3 var(--f-body,system-ui,sans-serif);color:var(--qs-ok);margin:0 0 10px}
.bbm-qs h2{font-size:clamp(28px,4vw,46px);font-weight:700}
.bbm-qs-lead{font-size:18px;color:var(--qs-muted);margin:14px 0 0;max-width:62ch}
.bbm-qs-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;margin-top:32px;align-items:start}
.bbm-qs-formwrap{background:#fff;border:1px solid var(--qs-line);border-radius:var(--r-l,22px);padding:clamp(20px,4vw,36px);box-shadow:var(--shadow,0 12px 32px -12px rgba(36,30,26,.22))}
.bbm-qs-form{display:grid;gap:20px}
.bbm-qs-field{display:grid;gap:8px}
.bbm-qs-field label{font-weight:600;font-size:15px}
.bbm-qs-req,.bbm-qs-opt{font-weight:400;color:var(--qs-muted);font-size:14px}
.bbm-qs textarea,.bbm-qs select{font:inherit;font-size:16px;width:100%;padding:12px 14px;border:1px solid rgba(36,30,26,.3);border-radius:var(--r-s,8px);background:var(--qs-bg);color:var(--qs-ink)}
.bbm-qs textarea{resize:vertical;min-height:150px}
.bbm-qs select{min-height:48px}
.bbm-qs [aria-invalid="true"]{border-color:#A3301E;box-shadow:0 0 0 1px #A3301E}
.bbm-qs-hint{margin:0;font-size:14px;color:var(--qs-muted)}
.bbm-qs-count{margin:0;font-size:13px;color:var(--qs-muted);text-align:right}
.bbm-qs-count.is-near{color:var(--qs-acc-d);font-weight:600}
.bbm-qs-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;cursor:pointer}
.bbm-qs-check input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--qs-acc)}
.bbm-qs-err{color:#A3301E;font-weight:500;background:#FBEAE6;border-radius:var(--r-s,8px);padding:12px 14px}
.bbm-qs-err:empty{display:none}
.bbm-qs-delay{margin:0;padding:10px 14px;border-left:3px solid var(--qs-ok);background:var(--qs-soft);border-radius:0 var(--r-s,8px) var(--r-s,8px) 0;font-size:14px;line-height:1.5;color:var(--encre-2,#3A322C)}
.bbm-qs-delay a{color:var(--qs-acc-d);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bbm-qs-btn{justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:6px;border:1.5px solid transparent;background:var(--qs-acc);color:#fff;font:600 15px var(--f-display,system-ui,sans-serif);cursor:pointer;transition:background .2s,color .2s}
.bbm-qs-btn:hover{background:var(--qs-acc-d)}
.bbm-qs-btn--ghost{background:none;border-color:var(--qs-ink);color:var(--qs-ink)}
.bbm-qs-btn--ghost:hover{background:var(--qs-ink);color:var(--qs-bg)}
.bbm-qs :focus-visible{outline:2px solid var(--qs-acc);outline-offset:3px}
.bbm-qs-aside{display:grid;gap:16px}
.bbm-qs-box{background:var(--qs-soft);border-radius:var(--r-m,14px);padding:20px 22px}
.bbm-qs-box h3{font-size:18px;margin-bottom:10px}
.bbm-qs-box ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:15px}
.bbm-qs-box p{margin:0 0 12px;font-size:15px}
.bbm-qs-box--alert{background:var(--encre,#241E1A);color:var(--bone,#FAF7F2)}
.bbm-qs-box--alert .bbm-qs-link{color:var(--argile-clair,#E58A5C)}
.bbm-qs-link{display:inline-block;font:600 15px var(--f-display,system-ui,sans-serif);color:var(--qs-acc-d);border-bottom:1.5px solid currentColor;padding-bottom:2px;margin-bottom:12px;text-decoration:none}
.bbm-qs-small{font-size:13.5px!important;opacity:.85;margin:0!important}
.bbm-qs-done{display:grid;gap:12px}
.bbm-qs-done:focus{outline:none}
.bbm-qs-done h3{font-size:22px;color:var(--qs-ok)}
.bbm-qs-done p{margin:0}
.bbm-qs-faq{margin-top:clamp(48px,8vw,88px)}
.bbm-qs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.bbm-qs-card{background:#fff;border:1px solid var(--qs-line);border-radius:var(--r-m,14px);padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.bbm-qs-card h3{font-size:18px;font-weight:600;line-height:1.35}
.bbm-qs-card p{margin:0;font-size:15.5px}
.bbm-qs-tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bbm-qs-ex{font:600 11px/1 var(--f-display,system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;border:1.5px dashed var(--qs-acc);color:var(--qs-acc-d);padding:5px 9px;border-radius:999px}
.bbm-qs-pil{font-size:13px;font-weight:600;color:var(--qs-muted);display:inline-flex;align-items:center;gap:7px}
.bbm-qs-pil i{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(36,30,26,.2)}
.bbm-qs-reads{list-style:none;margin:auto 0 0;padding:12px 0 0;border-top:1px solid var(--qs-line);display:grid;gap:6px}
.bbm-qs-reads a{font-size:14.5px;font-weight:600;color:var(--qs-acc-d);text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.bbm-qs-grid,.bbm-qs-cards{grid-template-columns:1fr}}
@media (max-width:420px){.bbm-qs-btn{width:100%;justify-self:stretch}}
@media (prefers-reduced-motion:reduce){.bbm-qs *{transition:none!important}}
/* Intégré dans la maquette (#modroot) : l'en-tête de page porte déjà le titre */
.modroot .bbm-qs{padding-block:8px 48px}
.modroot .bbm-qs-head{display:none}
.modroot .bbm-qs-grid{margin-top:0}

