/* Black Bond v7 : « La constellation des mots » (route #glossaire). Variables de la maquette avec valeurs de repli. */
.bb3d-gx{--gx-ink:var(--encre,#241E1A);--gx-bone:var(--bone,#FAF7F2);--gx-lin:var(--lin,#F3ECE1);--gx-muted:var(--muted-2,#5E544C);--gx-acc-d:var(--argile-fonce,#A44E24);--gx-line:var(--line,rgba(36,30,26,.12));
  max-width:1240px;margin-inline:auto;padding-block:clamp(32px,6vw,72px);color:var(--gx-ink);font-family:var(--f-body,'Inter','Segoe UI',system-ui,sans-serif);font-size:16px;line-height:1.6}
.bb3d-gx h2,.bb3d-gx h3,.bb3d-gx h4{font-family:var(--f-display,'Poppins','Century Gothic',system-ui,sans-serif);letter-spacing:-.01em;line-height:1.2;margin:0}
.bb3d-gx .bb3d-eyebrow{font:500 14px/1.3 var(--f-body,system-ui,sans-serif);color:var(--sauge,#5B6E5E);margin:0 0 10px}
.bb3d-gx-head h2{font-size:clamp(30px,4.2vw,48px);font-weight:700}
.bb3d-gx .bb3d-lead{font-size:18px;color:var(--gx-muted);max-width:62ch;margin:14px 0 0}
.bb3d-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}
.bb3d-gx-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);gap:clamp(18px,2.6vw,32px);margin-top:28px;align-items:start}
.bb3d-gx-stage{position:relative;aspect-ratio:4/3;max-height:min(720px,80vh);width:100%;border-radius:var(--r-img,12px);overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 85% 105%,rgba(250,247,242,.08) 0%,rgba(36,30,26,0) 55%),var(--encre,#241E1A)}
.bb3d-gx-svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .6s}
.bb3d-gx-svg .bb3d-gx-dot{cursor:pointer}
.bb3d-gx .bb3d-gl{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.bb3d-gx .bb3d-gl canvas{display:block;width:100%!important;height:100%!important;cursor:grab}
.bb3d-gx-stage.is-3d .bb3d-gl{opacity:1}
.bb3d-gx-stage.is-3d .bb3d-gx-svg{opacity:0;pointer-events:none}
.bb3d-gx-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bb3d-gx-labels span{position:absolute;left:0;top:0;padding:1px 0;font:500 12px/1.15 var(--f-body,system-ui,sans-serif);color:var(--c);white-space:nowrap;text-shadow:0 0 4px var(--encre,#241E1A),0 1px 6px var(--encre,#241E1A);will-change:transform;opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s .18s}
.bb3d-gx-labels span.is-shown{opacity:1;visibility:visible;transition:opacity .18s}
.bb3d-gx-labels span.is-on{font:700 15px/1.15 var(--f-display,system-ui,sans-serif)}
.bb3d-gx-hint{position:absolute;left:0;right:0;bottom:8px;margin:0;text-align:center;font-size:12.5px;color:var(--muted-dark,#A89C90);pointer-events:none;opacity:0;transition:opacity .6s .6s}
.bb3d-gx-stage.is-3d .bb3d-gx-hint{opacity:1}
.bb3d-gx-3d{position:absolute;left:50%;bottom:16px;translate:-50% 0;font:600 14px var(--f-display,system-ui,sans-serif);color:var(--gx-ink);background:var(--gx-bone);border:0;border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer}
.bb3d-gx-side{display:grid;gap:14px}
.bb3d-gx-legend{display:flex;flex-wrap:wrap;gap:6px}
.bb3d-gx-legend button{display:inline-flex;align-items:center;gap:7px;font:500 13.5px var(--f-body,system-ui,sans-serif);padding:7px 12px;border-radius:999px;border:1px solid var(--gx-line);background:#fff;color:var(--gx-ink);cursor:pointer;min-height:38px}
.bb3d-gx-legend button i,.bb3d-gx-list button i,.bb3d-gx-rel button i,.bb3d-gx-kicker a i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px rgba(36,30,26,.35);flex:none}
.bb3d-gx-legend button[aria-pressed="true"]{background:var(--gx-ink);color:var(--gx-bone)}
.bb3d-gx-panel{background:#fff;border:1px solid var(--gx-line);border-radius:var(--r-img,12px);padding:20px 22px;min-height:220px}
.bb3d-gx-panel h3{font-size:26px;font-weight:700;margin-bottom:8px}
.bb3d-gx-panel h4{font-size:14px;color:var(--gx-muted);margin:16px 0 6px}
.bb3d-gx-kicker{margin:0 0 6px;font-size:13.5px}
.bb3d-gx-kicker a{display:inline-flex;align-items:center;gap:7px;color:var(--gx-acc-d)}
.bb3d-gx-def{font-size:16.5px;margin:0 0 10px}
.bb3d-gx-empty{color:var(--gx-muted);margin:0}
.bb3d-gx-go{margin:0;font-weight:600}
.bb3d-gx a{color:var(--gx-acc-d);text-underline-offset:3px}
.bb3d-gx-rel{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bb3d-gx-rel button,.bb3d-gx-list button{display:inline-flex;align-items:center;gap:7px;font:500 14px/1.2 var(--f-body,system-ui,sans-serif);color:var(--gx-ink);background:var(--gx-lin);border:1px solid transparent;border-radius:999px;padding:7px 12px;min-height:38px;cursor:pointer;text-align:left}
.bb3d-gx-rel button small{color:var(--gx-muted);font-size:12px}
.bb3d-gx-rel button:hover,.bb3d-gx-list button:hover{border-color:var(--gx-ink)}
.bb3d-gx-list button[aria-pressed="true"]{background:var(--gx-ink);color:var(--gx-bone)}
.bb3d-gx button:focus-visible,.bb3d-gx a:focus-visible,.bb3d-gx input:focus-visible{outline:2px solid var(--argile,#C4602F);outline-offset:2px}
.bb3d-gx-az{margin-top:36px}
.bb3d-gx-azhead{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.bb3d-gx-azhead h3{font-size:24px}
.bb3d-gx-search input{font:inherit;font-size:16px;padding:9px 14px;border:1px solid rgba(36,30,26,.3);border-radius:999px;background:#fff;color:var(--gx-ink);min-height:44px;width:min(320px,80vw)}
.bb3d-gx-letters{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0}
.bb3d-gx-letters a{font:600 14px var(--f-display,system-ui,sans-serif);min-width:34px;min-height:34px;display:grid;place-items:center;border-radius:6px;background:var(--gx-lin);color:var(--gx-ink);text-decoration:none}
.bb3d-gx-list{columns:3 260px;column-gap:28px}
.bb3d-gx-lg{break-inside:avoid;margin-bottom:14px}
.bb3d-gx-lg h4{font-size:18px;color:var(--gx-acc-d);margin-bottom:6px;scroll-margin-top:calc(var(--hh,80px) + 16px)}
.bb3d-gx-lg ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bb3d-gx-none{color:var(--gx-muted)}
@media (max-width:900px){.bb3d-gx-grid{grid-template-columns:1fr}.bb3d-gx-stage{aspect-ratio:1/1}}
@media (prefers-reduced-motion:reduce){.bb3d-gx *{transition:none!important}}

/* Page Glossaire (v12) : surtitre, chapeau et liste A à Z internes masqués ; titre au style des sections de page.
   Ajouté par l'extension (classe posée par module.js sauf config.complet). */
.bb-constellation--page .bb3d-eyebrow,.bb-constellation--page .bb3d-gx-head .bb3d-lead,.bb-constellation--page .bb3d-gx-az{display:none}
.bb-constellation--page .bb3d-gx-head h2{font:600 clamp(24px,2.6vw,34px)/1.15 var(--f-display);letter-spacing:-.02em}
