/* 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. */
.bbpr{--bone:var(--bb-bone,#FAF7F2);--lin:var(--bb-lin,#F3ECE1);--encre:var(--bb-encre,#241E1A);--muted:var(--bb-muted,#6B6058);--argile:var(--bb-argile,#C4602F);--sauge:var(--bb-sauge,#5B6E5E);--grenat:var(--bb-grenat,#6E2F52);--wrap:var(--bb-wrap,1200px);--gutter:var(--bb-gutter,clamp(16px,4vw,32px));--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);--encre-2:var(--bb-encre-2,#3A322C);--r-l:var(--bb-r-l,8px);--r-m:var(--bb-r-m,6px);--argile-fonce:var(--bb-argile-fonce,#A44E24)}
.bbpr [hidden]{display:none!important}
/* Avertissement de relecture (maquette : healthNote8, .health8.warn9), rendu par le module */
.bbpr .health8{margin-top:18px;padding:14px 18px;border-left:4px solid var(--argile,#C4602F);background:rgba(196,96,47,.08);border-radius:8px;max-width:72ch;font-size:15px;line-height:1.55}
.bbpr .health8 p{margin:0}.bbpr .health8 p+p{margin-top:6px}
.bbpr .health8 a{text-decoration:underline}
.bbpr .warn9{margin-top:14px;padding:0;border-left-width:3px;font-size:14px;line-height:1.45}
.bbpr .warn9 summary{display:block;padding:9px 14px;cursor:pointer;list-style:none;border-radius:0 8px 8px 0}
.bbpr .warn9 summary::-webkit-details-marker{display:none}
.bbpr .warn9 summary:focus-visible{outline:2px solid var(--encre,#241E1A);outline-offset:2px}
.bbpr .warn9-s{font-weight:600;color:var(--encre,#241E1A)}
.bbpr .warn9-m{margin-left:10px;font-weight:500;color:var(--argile-fonce,#A44E24);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bbpr .warn9-m::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.bbpr .warn9 details[open] .warn9-m::after{transform:translateY(1px) rotate(-135deg)}
.bbpr .warn9-c,.bbpr .warn9 details[open] .warn9-o{display:none}
.bbpr .warn9 details[open] .warn9-c{display:inline}
.bbpr .warn9-d{padding:0 14px 12px}
.bbpr .warn9-d p{margin:0}
.bbpr .warn9-d p+p{margin-top:6px}
/* Black Bond, maquette v7 : protection (pilier Pratiques & Expériences)
   v9 (existants, 2026-10-06) : onglet jouets (.pr-toys), mini-quiz (.pr-quiz), lien « Teste-toi » (.pr-end), liens internes de l'encadré (.pr-in). */
.bbpr{
  --pr-bg:var(--bone,#FAF7F2); --pr-card:var(--lin,#F3ECE1); --pr-ink:var(--encre,#241E1A); --pr-muted:var(--muted,#6B6058);
  --pr-acc:var(--argile,#C4602F); --pr-sage:var(--sauge,#5B6E5E); --pr-grenat:var(--grenat,#6E2F52); --pr-line:rgba(36,30,26,.16);
  max-width:var(--wrap,1200px);margin:0 auto;padding:clamp(40px,6vw,80px) var(--gutter,24px);
  color:var(--pr-ink);font-family:var(--f-body,'Inter','Segoe UI',system-ui,sans-serif);background:var(--pr-bg);
}
.pr-head{max-width:64ch;margin-bottom:22px}
.pr-eyebrow{display:block;font:600 12px/1 var(--f-body,'Inter',system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--pr-acc);margin-bottom:16px}
.pr-head h2{margin:0 0 14px;font:600 clamp(26px,3.2vw,40px)/1.15 var(--f-display,'Poppins',system-ui,sans-serif);letter-spacing:-.02em}
.pr-lead{margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.65;color:var(--encre-2,#3A322C)}
.pr-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:-1px;position:relative;z-index:1}
.pr-tabs button{min-height:44px;padding:0 18px;border:1.5px solid var(--pr-line);border-bottom:0;border-radius:14px 14px 0 0;background:transparent;color:var(--pr-ink);font:600 14px var(--f-body,'Inter',system-ui,sans-serif);cursor:pointer}
.pr-tabs button[aria-selected=true]{background:var(--pr-card);border-color:var(--pr-card)}
.bbpr button:focus-visible,.bbpr a:focus-visible,.pr-panel:focus-visible{outline:3px solid var(--pr-acc);outline-offset:3px}
.pr-panel{background:var(--pr-card);border-radius:0 var(--r-l,22px) var(--r-l,22px) var(--r-l,22px);padding:clamp(18px,3vw,32px)}
.pr-intro{margin:0 0 18px;font-size:15px;line-height:1.6;max-width:72ch}
.pr-stepper{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:clamp(18px,3vw,40px);align-items:center}
.pr-fig{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;background:var(--pr-bg);border-radius:var(--r-m,14px)}
.pr-fig path,.pr-fig ellipse,.pr-fig circle,.pr-fig rect{fill:none;stroke:var(--pr-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pr-fig .pr-acc{stroke:var(--pr-acc);stroke-width:2.8}
.pr-fig .pr-sage{stroke:var(--pr-sage)}
.pr-fig .pr-rod{stroke:var(--pr-muted);stroke-width:1.8;stroke-dasharray:4 5}
.pr-fig .pr-base{stroke:var(--pr-muted);stroke-width:1.6}
.pr-fig .pr-wall{stroke:var(--pr-muted);stroke-width:1.6;stroke-dasharray:3 5}
.pr-cap{font:500 11px var(--f-body,'Inter',system-ui,sans-serif);fill:var(--pr-muted)}
.pr-stepn{margin:0 0 8px;font:600 12px var(--f-body,'Inter',system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--pr-acc)}
.pr-stept{margin:0 0 16px;font:500 clamp(17px,1.6vw,20px)/1.45 var(--f-display,'Poppins',system-ui,sans-serif);min-height:4.4em}
.pr-dots{display:flex;gap:6px;margin-bottom:16px}
.pr-dots span{width:22px;height:3px;border-radius:3px;background:var(--pr-line)}
.pr-dots span.is-on{background:var(--pr-acc)}
.pr-nav{display:flex;flex-wrap:wrap;gap:8px}
.pr-nav button{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--pr-ink);background:transparent;color:var(--pr-ink);font:600 14px var(--f-body,'Inter',system-ui,sans-serif);cursor:pointer}
.pr-nav .pr-next{background:var(--pr-ink);color:var(--pr-bg)}
.pr-nav button:disabled{opacity:.35;cursor:default}
.pr-tablewrap{overflow-x:auto}
.pr-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px}
.pr-table caption{text-align:left;font:600 16px var(--f-display,'Poppins',system-ui,sans-serif);margin-bottom:10px}
.pr-table th,.pr-table td{padding:12px 10px;border-bottom:1px solid var(--pr-line);text-align:left;vertical-align:top}
.pr-table thead th{font-size:12.5px;color:var(--pr-muted);font-weight:600}
.pr-table tbody th small{display:block;font-weight:400;font-size:12.5px;color:var(--pr-muted);margin-top:2px}
.pr-table td{white-space:nowrap}
.pr-table td svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px;fill:none;stroke-width:2.2;stroke-linecap:round}
.pr-table td.is-oui svg{stroke:var(--pr-sage);fill:rgba(91,110,94,.25)}
.pr-table td.is-non svg{stroke:var(--pr-grenat)}
.pr-table td.is-notice svg{stroke:var(--pr-muted)}
.pr-note{margin:12px 0 0;font-size:14px;font-weight:600}
.pr-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.pr-box{padding:20px 22px;border:1.5px solid var(--pr-line);border-radius:var(--r-m,14px)}
.pr-box h3{margin:0 0 10px;font:600 18px var(--f-display,'Poppins',system-ui,sans-serif)}
.pr-box ul{margin:0;padding-left:18px;display:grid;gap:7px;font-size:14px;line-height:1.5}
.pr-box p{margin:0 0 10px;font-size:14px;line-height:1.6}
.pr-src{font-size:12.5px!important;color:var(--pr-muted)}
.pr-alert{margin-top:20px;padding:16px 20px;border-left:3px solid var(--pr-grenat);background:var(--pr-card);border-radius:0 var(--r-m,14px) var(--r-m,14px) 0;font-size:14px;line-height:1.6}
.pr-alert p{margin:0 0 6px}
.pr-alert a{display:inline-block;margin-right:16px;font-weight:600;color:var(--argile-fonce,#A44E24);text-underline-offset:3px}
.pr-alert a span{font-weight:400;color:var(--pr-muted)}
.pr-foot{margin-top:20px;padding-top:14px;border-top:1px solid var(--pr-line);font-size:12.5px;line-height:1.6;color:var(--pr-muted);max-width:90ch}
.pr-foot p{margin:0}
/* ---------- v9 ---------- */
.pr-toys{margin:0 0 12px;padding-left:18px;display:grid;gap:8px;font-size:14.5px;line-height:1.55;max-width:80ch}
.pr-tablebox .pr-note a{color:var(--argile-fonce,#A44E24);text-underline-offset:3px}
.pr-tablebox .pr-note a span{font-weight:400;color:var(--pr-muted)}
.pr-tablebox .pr-src{margin:8px 0 0}
.pr-end{margin:12px 0 0;font-size:14px}
.pr-linkb{min-height:44px;padding:0;border:0;background:none;color:var(--argile-fonce,#A44E24);font:600 14px var(--f-body,'Inter',system-ui,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pr-quiz{margin-top:20px;padding:18px 22px;border-radius:var(--r-m,14px);background:var(--pr-card)}
.pr-quiz h3{margin:0 0 8px;font:600 18px var(--f-display,'Poppins',system-ui,sans-serif)}
.pr-quiz h3:focus{outline:none}
.pr-quiz h3:focus-visible{outline:2px solid var(--pr-ink);outline-offset:3px}
.pr-qn{margin:0 0 4px;font:600 12px var(--f-body,'Inter',system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--pr-acc)}
.pr-qq{margin:0 0 12px;font:500 17px/1.45 var(--f-display,'Poppins',system-ui,sans-serif)}
.pr-qbody > p{margin-top:0}
.pr-qbody > p:not([class]){font-size:14.5px;line-height:1.55}
.pr-qa{display:flex;flex-wrap:wrap;gap:8px}
.pr-qbtn{min-height:44px;min-width:96px;padding:0 18px;border-radius:999px;border:1.5px solid var(--pr-ink);background:var(--pr-bg);color:var(--pr-ink);font:600 14px var(--f-body,'Inter',system-ui,sans-serif);cursor:pointer}
.pr-qbtn:hover,.pr-qbtn.is-next{background:var(--pr-ink);color:var(--pr-bg)}
.pr-qr{margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--pr-sage);background:var(--pr-bg);border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.55}
.pr-qr.is-ko{border-left-color:var(--pr-grenat)}
.pr-alert a.pr-in{display:inline;margin:0}
@media (max-width:820px){.pr-stepper,.pr-cols{grid-template-columns:1fr}.pr-tabs button{padding:0 12px;font-size:13px}}
/* v9 : 5 onglets en mobile, grille de 2 colonnes au lieu de 3 rangées d'onglets à demi coupés */
@media (max-width:640px){
  .pr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
  .pr-tabs button{border:1.5px solid var(--pr-line);border-radius:999px;padding:6px 12px;line-height:1.25}
  .pr-tabs button[aria-selected=true]{background:var(--pr-ink);border-color:var(--pr-ink);color:var(--pr-bg)}
  .pr-tabs button:last-child{grid-column:1/-1}
  .pr-panel{border-radius:var(--r-l,22px)}
  .pr-quiz{padding:16px}
}