/* Black Bond, maquette v7 : schemas (petits schémas animés pour les articles) */
.bbsc{
  --sc-bg:var(--lin,#F3ECE1);
  --sc-ink:var(--encre,#241E1A);
  --sc-muted:var(--muted,#6B6058);
  --sc-acc:var(--argile,#C4602F);
  --sc-loop:var(--sauge,#5B6E5E);
  --sc-line:var(--line,rgba(36,30,26,.12));
  --sc-q:var(--f-display,'Poppins','Century Gothic',system-ui,sans-serif);
  --sc-sw:2.6px;
  container-type:inline-size;
  margin:clamp(24px,4vw,40px) 0;padding:clamp(16px,3vw,28px);border-radius:var(--r-l,22px);
  background:var(--sc-bg);color:var(--sc-ink);font-family:var(--f-body,'Inter','Segoe UI',system-ui,sans-serif);
}
.bbsc--nuit{
  --sc-bg:var(--grenat-nuit,#2C1521);--sc-ink:var(--bone,#FAF7F2);--sc-muted:rgba(250,247,242,.66);
  --sc-acc:#D69BB8;--sc-loop:var(--sauge-clair,#8FA392);--sc-line:rgba(250,247,242,.16);
  --sc-q:var(--f-bdsm,'Lora','Iowan Old Style','Palatino Linotype',Georgia,serif);
}
.bbsc-kicker{margin:0 0 6px;font:600 11px/1.2 var(--f-body,'Inter',system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--sc-acc)}
.bbsc-title{margin:0 0 14px;font:600 clamp(17px,1.6vw,21px)/1.3 var(--f-display,'Poppins',system-ui,sans-serif);letter-spacing:-.01em;max-width:40ch}
.bbsc-stage{margin:0 auto;max-width:760px}
.bbsc-svg{display:block;width:100%;height:auto;overflow:visible}
.bbsc-svg text{fill:var(--sc-ink);font-family:var(--f-body,'Inter',system-ui,sans-serif)}
.bbsc-svg *{transform-box:fill-box;transform-origin:center}

/* traits */
.bbsc-s{fill:none;stroke:var(--sc-ink);stroke-width:var(--sc-sw);stroke-linecap:round;stroke-linejoin:round}
.bbsc-dash{stroke-dasharray:1 1}
.bbsc-dashed{stroke-dasharray:7 8}
.bbsc-thin{stroke-width:calc(var(--sc-sw) * .7)}
.bbsc-bold{stroke-width:calc(var(--sc-sw) * 1.35)}
.bbsc-loop{stroke:var(--sc-loop);stroke-width:calc(var(--sc-sw) * 1.5)}
.bbsc-acc{stroke:var(--sc-acc)}
.bbsc-ink{stroke:var(--sc-ink)}
.bbsc-force{stroke-width:calc(var(--sc-sw) * 2.3)}
.bbsc-node{fill:var(--sc-acc)}
.bbsc-node--ink{fill:var(--sc-ink);stroke:var(--sc-bg);stroke-width:2}
.bbsc-node--open{fill:var(--sc-bg);stroke:var(--sc-acc);stroke-width:2.4;stroke-dasharray:3 3}
.bbsc-bar{stroke:var(--sc-ink);stroke-opacity:.5;stroke-width:1}
.bbsc-sage{fill:var(--sauge,#5B6E5E)}
.bbsc-ctext{font-size:15px;font-weight:600;fill:var(--bone,#FAF7F2)!important}

/* textes du dessin */
.bbsc-k{font:600 19px var(--f-display,'Poppins',system-ui,sans-serif);fill:var(--sc-acc)!important;letter-spacing:-.01em}
.bbsc-k2{font:600 19px var(--f-display,'Poppins',system-ui,sans-serif);fill:var(--sc-loop)!important}
.bbsc-big{font-size:24px}
.bbsc-sm{font-size:17px}
.bbsc-t{font:600 18px var(--f-display,'Poppins',system-ui,sans-serif)}
.bbsc-m{font-size:14px;fill:var(--sc-muted)!important}
.bbsc-c{font-size:15px;font-style:italic;fill:var(--sc-muted)!important}
.bbsc-acr{font:700 26px var(--f-display,'Poppins',system-ui,sans-serif);letter-spacing:.02em}
.bbsc-date{font:600 14px var(--f-body,'Inter',system-ui,sans-serif);fill:var(--sc-acc)!important;letter-spacing:.04em}
.bbsc-q{font:italic 400 15.5px var(--sc-q)}
.bbsc-qbig{font-size:23px}

/* lecture en texte, légende, source */
.bbsc-read{margin:16px 0 0;padding:14px 0 0 1.3em;border-top:1px solid var(--sc-line);columns:2 300px;column-gap:32px;font-size:14px;line-height:1.55}
.bbsc-read li{break-inside:avoid;margin:0 0 6px;padding-left:2px}
.bbsc-read li::marker{color:var(--sc-acc);font-weight:600}
.bbsc-cap{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--sc-muted)}
.bbsc-src{max-width:80ch}
.bbsc-replay{
  flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;cursor:pointer;
  border:1px solid var(--sc-line);background:transparent;color:var(--sc-ink);font:500 13px/1 var(--f-body,'Inter',system-ui,sans-serif);
}
.bbsc-replay:hover{border-color:var(--sc-ink)}
.bbsc-replay:focus-visible{outline:2px solid var(--sc-acc);outline-offset:3px}
.bbsc-replay svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bbsc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px}

/* conteneur étroit (mobile, colonne d'article) : les textes secondaires passent dans la lecture en texte */
@container (max-width:540px){
  .bbsc-sec{display:none}
  .bbsc-svg{--sc-sw:3.6px}
  .bbsc-k,.bbsc-k2,.bbsc-t{font-size:23px}
  /* v9 (correctif durable, desir/README) : étiquettes .bbsc-sm à 18 au plus en mode étroit (Plateau, Orgasme, Résolution ne se chevauchent plus) */
  .bbsc-k.bbsc-sm,.bbsc-sm{font-size:18px}
  .bbsc-big{font-size:28px}
  .bbsc-m,.bbsc-c{font-size:17px}
  .bbsc-cap{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.bbsc-replay{display:none}}