/* ============================================================
   BOUNCING BALL · BLOG (liste + article)
   Chargé uniquement sur le blog et les pages discipline (inc/blog.php).
   S'appuie sur les variables du design system (main.css :root).
   Toutes les classes sont préfixées bb-post / bb-pcard / bb-blogidx pour
   ne jamais toucher aux autres pages (.bb-article reste celle du site).
   ============================================================ */

/* ---------- Liste du blog ---------- */
.bb-blogidx{padding-top:64px}
.bb-blogidx__head{max-width:820px;margin-bottom:30px}
.bb-blogidx__head .bb-lead{margin-top:12px}
.bb-blogidx__page{font-size:.45em;color:var(--bb-muted);letter-spacing:2px;vertical-align:middle}
.bb-blogidx__empty{padding:40px 0;display:grid;gap:16px;justify-items:start}

.bb-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
.bb-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:50px;
  border:1px solid var(--bb-border);background:rgba(255,255,255,.03);color:var(--bb-text);
  font-family:var(--bb-display);text-transform:uppercase;letter-spacing:1px;font-size:.82rem;line-height:1;
  transition:border-color .2s,background .2s,color .2s}
.bb-chip span{color:var(--bb-muted);font-size:.75rem}
.bb-chip:hover{border-color:var(--bb-orange);color:var(--bb-orange)}
.bb-chip.is-active{background:var(--bb-orange);border-color:var(--bb-orange);color:#15110a}
.bb-chip.is-active span{color:rgba(21,17,10,.65)}

/* Cartes d'article */
.bb-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
@media(max-width:1000px){.bb-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.bb-pgrid{grid-template-columns:1fr}}

.bb-pcard{position:relative;display:flex;flex-direction:column;background:var(--bb-surface);
  border:1px solid var(--bb-border);border-radius:var(--bb-radius);overflow:hidden;
  transition:transform .25s ease,border-color .25s,box-shadow .25s}
.bb-pcard:hover{transform:translateY(-5px);border-color:rgba(247,147,30,.5);box-shadow:var(--bb-shadow)}
.bb-pcard__media{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.bb-pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bb-pcard:hover .bb-pcard__media img{transform:scale(1.04)}
.bb-pcard__play{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px 7px 9px;border-radius:50px;background:rgba(11,11,13,.78);backdrop-filter:blur(6px);
  color:#fff;font-family:var(--bb-display);text-transform:uppercase;letter-spacing:1px;font-size:.72rem;line-height:1}
.bb-pcard__play span{width:18px;height:18px;border-radius:50%;background:var(--bb-orange);position:relative}
.bb-pcard__play span::after{content:"";position:absolute;left:7px;top:5px;border-left:6px solid #15110a;border-top:4px solid transparent;border-bottom:4px solid transparent}
.bb-pcard__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.bb-pcard__cat{font-family:var(--bb-display);text-transform:uppercase;letter-spacing:2.5px;font-size:.76rem;color:var(--bb-orange)}
.bb-pcard__title{margin:0;font-size:1.32rem;line-height:1.2;text-transform:none}
.bb-pcard__title a{color:var(--bb-text)}
/* Toute la carte est cliquable via le lien du titre (accessible : un seul lien lu). */
.bb-pcard__title a::after{content:"";position:absolute;inset:0;z-index:1}
.bb-pcard__title a:hover{color:var(--bb-orange)}
.bb-pcard__desc{color:var(--bb-muted);font-size:.95rem;margin:0;flex:1}
.bb-pcard__meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--bb-muted);font-size:.82rem}
.bb-pcard__meta > * + *::before{content:"·";margin-right:16px;margin-left:-10px;color:rgba(255,255,255,.25)}
.bb-pcard__cta{position:relative;z-index:2;align-self:flex-start;margin-top:6px}

.bb-pcard--featured{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);margin-bottom:26px}
.bb-pcard--featured .bb-pcard__media{aspect-ratio:auto;min-height:340px}
.bb-pcard--featured .bb-pcard__media img{position:absolute;inset:0}
.bb-pcard--featured .bb-pcard__body{padding:clamp(24px,3.4vw,44px);justify-content:center;gap:14px}
.bb-pcard--featured .bb-pcard__title{font-size:clamp(1.6rem,2.6vw,2.3rem);text-transform:uppercase;line-height:1.08}
.bb-pcard--featured .bb-pcard__desc{font-size:1.02rem;flex:0}
@media(max-width:860px){
  .bb-pcard--featured{grid-template-columns:1fr}
  .bb-pcard--featured .bb-pcard__media{aspect-ratio:16/9}
}

.bb-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px}
.bb-pagination .page-numbers{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50px;border:1px solid var(--bb-border);color:var(--bb-text);font-family:var(--bb-display);letter-spacing:1px}
.bb-pagination a.page-numbers:hover{border-color:var(--bb-orange);color:var(--bb-orange)}
.bb-pagination .page-numbers.current{background:var(--bb-orange);border-color:var(--bb-orange);color:#15110a}
.bb-pagination .dots{border:0}

/* Pages discipline : section « Du blog » */
.bb-discblog .bb-pgrid{margin-top:4px}

/* ---------- Article : barre de progression ---------- */
.bb-readbar{position:fixed;left:0;right:0;top:0;height:3px;z-index:1001;pointer-events:none}
.admin-bar .bb-readbar{top:32px}
@media(max-width:782px){.admin-bar .bb-readbar{top:0}}
.bb-readbar span{display:block;height:100%;background:var(--bb-orange);transform-origin:0 50%;transform:scaleX(0);
  box-shadow:0 0 12px rgba(247,147,30,.6)}

/* ---------- Article : en-tête ---------- */
.bb-post__wrap{max-width:1072px;margin:0 auto;padding:0 22px}
.bb-post__hero{padding:56px 0 34px}
.bb-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;
  font-family:var(--bb-display);text-transform:uppercase;letter-spacing:2.5px;font-size:.82rem}
.bb-crumbs a{color:var(--bb-muted)}
.bb-crumbs a:last-child{color:var(--bb-orange)}
.bb-crumbs a:hover{color:var(--bb-orange-2)}
.bb-crumbs span{color:rgba(255,255,255,.25)}
.bb-post__title{font-size:clamp(2.1rem,5vw,3.7rem);max-width:940px;margin:0 0 22px;text-wrap:balance}
/* Titre en deux temps quand il contient « : » (titre + sous-titre, un seul H1) */
.bb-post__title--split{display:flex;flex-direction:column;gap:.28em}
.bb-post__t1{display:block}
.bb-post__t2{display:block;font-size:.56em;line-height:1.12;color:var(--bb-orange);letter-spacing:1px;max-width:820px}
.bb-post__avatars img.is-logo{object-fit:contain;background:var(--bb-surface);padding:4px}
.bb-post__chapo{font-size:clamp(1.08rem,1.6vw,1.24rem);line-height:1.65;color:#dcdce2;max-width:780px;margin:0 0 26px}
.bb-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.bb-post__by{display:flex;align-items:center;gap:12px;color:var(--bb-muted);font-size:.95rem}
.bb-post__by a{color:var(--bb-text);font-weight:600}
.bb-post__by a:hover{color:var(--bb-orange)}
.bb-post__avatars{display:flex}
.bb-post__avatars img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--bb-bg)}
.bb-post__avatars img + img{margin-left:-10px}
.bb-post__facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bb-post__facts li{font-size:.85rem;color:var(--bb-muted);border:1px solid var(--bb-border);border-radius:50px;padding:7px 14px;line-height:1}

/* Média principal (vidéo ou image) */
.bb-post__media{margin:0 0 56px}
.bb-post__media figcaption{margin-top:12px;font-size:.88rem;color:var(--bb-muted)}
.bb-post__media--img img{width:100%;border-radius:var(--bb-radius);border:1px solid var(--bb-border)}

/* ---------- Lecteur YouTube en façade (sans cookie avant le clic) ---------- */
.bb-yt{position:relative;aspect-ratio:16/9;border-radius:var(--bb-radius);background:#000}
.bb-yt__frame{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:#000;
  box-shadow:0 30px 70px -35px rgba(0,0,0,.9);border:1px solid var(--bb-border)}
.bb-yt__btn{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;cursor:pointer;background:#000;display:block}
body .bb-yt__btn:hover,body .bb-yt__btn:focus{background:#000}
.bb-yt__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s}
.bb-yt__btn:hover .bb-yt__img{transform:scale(1.02);opacity:.88}
.bb-yt__play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;
  background:var(--bb-orange);box-shadow:0 10px 40px rgba(247,147,30,.45);transition:transform .2s ease}
.bb-yt__play::after{content:"";position:absolute;left:34px;top:27px;border-left:22px solid #15110a;border-top:15px solid transparent;border-bottom:15px solid transparent}
.bb-yt__btn:hover .bb-yt__play{transform:scale(1.08)}
.bb-yt__btn:focus-visible{outline:3px solid var(--bb-orange);outline-offset:3px}
.bb-yt__title{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 18px;text-align:left;color:#fff;
  font-family:var(--bb-display);text-transform:uppercase;letter-spacing:.8px;font-size:clamp(.95rem,1.6vw,1.2rem);
  background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,0))}
.bb-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bb-yt__close{display:none}
@media(max-width:560px){.bb-yt__play{width:64px;height:64px;margin:-32px 0 0 -32px}.bb-yt__play::after{left:26px;top:20px;border-left-width:17px;border-top-width:12px;border-bottom-width:12px}}

/* Lecteur détaché : la vidéo continue en bas d'écran pendant la lecture */
.bb-yt.is-docked .bb-yt__frame{position:fixed;inset:auto 20px 20px auto;width:min(400px,calc(100vw - 40px));height:auto;aspect-ratio:16/9;
  z-index:1002;border-radius:12px;border-color:rgba(247,147,30,.45);box-shadow:0 24px 60px rgba(0,0,0,.7);animation:bbDock .3s ease}
.bb-yt.is-docked .bb-yt__close{display:flex;align-items:center;justify-content:center;position:absolute;top:6px;right:6px;z-index:2;
  width:30px;height:30px;border-radius:50%;border:0;background:rgba(11,11,13,.85);color:#fff;font-size:20px;line-height:1;cursor:pointer}
body .bb-yt.is-docked .bb-yt__close:hover,body .bb-yt.is-docked .bb-yt__close:focus{background:var(--bb-orange);color:#15110a}
@media(max-width:980px){.bb-yt.is-docked .bb-yt__frame{bottom:84px;right:12px;width:min(300px,calc(100vw - 24px))}}
@keyframes bbDock{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- Article : mise en page ---------- */
.bb-post__layout{display:grid;grid-template-columns:minmax(0,720px) 264px;gap:72px;justify-content:space-between;align-items:start}
.bb-post__layout--solo{grid-template-columns:minmax(0,720px);justify-content:center}
.bb-post__main{min-width:0}
.bb-post__aside{position:relative;height:100%}
.bb-post__sticky{position:sticky;top:110px;display:grid;gap:22px}
@media(max-width:1060px){
  .bb-post__layout{grid-template-columns:minmax(0,720px);justify-content:center}
  .bb-post__aside{display:none}
}

/* Sommaire */
.bb-toc ol{list-style:none;margin:0;padding:0;counter-reset:bbtoc}
.bb-toc li{counter-increment:bbtoc}
.bb-toc a{display:flex;gap:12px;color:var(--bb-muted);font-size:.92rem;line-height:1.4;padding:7px 0}
.bb-toc a::before{content:counter(bbtoc,decimal-leading-zero);font-family:var(--bb-display);color:rgba(247,147,30,.55);font-size:.85rem;min-width:20px}
.bb-toc a:hover,.bb-toc a.is-active{color:var(--bb-text)}
.bb-toc a.is-active::before{color:var(--bb-orange)}
.bb-toc__title,.bb-toc--inline summary{font-family:var(--bb-display);text-transform:uppercase;letter-spacing:3px;font-size:.85rem;color:var(--bb-orange);margin:0 0 8px}
.bb-toc--side{border-left:1px solid var(--bb-border);padding-left:20px}
.bb-toc--side a{position:relative}
.bb-toc--side a.is-active::after{content:"";position:absolute;left:-21px;top:6px;bottom:6px;width:2px;background:var(--bb-orange)}
.bb-toc--inline{display:none;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:14px;padding:16px 20px;margin:0 0 36px}
.bb-toc--inline summary{cursor:pointer;list-style:none;margin:0;display:flex;justify-content:space-between;align-items:center}
.bb-toc--inline summary::-webkit-details-marker{display:none}
.bb-toc--inline summary::after{content:"+";font-size:1.5rem;line-height:1;letter-spacing:0}
.bb-toc--inline[open] summary::after{content:"\2212"}
.bb-toc--inline[open] summary{margin-bottom:8px}
@media(max-width:1060px){.bb-toc--inline{display:block}}

.bb-asidecta{background:linear-gradient(160deg,rgba(247,147,30,.14),rgba(247,147,30,0) 60%),var(--bb-surface);
  border:1px solid rgba(247,147,30,.28);border-radius:14px;padding:20px}
.bb-asidecta__title{font-family:var(--bb-display);text-transform:uppercase;letter-spacing:.6px;font-size:1.15rem;line-height:1.15;color:var(--bb-text);margin:0 0 8px}
.bb-asidecta__txt{font-size:.88rem;color:var(--bb-muted);margin:0 0 14px;line-height:1.5}

/* ---------- Article : typographie du corps (blocs de l'éditeur) ---------- */
.bb-post__body{font-size:1.1rem;line-height:1.78;color:#d4d4da}
.bb-post__body > *{margin-top:0;margin-bottom:1.35em}
.bb-post__body > :last-child{margin-bottom:0}
.bb-post__body h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:2.3em 0 .7em;scroll-margin-top:110px;text-wrap:balance;color:var(--bb-text)}
.bb-post__body > h2:first-child{margin-top:0}
.bb-post__body h3{font-size:1.32rem;text-transform:uppercase;letter-spacing:.8px;margin:1.9em 0 .55em;color:var(--bb-text);scroll-margin-top:110px}
.bb-post__body h4{font-size:1.1rem;text-transform:uppercase;letter-spacing:.8px;margin:1.6em 0 .5em}
.bb-post__body strong{color:var(--bb-text);font-weight:600}
.bb-post__body em{color:var(--bb-text)}
.bb-post__body a:not(.bb-tc):not(.wp-block-button__link){color:var(--bb-orange);border-bottom:1px solid rgba(247,147,30,.35);transition:border-color .2s}
.bb-post__body a:not(.bb-tc):not(.wp-block-button__link):hover{border-bottom-color:var(--bb-orange)}
.bb-post__body ul:not([class*="is-style"]){list-style:none;padding:0}
.bb-post__body ul:not([class*="is-style"]) > li{position:relative;padding-left:26px;margin-bottom:.55em}
.bb-post__body ul:not([class*="is-style"]) > li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--bb-orange)}
.bb-post__body ol:not([class*="is-style"]){padding-left:1.4em}
.bb-post__body ol:not([class*="is-style"]) > li{margin-bottom:.55em;padding-left:.3em}
.bb-post__body ol:not([class*="is-style"]) > li::marker{font-family:var(--bb-display);color:var(--bb-orange)}
.bb-post__body hr,.bb-post__body .wp-block-separator{border:0;border-top:1px solid var(--bb-border);margin:2.4em 0;opacity:1}
.bb-post__body code{background:var(--bb-surface-2);border-radius:6px;padding:2px 6px;font-size:.9em}

/* Images */
.bb-post__body figure{margin-left:0;margin-right:0}
.bb-post__body .wp-block-image{margin:2.1em 0}
.bb-post__body .wp-block-image img{border-radius:12px;border:1px solid var(--bb-border);width:100%;height:auto}
.bb-post__body figcaption,.bb-post__body .wp-element-caption{font-size:.88rem;line-height:1.5;color:var(--bb-muted);margin-top:10px;text-align:left}
.bb-post__body .wp-block-image.is-style-bb-schema img{border:0;border-radius:6px;box-shadow:0 22px 46px -22px rgba(0,0,0,.85)}
.bb-post__body .wp-block-image.is-style-rounded img{border-radius:999px}
.bb-post__body .wp-block-gallery{gap:14px}
.bb-post__body .wp-block-columns{gap:18px;margin:2.1em 0}
.bb-post__body .wp-block-columns .wp-block-image{margin:0}

/* Citation */
.bb-post__body .wp-block-quote{margin:2.2em 0;padding:4px 0 4px 26px;border:0;border-left:3px solid var(--bb-orange)}
.bb-post__body .wp-block-quote p{font-family:var(--bb-display);font-weight:500;font-size:clamp(1.35rem,2.6vw,1.7rem);line-height:1.3;color:var(--bb-text);margin:0 0 12px}
.bb-post__body .wp-block-quote cite{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-style:normal;font-size:.88rem;color:var(--bb-muted)}

/* Liste « Étapes numérotées » */
.bb-post__body ol.is-style-bb-steps,.bb-post__body ul.is-style-bb-steps{list-style:none;padding:0;counter-reset:bbstep;display:grid;gap:16px}
.bb-post__body .is-style-bb-steps > li{counter-increment:bbstep;position:relative;padding-left:50px;min-height:34px}
.bb-post__body .is-style-bb-steps > li::before{content:counter(bbstep);position:absolute;left:0;top:-1px;width:34px;height:34px;border-radius:50%;
  border:1.5px solid var(--bb-orange);color:var(--bb-orange);font:600 1rem/31px var(--bb-display);text-align:center}

/* Liste « Cartes (checklist) » : 1re ligne en gras = titre de la carte */
.bb-post__body .is-style-bb-cards{list-style:none;padding:0;counter-reset:bbcard;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bb-post__body .is-style-bb-cards > li{counter-increment:bbcard;position:relative;background:var(--bb-surface);border:1px solid var(--bb-border);
  border-top:2px solid var(--bb-orange);border-radius:12px;padding:18px 18px 18px 58px;font-size:.98rem;line-height:1.6}
.bb-post__body .is-style-bb-cards > li::before{content:counter(bbcard);position:absolute;left:18px;top:14px;font:600 1.7rem/1 var(--bb-display);color:var(--bb-orange)}
.bb-post__body .is-style-bb-cards > li strong:first-child{display:block;font-family:var(--bb-display);text-transform:uppercase;letter-spacing:.6px;font-size:1.1rem;margin-bottom:4px}
@media(max-width:640px){.bb-post__body .is-style-bb-cards{grid-template-columns:1fr}}

/* Groupe « Encadré » */
.bb-post__body .wp-block-group.is-style-bb-encadre{background:linear-gradient(160deg,rgba(247,147,30,.10),rgba(247,147,30,0) 55%),var(--bb-surface);
  border:1px solid var(--bb-border);border-radius:16px;padding:clamp(22px,4vw,36px);margin:2.4em 0}
.bb-post__body .is-style-bb-encadre > :first-child{margin-top:0}
.bb-post__body .is-style-bb-encadre > :last-child{margin-bottom:0}
.bb-post__body .is-style-bb-encadre h2{margin-top:0}

/* Blocs « Détails » = questions fréquentes */
.bb-post__body .wp-block-details{border-bottom:1px solid var(--bb-border);margin:0}
.bb-post__body .wp-block-details + .wp-block-details{margin-top:0}
.bb-post__body h2 + .wp-block-details,.bb-post__body .wp-block-details:first-child{border-top:1px solid var(--bb-border)}
.bb-post__body .wp-block-details summary{cursor:pointer;list-style:none;position:relative;padding:18px 44px 18px 0;color:var(--bb-text);font-weight:600;font-size:1.05rem;line-height:1.45}
.bb-post__body .wp-block-details summary::-webkit-details-marker{display:none}
.bb-post__body .wp-block-details summary::after{content:"+";position:absolute;right:6px;top:12px;font:400 1.8rem/1 var(--bb-display);color:var(--bb-orange)}
.bb-post__body .wp-block-details[open] summary::after{content:"\2212"}
.bb-post__body .wp-block-details > :not(summary){font-size:1rem;margin:0 0 18px}
.bb-post__body .wp-block-details + :not(.wp-block-details){margin-top:2em}

/* Tableaux */
.bb-post__body .wp-block-table{overflow-x:auto}
.bb-post__body table{width:100%;border-collapse:collapse;font-size:.95rem}
.bb-post__body th,.bb-post__body td{border:1px solid var(--bb-border);padding:10px 12px;text-align:left}
.bb-post__body th{font-family:var(--bb-display);text-transform:uppercase;letter-spacing:.6px;color:var(--bb-text);background:var(--bb-surface)}

/* Boutons de l'éditeur aux couleurs du site */
.bb-post__body .wp-block-buttons{gap:12px}
.bb-post__body .wp-block-button__link{font-family:var(--bb-display);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:.95rem;
  padding:14px 26px;border-radius:50px;background:var(--bb-orange);color:#15110a;border:2px solid var(--bb-orange)}
.bb-post__body .wp-block-button__link:hover{background:var(--bb-orange-2);border-color:var(--bb-orange-2);color:#15110a}
.bb-post__body .is-style-outline .wp-block-button__link{background:transparent;color:var(--bb-text);border-color:rgba(255,255,255,.35)}

/* Vidéos YouTube dans le corps */
.bb-post__body .bb-post-embed{margin:2.2em 0}
.bb-post__body .bb-post-embed figcaption{margin-top:10px}

/* Pastilles de timecode */
.bb-tc{display:inline-flex;align-items:center;gap:6px;font:500 .8rem/1 var(--bb-display);letter-spacing:1px;color:var(--bb-orange);
  border:1px solid rgba(247,147,30,.45);border-radius:50px;padding:5px 10px 5px 8px;vertical-align:2px;white-space:nowrap;
  transition:background .2s,color .2s}
a.bb-tc::before{content:"";width:0;height:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
a.bb-tc:hover,a.bb-tc:focus-visible{background:var(--bb-orange);color:#15110a}
.bb-tc--off{color:var(--bb-muted);border-color:var(--bb-border)}

/* ---------- Fin d'article : partage + mentor ---------- */
.bb-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:48px 0 0;padding-top:26px;border-top:1px solid var(--bb-border)}
.bb-share__label{font-family:var(--bb-display);text-transform:uppercase;letter-spacing:2.5px;font-size:.8rem;color:var(--bb-muted);margin-right:6px}
.bb-share__btn{position:relative;width:42px;height:42px;border-radius:50%;border:1px solid var(--bb-border);background:transparent;color:var(--bb-text);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,background .2s;padding:0}
.bb-share__btn svg{width:18px;height:18px;fill:currentColor}
.bb-share__btn:hover,body .bb-share__btn:hover,body .bb-share__btn:focus{border-color:var(--bb-orange);color:var(--bb-orange);background:transparent}
.bb-share__ok{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--bb-orange);color:#15110a;
  font-size:.75rem;font-weight:600;padding:5px 9px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s}
.bb-share__copy.is-done .bb-share__ok{opacity:1}

.bb-postmentor{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start;margin-top:36px;padding:24px;
  background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:16px}
.bb-postmentor__img{display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;background:#000;border:2px solid rgba(247,147,30,.5)}
.bb-postmentor__img img{width:100%;height:100%;object-fit:cover}
.bb-postmentor__label{display:block;font-family:var(--bb-display);text-transform:uppercase;letter-spacing:2.5px;font-size:.76rem;color:var(--bb-orange);margin-bottom:4px}
.bb-postmentor__name{font-family:var(--bb-display);text-transform:uppercase;font-size:1.45rem;letter-spacing:.5px;line-height:1.1;margin:0 0 4px}
.bb-postmentor__name a{color:var(--bb-text)}
.bb-postmentor__name a:hover{color:var(--bb-orange)}
.bb-postmentor__role{color:var(--bb-orange-2);font-size:.92rem;margin:0 0 10px}
.bb-postmentor__bio{color:var(--bb-muted);font-size:.94rem;line-height:1.6;margin:0 0 10px}
.bb-postmentor__link{font-size:.92rem;font-weight:600}
@media(max-width:560px){.bb-postmentor{grid-template-columns:1fr;gap:14px}.bb-postmentor__img{width:76px;height:76px}}

.bb-cta-band__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* Ancres : on laisse la place à l'en-tête fixe */
.bb-blog [id]{scroll-margin-top:110px}
.bb-post__title .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}