/* sb-article-media — article de forum au niveau des médias (10/11/2026, LI-0469).
   Toutes les couleurs et polices viennent des jetons du thème du forum (--sbam-* posés en ligne par le mu-plugin). */
.sbam{--sbam-large:1200px;--sbam-rayon:10px;background:var(--sbam-fond,transparent);color:var(--sbam-encre,inherit);font-family:var(--sbam-texte,inherit);display:block;max-width:none;width:auto;padding:0;margin:0}
.sbam *,.sbam *::before,.sbam *::after{box-sizing:border-box}

/* ---------- Héros ---------- */
.sbam .sbam-heros{position:relative;overflow:hidden;background:var(--sbam-heros,#1f2430);color:var(--sbam-heros-encre,#fff);margin:0;padding:0;border:0}
.sbam .sbam-heros::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 90% at 100% 0%,color-mix(in srgb,var(--sbam-heros-accent,#f0a81c) 22%,transparent),transparent 70%),
             radial-gradient(50% 80% at 0% 100%,color-mix(in srgb,var(--sbam-accent,#b5452a) 20%,transparent),transparent 70%)}
.sbam .sbam-heros__in{position:relative;max-width:var(--sbam-large);margin:0 auto;padding:clamp(28px,4.5vw,64px) 24px clamp(40px,5vw,76px);
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.sbam .sbam-heros--sans-image .sbam-heros__in{grid-template-columns:minmax(0,1fr);max-width:960px}
.sbam .sbam-heros__txt{min-width:0}
.sbam .sbam-ariane{margin:0 0 18px;font-size:.86rem;line-height:1.4;opacity:.82;font-family:var(--sbam-texte,inherit)}
.sbam .sbam-ariane a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.sbam .sbam-rubrique{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--sbam-heros-accent,#f0a81c);color:var(--sbam-sur-accent,#111);
  font:700 .76rem/1.2 var(--sbam-texte,inherit);letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
.sbam .sbam-rubrique:hover{filter:brightness(1.06)}
.sbam .sbam-heros h1.sbam-titre{margin:16px 0 0;padding:0;color:inherit;font-family:var(--sbam-titre,inherit);font-weight:var(--sbam-titre-graisse,700);
  font-size:clamp(1.8rem,1.05rem + 2.1vw,2.75rem);line-height:1.12;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:break-word;text-transform:none;background:none;border:0;text-shadow:none}
.sbam .sbam-heros h1.sbam-titre::before{content:none}
.sbam .sbam-heros h1.sbam-titre::after{content:"";display:block;width:72px;height:4px;margin-top:20px;border-radius:4px;background:var(--sbam-heros-accent,#f0a81c);position:static}
.sbam .sbam-chapo{margin:18px 0 0;max-width:36em;font-size:clamp(1.02rem,.95rem + .35vw,1.18rem);line-height:1.6;opacity:.9;color:inherit}
.sbam .sbam-signature{display:flex;align-items:center;gap:13px;margin-top:26px}
.sbam .sbam-signature__txt{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.9rem;line-height:1.45}
.sbam .sbam-signature__nom{color:inherit;font-weight:700;text-decoration:none;font-size:1rem}
.sbam .sbam-signature__nom:hover{text-decoration:underline}
.sbam .sbam-signature__meta{opacity:.82}
.sbam .sbam-signature__av{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;border:2px solid var(--sbam-heros-accent,#f0a81c);background:var(--sbam-surface,#fff)}
.sbam .sbam-heros__img{position:relative;margin:0 14px 14px 0;padding:0;max-width:none;width:auto;min-width:0}
.sbam .sbam-heros__img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sbam-rayon);
  border:3px solid var(--sbam-heros-encre,#fff);box-shadow:14px 14px 0 var(--sbam-heros-accent,#f0a81c);max-width:100%;margin:0}
.sbam .sbam-heros__img figcaption{margin-top:12px;font-size:.8rem;line-height:1.4;opacity:.75;color:inherit;text-align:left;padding:0;background:none}

/* ---------- Corps + barre latérale ---------- */
.sbam .sbam-grille{max-width:var(--sbam-large);margin:0 auto;padding:clamp(32px,4vw,56px) 24px 72px;display:grid;
  grid-template-columns:minmax(0,1fr) 320px;gap:clamp(32px,4.5vw,72px);align-items:start}
.sbam .sbam-article{min-width:0;max-width:760px;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}
.sbam .sbam-corps{max-width:none;width:auto;margin:0;padding:0;font-size:1.08rem;line-height:1.75;color:var(--sbam-encre,inherit);overflow-wrap:break-word}
.sbam .sbam-corps > :first-child{margin-top:0}
.sbam .sbam-corps img,.sbam .sbam-corps svg,.sbam .sbam-corps video,.sbam .sbam-corps iframe,.sbam .sbam-corps canvas{max-width:100%}
.sbam .sbam-corps img,.sbam .sbam-corps video{height:auto}
.sbam .sbam-corps figure{max-width:100%;margin-left:0;margin-right:0}
.sbam .sbam-corps table{display:block;max-width:100%;overflow-x:auto}
.sbam .sbam-corps pre{max-width:100%;overflow-x:auto}
.sbam .sbam-corps h2,.sbam .sbam-corps h3{scroll-margin-top:96px}

.sbam .sbam-cote{min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:20px;font-family:var(--sbam-texte,inherit)}
.sbam .sbam-carte{margin:0;padding:20px 20px 22px;background:var(--sbam-surface,#fff);color:var(--sbam-encre,inherit);
  border:1px solid var(--sbam-filet,rgba(0,0,0,.12));border-top:4px solid var(--sbam-accent,#b5452a);border-radius:var(--sbam-rayon);
  box-shadow:0 14px 30px -22px rgba(0,0,0,.45)}
.sbam .sbam-carte__titre{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;
  font:800 .74rem/1.3 var(--sbam-texte,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--sbam-accent-texte,var(--sbam-accent,#8e3220))}
.sbam .sbam-pastille{padding:3px 9px;border-radius:999px;background:var(--sbam-fond,#eee);color:var(--sbam-encre,inherit);letter-spacing:0;text-transform:none;font-weight:700}
.sbam .sbam-auteur__tete{display:flex;align-items:center;gap:14px}
.sbam .sbam-auteur__av{width:72px;height:72px;flex:0 0 72px;border-radius:50%;object-fit:cover;border:3px solid var(--sbam-accent,#b5452a);background:var(--sbam-fond,#eee)}
.sbam .sbam-ini{display:inline-flex;align-items:center;justify-content:center;background:var(--sbam-heros,#28333b);color:var(--sbam-heros-encre,#fff);
  font:700 1.6rem/1 var(--sbam-titre,inherit)}
.sbam .sbam-signature__av.sbam-ini{font-size:1.15rem;background:var(--sbam-heros-accent,#f0a81c);color:var(--sbam-sur-accent,#111)}
.sbam .sbam-auteur__nom{margin:0;font:var(--sbam-titre-graisse,700) 1.2rem/1.2 var(--sbam-titre,inherit)}
.sbam .sbam-auteur__nom a{color:var(--sbam-encre,inherit);text-decoration:none}
.sbam .sbam-auteur__nom a:hover{text-decoration:underline}
.sbam .sbam-auteur__role{margin:4px 0 0;font-size:.8rem;font-weight:700;color:var(--sbam-accent-texte,var(--sbam-accent,#8e3220))}
.sbam .sbam-auteur__bio{margin:14px 0 12px;font-size:.93rem;line-height:1.55;color:var(--sbam-doux,inherit)}
.sbam .sbam-lien{display:inline-block;margin-top:2px;font-weight:700;font-size:.9rem;color:var(--sbam-accent-texte,var(--sbam-accent,#8e3220));text-decoration:none}
.sbam .sbam-lien:hover{text-decoration:underline}
.sbam .sbam-sommaire{position:sticky;top:24px}
.admin-bar .sbam .sbam-sommaire{top:56px}
.sbam .sbam-sommaire ol{list-style:none;counter-reset:sbam;margin:0;padding:0}
.sbam .sbam-sommaire li{counter-increment:sbam;display:grid;grid-template-columns:28px 1fr;align-items:baseline;padding:9px 0;border-top:1px solid var(--sbam-filet,rgba(0,0,0,.1));margin:0}
.sbam .sbam-sommaire li::before{content:counter(sbam,decimal-leading-zero);font-weight:800;font-size:.78rem;color:var(--sbam-accent-texte,var(--sbam-accent,#8e3220))}
.sbam .sbam-sommaire a{color:var(--sbam-encre,inherit);text-decoration:none;font-size:.93rem;line-height:1.35;font-weight:600}
.sbam .sbam-sommaire a:hover{color:var(--sbam-accent-texte,var(--sbam-accent,#8e3220));text-decoration:underline}
.sbam .sbam-liees ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.sbam .sbam-liees li{margin:0;padding:0}
.sbam .sbam-liees a{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;color:var(--sbam-encre,inherit);text-decoration:none;font-size:.92rem;line-height:1.35;font-weight:600}
.sbam .sbam-liees a:hover span{text-decoration:underline}
.sbam .sbam-liees__img{display:block;width:68px;height:68px;object-fit:cover;border-radius:calc(var(--sbam-rayon) * .7);margin:0}
.sbam .sbam-liees__img--vide{background:linear-gradient(135deg,var(--sbam-accent,#b5452a),var(--sbam-heros,#28333b))}
.sbam .sbam-forum{background:var(--sbam-heros,#28333b);color:var(--sbam-heros-encre,#fff);border-color:transparent;border-top-color:var(--sbam-heros-accent,#f0a81c)}
.sbam .sbam-forum__txt{margin:0 0 14px;font-size:.98rem;line-height:1.5;font-weight:600;color:inherit}
.sbam .sbam-bouton{display:inline-block;padding:11px 18px;border-radius:999px;background:var(--sbam-heros-accent,#f0a81c);color:var(--sbam-sur-accent,#111);font-weight:800;font-size:.9rem;text-decoration:none;line-height:1.2}
.sbam .sbam-bouton:hover{filter:brightness(1.07)}
.sbam a:focus-visible{outline:3px solid var(--sbam-heros-accent,#f0a81c);outline-offset:2px}

/* ---------- Tablette / téléphone : la barre latérale passe SOUS l'article ---------- */
@media (max-width:960px){
  .sbam .sbam-heros__in{grid-template-columns:minmax(0,1fr);gap:26px}
  .sbam .sbam-heros__img{max-width:640px}
  .sbam .sbam-grille{grid-template-columns:minmax(0,1fr)}
  .sbam .sbam-article{max-width:none}
  .sbam .sbam-cote{max-width:640px}
  .sbam .sbam-sommaire{position:static}
}
@media (max-width:520px){
  .sbam .sbam-heros__in{padding:22px 18px 34px}
  .sbam .sbam-grille{padding:28px 18px 56px}
  .sbam .sbam-corps{font-size:1.04rem;line-height:1.7}
  .sbam .sbam-heros__img{margin:0 10px 10px 0}
  .sbam .sbam-heros__img img{box-shadow:10px 10px 0 var(--sbam-heros-accent,#f0a81c);aspect-ratio:3/2}
}