/* Article Media Story Badges 1.0.6. Scoped thumbnail overlays; no player/global theme rules. */
.samb-host { position:relative; display:block; }
.samb-host.samb-inline-thumb { display:inline-block; flex:0 0 auto; align-self:flex-start; line-height:0; }
.samb-host.samb-inline-thumb > img { display:block; }
.samb-host > .samb-badges {
  --samb-height:30px; --samb-icon:13px; --samb-number:12px;
  position:absolute; inset:7px 7px auto auto; z-index:3; width:auto; height:auto;
  display:inline-flex; flex-flow:row nowrap; align-items:center; justify-content:flex-end; gap:5px;
  padding:0; margin:0; border:0; background:none; pointer-events:none; line-height:1;
  color:#fff; text-decoration:none; text-shadow:none; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.samb-host .samb-badge {
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:4px;
  box-sizing:border-box; min-width:var(--samb-height); height:var(--samb-height); padding:0 6px;
  border:1px solid rgba(255,255,255,.94); border-radius:999px; background:rgba(8,12,18,.93);
  box-shadow:0 1px 5px rgba(0,0,0,.65); color:#fff; pointer-events:none; overflow:visible;
}
.samb-host .samb-stack { display:inline-block; position:relative; width:var(--samb-icon); height:var(--samb-icon); line-height:var(--samb-icon); font-size:var(--samb-icon); flex:0 0 var(--samb-icon); vertical-align:middle; }
.samb-host .samb-stack .samb-disc { position:absolute; inset:0; color:#080c12; opacity:.4; font-size:var(--samb-icon); width:100%; line-height:inherit; }
.samb-host .samb-stack .samb-glyph { position:absolute; inset:0; color:#fff; font-size:var(--samb-icon); width:100%; line-height:inherit; }
.samb-host .samb-count { font:700 var(--samb-number)/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; color:#fff; white-space:nowrap; }
.samb-host.samb-compact > .samb-badges { --samb-height:18px; --samb-icon:9px; --samb-number:8px; inset:2px 2px auto auto; gap:2px; }
.samb-host.samb-compact .samb-badge { gap:2px; padding:0 2px; }
/* Keep Bootstrap ratio sizing on the image, not on the indicator; retain Builder cover positioning. */
.ratio.samb-host > .samb-badges { left:auto; bottom:auto; width:auto; height:auto; }
.snb-overlay .snb-media.samb-host { position:absolute; }
.snb-overlay .snb-media.samb-host > .samb-badges { z-index:3; }
.samb-sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (forced-colors:active) { .samb-host .samb-badge { background:Canvas; border-color:CanvasText; } .samb-host .samb-stack .samb-glyph,.samb-host .samb-count { color:CanvasText; } }
