/* 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-fi,#bbm-print-root{--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);--r-m:var(--bb-r-m,6px);--wrap:var(--bb-wrap,1200px);--f-body:var(--bb-f-body,'Inter','Segoe UI','Helvetica Neue',system-ui,sans-serif);--g-fond:var(--bb-g-fond,radial-gradient(circle at bottom right,rgba(250,247,242,.28) 0%,#241E1A 62%));--sauge:var(--bb-sauge,#5B6E5E);--g-mental:var(--bb-g-mental,radial-gradient(circle at top left,#6F8472 0%,#5B6E5E 55%,#3C4A3F 100%));--g-consent:var(--bb-g-consent,radial-gradient(circle at left,#F0C4A6 0%,#D9794A 45%,#C4602F 100%));--g-prat:var(--bb-g-prat,linear-gradient(180deg,#FAF7F2 0%,#EFE3D0 100%));--grenat:var(--bb-grenat,#6E2F52);--g-bdsm:var(--bb-g-bdsm,linear-gradient(154deg,#A5738D 0%,#6E2F52 55%,#5A2543 100%));--g-id:var(--bb-g-id,linear-gradient(180deg,#EDE2D0 0%,#FAF7F2 100%));--f-display:var(--bb-f-display,'Poppins','Century Gothic','Futura',system-ui,sans-serif);--ease:var(--bb-ease,cubic-bezier(.2,.7,.2,1));--shadow:var(--bb-shadow,0 1px 2px rgba(36,30,26,.06),0 12px 32px -12px rgba(36,30,26,.22));--shadow-lg:var(--bb-shadow-lg,0 30px 80px -30px rgba(36,30,26,.45))}
.bbm-fi [hidden],#bbm-print-root [hidden]{display:none!important}
/* Black Bond v5 : module Fiches pratiques. Variables de la maquette avec valeurs de repli.
   v9 (existants, 2026-10-06) : bloc v9 avant le bloc d'impression : en-tête et cartes compacts en mobile,
   aperçu en lecture une colonne (scopé à .bbm-fi-stage, donc sans effet sur l'impression), bouton Imprimer
   dans la barre du dialogue, ligne « Pas encore relu par… ». Le bloc @media print est inchangé. */
.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-fi{--fi-ink:var(--encre,#241E1A);--fi-muted:var(--muted,#6B6058);--fi-bg:var(--bone,#FAF7F2);--fi-soft:var(--lin,#F3ECE1);--fi-line:var(--line,rgba(36,30,26,.12));--fi-acc-main:var(--argile,#C4602F);--fi-acc-d:var(--argile-fonce,#A44E24);--fi-r:var(--r-m,6px);
  max-width:var(--wrap,1200px);margin-inline:auto;padding-block:clamp(40px,7vw,96px);color:var(--fi-ink);font:400 16px/1.6 var(--f-body,'Inter','Segoe UI',system-ui,sans-serif)}
.bbm-fi a{color:inherit}
.bbm-fi-p-fond{--fi-acc:var(--encre,#241E1A);--fi-g:var(--g-fond,#241E1A);--fi-gink:var(--bone,#FAF7F2)}
.bbm-fi-p-mental{--fi-acc:var(--sauge,#5B6E5E);--fi-g:var(--g-mental,#5B6E5E);--fi-gink:var(--bone,#FAF7F2)}
.bbm-fi-p-consent{--fi-acc:var(--argile-fonce,#A44E24);--fi-g:var(--g-consent,#C4602F);--fi-gink:var(--encre,#241E1A)}
.bbm-fi-p-prat{--fi-acc:var(--argile-fonce,#A44E24);--fi-g:var(--g-prat,#EFE3D0);--fi-gink:var(--encre,#241E1A)}
.bbm-fi-p-bdsm{--fi-acc:var(--grenat,#6E2F52);--fi-g:var(--g-bdsm,#6E2F52);--fi-gink:var(--bone,#FAF7F2)}
.bbm-fi-p-id{--fi-acc:var(--sauge,#5B6E5E);--fi-g:var(--g-id,#EDE2D0);--fi-gink:var(--encre,#241E1A)}

.bbm-fi-head{max-width:760px;margin-bottom:clamp(32px,5vw,56px)}
.bbm-fi-eyebrow{margin:0 0 12px;font:500 14px/1.3 var(--f-body,'Inter',system-ui,sans-serif);color:var(--sauge,#5B6E5E)}
.bbm-fi-h1{margin:0 0 18px;font:700 clamp(34px,5.4vw,64px)/1.04 var(--f-display,'Poppins','Century Gothic',system-ui,sans-serif);letter-spacing:-.025em;text-wrap:balance}
.bbm-fi-lead{margin:0;font-size:18px;color:var(--fi-muted);max-width:60ch}

.bbm-fi-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)}
.bbm-fi-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fi-line);border-radius:var(--fi-r);overflow:hidden;transition:box-shadow .3s var(--ease,ease),transform .3s var(--ease,ease)}
.bbm-fi-card:hover{box-shadow:var(--shadow,0 12px 32px -12px rgba(36,30,26,.22));transform:translateY(-2px)}
.bbm-fi-thumb{background:var(--fi-g);padding:28px 22% 0;height:170px;overflow:hidden;box-shadow:inset 0 -1px 0 var(--fi-line)}
.bbm-fi-mini{background:#fff;height:100%;border-radius:2px 2px 0 0;box-shadow:0 10px 30px -10px rgba(36,30,26,.45);padding:14px 14px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;align-content:start}
.bbm-fi-mini i{grid-column:1/-1;height:5px;border-radius:3px;background:var(--fi-soft)}
.bbm-fi-mini i:first-child{width:40%;background:var(--fi-acc)}
.bbm-fi-mini i:nth-child(2){height:9px;width:85%;background:var(--fi-ink)}
.bbm-fi-mini i:nth-child(3){width:65%;margin-bottom:6px}
.bbm-fi-mini b{height:34px;border-radius:2px;background:var(--fi-soft);border-top:2px solid var(--fi-acc)}
.bbm-fi-cbody{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.bbm-fi-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:13px}
.bbm-fi-pill{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:var(--fi-acc)}
.bbm-fi-pill::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--fi-g);box-shadow:inset 0 0 0 1px var(--fi-line)}
.bbm-fi-acc{font-style:italic;color:var(--sauge,#5B6E5E)}
.bbm-fi-acc.is-prem{color:var(--grenat,#6E2F52)}
.bbm-fi-acc::before{content:"";display:inline-block;width:1px;height:12px;background:var(--fi-line);margin-right:12px;vertical-align:-1px}
.bbm-fi-card h3{margin:0;font:700 20px/1.2 var(--f-display,'Poppins',system-ui,sans-serif);letter-spacing:-.01em;text-wrap:balance}
.bbm-fi-card p{margin:0}
.bbm-fi-cbody>p:not(.bbm-fi-meta):not(.bbm-fi-fmt){color:var(--fi-muted);font-size:15px}
.bbm-fi-fmt{font-size:13px;color:var(--fi-muted);margin-top:auto!important}
.bbm-fi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:6px}
.bbm-fi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--fi-r);border:1.5px solid var(--fi-ink);background:none;color:var(--fi-ink);font:600 14.5px var(--f-display,'Poppins',system-ui,sans-serif);cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
.bbm-fi-btn:hover{background:var(--fi-ink);color:var(--fi-bg)}
.bbm-fi-btn.is-main{background:var(--fi-acc-main);border-color:var(--fi-acc-main);color:#fff;width:100%}
.bbm-fi-btn.is-main:hover{background:var(--fi-acc-d);border-color:var(--fi-acc-d)}
.bbm-fi-btn.is-ghost{width:100%;border-color:var(--fi-line)}
.bbm-fi-link{font:600 14px var(--f-display,'Poppins',system-ui,sans-serif);border-bottom:1.5px solid currentColor;padding-bottom:2px;text-decoration:none}
.bbm-fi-note{margin:36px 0 0;max-width:70ch;font-size:14px;color:var(--fi-muted)}
.bbm-fi-note a,.bbm-fi-side a:not(.bbm-fi-btn){text-decoration:underline;text-underline-offset:3px}
.bbm-fi :focus-visible{outline:2px solid var(--fi-acc-main);outline-offset:3px}

/* Dialogue d'aperçu */
html.bbm-fi-lock{overflow:hidden}
.bbm-fi-dlg{width:min(1180px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--fi-r);background:var(--fi-soft);color:var(--fi-ink);box-shadow:var(--shadow-lg,0 30px 80px -30px rgba(36,30,26,.45));overflow:hidden}
.bbm-fi-dlg[open]{display:flex;flex-direction:column}
.bbm-fi-dlg::backdrop{background:rgba(36,30,26,.62)}
.bbm-fi-dlg-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 24px;background:var(--fi-bg);border-bottom:1px solid var(--fi-line)}
.bbm-fi-dlg-bar h2{margin:0;font:700 18px/1.25 var(--f-display,'Poppins',system-ui,sans-serif)}
.bbm-fi-dlg-pil{margin:0;font-size:13px;color:var(--fi-muted)}
.bbm-fi-close{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--fi-line);border-radius:var(--fi-r);background:#fff;cursor:pointer;color:var(--fi-ink)}
.bbm-fi-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
.bbm-fi-dlg-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;overflow:auto;min-height:0}
.bbm-fi-stage{padding:28px;min-width:0}
.bbm-fi-side{padding:28px 24px;border-left:1px solid var(--fi-line);background:var(--fi-bg);display:flex;flex-direction:column;gap:28px}
.bbm-fi-side p{margin:0 0 12px;font-size:14.5px}
.bbm-fi-gate{display:flex;flex-direction:column;gap:10px}
.bbm-fi-gate .bbm-fi-btn{margin-top:4px}
.bbm-fi-gate-t{font:700 16px/1.3 var(--f-display,'Poppins',system-ui,sans-serif)!important;margin:0 0 4px!important}
.bbm-fi-form{display:flex;flex-direction:column;gap:8px}
.bbm-fi-form label{font-size:14px;font-weight:500}
.bbm-fi-form input[type=email]{min-height:46px;padding:0 14px;border:1.5px solid var(--fi-line);border-radius:var(--fi-r);background:#fff;font:inherit;font-size:16px;color:var(--fi-ink)}
.bbm-fi-form input[type=email]:focus{border-color:var(--fi-ink);outline:none}
.bbm-fi-form input[aria-invalid=true]{border-color:var(--fi-acc-d)}
.bbm-fi-opt{display:flex;gap:10px;align-items:flex-start;font-weight:400!important;cursor:pointer}
.bbm-fi-opt input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--fi-acc-main)}
.bbm-fi-err{margin:0!important;min-height:1em;color:var(--fi-acc-d);font-size:14px!important}
.bbm-fi-ok{padding:14px 16px;border-radius:var(--fi-r);background:#fff;border-left:3px solid var(--sauge,#5B6E5E);font-size:14.5px}
.bbm-fi-srcbox ul{margin:0;padding-left:18px;font-size:14.5px}
.bbm-fi-srcbox li+li{margin-top:6px}

/* La fiche, mise en page comme une page A4 */
.bbm-fi-sheet{--sh-acc:var(--fi-acc);position:relative;width:100%;max-width:210mm;margin-inline:auto;background:#fff;color:var(--fi-ink);box-shadow:0 1px 2px rgba(36,30,26,.08),0 24px 60px -24px rgba(36,30,26,.4);padding:clamp(20px,5%,15mm) clamp(18px,5%,14mm);font-size:12.5px;line-height:1.45;display:flex;flex-direction:column}
.bbm-fi-sheet::before{content:"";position:absolute;left:0;top:0;right:0;height:7px;background:var(--fi-g)}
@media (min-width:900px){.bbm-fi-sheet{aspect-ratio:210/297}}
.bbm-fi-sh-head{border-bottom:1.5px solid var(--fi-ink);padding-bottom:12px;margin-bottom:14px}
.bbm-fi-sh-brand{display:flex;justify-content:space-between;gap:12px;font:600 10.5px/1.2 var(--f-display,'Poppins',system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--fi-muted);margin-bottom:14px}
.bbm-fi-sh-brand span:first-child{color:var(--fi-ink);letter-spacing:.16em}
.bbm-fi-sh-pil{margin:0 0 4px;font-weight:600;font-size:12px;color:var(--sh-acc)}
.bbm-fi-sh-t{margin:0 0 6px;font:700 clamp(21px,2.6vw,27px)/1.1 var(--f-display,'Poppins',system-ui,sans-serif);letter-spacing:-.02em;text-wrap:balance}
.bbm-fi-sh-sub{margin:0;font-size:13.5px;color:var(--fi-muted)}
.bbm-fi-cols{columns:2;column-gap:7mm;flex:1}
.bbm-fi-blk{break-inside:avoid;margin:0 0 11px}
.bbm-fi-blk h4{margin:0 0 5px;font:700 12.5px/1.25 var(--f-display,'Poppins',system-ui,sans-serif);color:var(--sh-acc);letter-spacing:0}
.bbm-fi-blk p{margin:0 0 5px}
.bbm-fi-blk.is-alert{background:var(--fi-soft);border-left:3px solid var(--sh-acc);padding:8px 10px 6px;border-radius:0 3px 3px 0}
.bbm-fi-blk blockquote{margin:4px 0 6px;padding-left:10px;border-left:2px solid var(--sh-acc);font-style:italic}
.bbm-fi-small{font-size:11.5px;color:var(--fi-muted)}
.bbm-fi-ul,.bbm-fi-ol,.bbm-fi-check{margin:0 0 4px;padding-left:16px}
.bbm-fi-ul li,.bbm-fi-ol li,.bbm-fi-check li{margin-bottom:3px}
.bbm-fi-check{list-style:none;padding-left:0}
.bbm-fi-check li{position:relative;padding-left:20px}
.bbm-fi-check li::before{content:"";position:absolute;left:0;top:.2em;width:11px;height:11px;border:1.3px solid var(--fi-ink);border-radius:2px}
.bbm-fi-line{display:block;height:17px;border-bottom:1px solid rgba(36,30,26,.28)}
.bbm-fi-no{text-decoration:line-through;text-decoration-color:var(--sh-acc);color:var(--fi-muted)}
.bbm-fi-yes{font-weight:500}
.bbm-fi-onp{display:grid;grid-template-columns:1fr;gap:8px}
.bbm-fi-onp b{display:block;font-family:var(--f-display,'Poppins',system-ui,sans-serif);font-size:12px}
.bbm-fi-onp small{display:block;font-size:10.5px;color:var(--fi-muted)}
.bbm-fi-aide{list-style:none;margin:0;padding:0}
.bbm-fi-aide li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:4px 0;border-bottom:1px solid var(--fi-line)}
.bbm-fi-aide b{font:700 12.5px/1.3 var(--f-display,'Poppins',system-ui,sans-serif);white-space:nowrap}
.bbm-fi-aide span{font-size:11.5px;line-height:1.3}
.bbm-fi-aide small{display:block;color:var(--fi-muted);font-size:10.5px}
.bbm-fi-verif{font-size:10.5px!important;color:var(--fi-muted);margin-top:5px!important}
.bbm-fi-sh-foot{display:flex;justify-content:space-between;gap:16px;margin-top:10px;padding-top:8px;border-top:1px solid var(--fi-line);font-size:10px;line-height:1.35;color:var(--fi-muted)}
.bbm-fi-sh-foot span:last-child{text-align:right;max-width:45%}

@media (max-width:1020px){.bbm-fi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbm-fi-dlg-body{grid-template-columns:1fr}.bbm-fi-side{border-left:0;border-top:1px solid var(--fi-line)}}
@media (max-width:640px){
  .bbm-fi-grid{grid-template-columns:1fr}
  .bbm-fi-thumb{height:130px}
  .bbm-fi-dlg{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}
  .bbm-fi-dlg-bar{padding:10px 12px 10px 16px}
  .bbm-fi-stage{padding:14px 12px}
  .bbm-fi-side{padding:22px 16px 28px}
  .bbm-fi-cols{columns:1}
  .bbm-fi-sheet{font-size:14px}
  .bbm-fi-small,.bbm-fi-aide span{font-size:13px}
  .bbm-fi-sh-foot{flex-direction:column}
  .bbm-fi-sh-foot span:last-child{text-align:left;max-width:none}
}
@media (prefers-reduced-motion:reduce){.bbm-fi-card,.bbm-fi-btn{transition:none}.bbm-fi-card:hover{transform:none}}

/* ---------- v9 (existants, 2026-10-06) ---------- */
.bbm-fi-dlg-tt{min-width:0;flex:1}
.bbm-fi-dlg-relu{margin:2px 0 0;font-size:12.5px;color:var(--fi-muted);font-style:italic}
.bbm-fi-dlg-relu:empty{display:none}
.bbm-fi-dlg-print{display:none;flex:none;gap:8px;min-height:44px;padding:0 14px;background:#fff}
.bbm-fi-dlg-print svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.bbm-fi-close:focus-visible,.bbm-fi-dlg-print:focus-visible{outline:2px solid var(--encre,#241E1A);outline-offset:2px}
@media (max-width:1020px){.bbm-fi-dlg-print{display:inline-flex}}
@media (max-width:640px){
  /* liste : l'outil d'abord */
  .modroot .bbm-fi,.bbm-fi{padding-block:4px 40px}
  .bbm-fi-head{margin-bottom:18px}
  .bbm-fi-head .bbm-fi-eyebrow{display:none}
  .bbm-fi-h1{font-size:30px;line-height:1.08;margin-bottom:8px}
  .bbm-fi-lead{font-size:15.5px;line-height:1.5}
  .bbm-fi-grid{gap:12px}
  .bbm-fi-thumb{display:none}
  .bbm-fi-card{border-left:5px solid var(--fi-acc)}
  .bbm-fi-cbody{padding:16px 16px 16px;gap:8px}
  .bbm-fi-card h3{font-size:18.5px}
  .bbm-fi-fmt{display:none}
  .bbm-fi-actions{padding-top:2px}
  /* dialogue : vraie lecture une colonne, pas une page A4 réduite */
  .bbm-fi-dlg-bar{gap:8px}
  .bbm-fi-dlg-bar h2{font-size:16px}
  .bbm-fi-dlg-print span{display:none}
  .bbm-fi-dlg-print{width:44px;padding:0}
  .bbm-fi-dlg-body{background:#fff}
  .bbm-fi-stage{padding:0}
  .bbm-fi-stage .bbm-fi-sheet{max-width:none;box-shadow:none;padding:22px 18px 26px;font-size:16px;line-height:1.6}
  .bbm-fi-stage .bbm-fi-sh-brand{display:none}
  .bbm-fi-stage .bbm-fi-sh-pil{font-size:13.5px}
  .bbm-fi-stage .bbm-fi-sh-t{font-size:25px}
  .bbm-fi-stage .bbm-fi-sh-sub{font-size:16px}
  .bbm-fi-stage .bbm-fi-sh-head{margin-bottom:18px}
  .bbm-fi-stage .bbm-fi-blk{margin-bottom:20px}
  .bbm-fi-stage .bbm-fi-blk h4{font-size:17px;margin-bottom:8px}
  .bbm-fi-stage .bbm-fi-blk p{margin-bottom:8px}
  .bbm-fi-stage .bbm-fi-blk.is-alert{padding:12px 14px 8px}
  .bbm-fi-stage .bbm-fi-small,.bbm-fi-stage .bbm-fi-aide span{font-size:14.5px}
  .bbm-fi-stage .bbm-fi-aide b{font-size:16px}
  .bbm-fi-stage .bbm-fi-aide small,.bbm-fi-stage .bbm-fi-verif,.bbm-fi-stage .bbm-fi-onp small{font-size:13px!important}
  .bbm-fi-stage .bbm-fi-onp b{font-size:15px}
  .bbm-fi-stage .bbm-fi-ul li,.bbm-fi-stage .bbm-fi-ol li,.bbm-fi-stage .bbm-fi-check li{margin-bottom:6px}
  .bbm-fi-stage .bbm-fi-check li::before{width:14px;height:14px;top:.3em}
  .bbm-fi-stage .bbm-fi-check li{padding-left:26px}
  .bbm-fi-stage .bbm-fi-line{height:26px}
  .bbm-fi-stage .bbm-fi-sh-foot{font-size:13px}
  .bbm-fi-side{background:var(--fi-soft)}
}

/* Impression : seule la fiche, sur une page A4 */
#bbm-print-root{display:none}
@page bbmA4{size:A4;margin:0}
@media print{
  html.bbm-printing body>*:not(#bbm-print-root),html.bbm-printing .bbm-fi-dlg{display:none!important}
  html.bbm-printing,html.bbm-printing body{background:#fff!important;overflow:visible!important}
  html.bbm-printing #bbm-print-root{display:block}
  #bbm-print-root .bbm-fi-sheet{page:bbmA4;width:210mm;max-width:none;height:297mm;aspect-ratio:auto;margin:0;padding:13mm 13mm 10mm;box-shadow:none;font-size:10.2pt;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #bbm-print-root .bbm-fi-cols{columns:2}
  #bbm-print-root .bbm-fi-sh-t{font-size:21pt}
  #bbm-print-root .bbm-fi-small,#bbm-print-root .bbm-fi-aide span{font-size:8.6pt}
}