/* V217: modern editorial teaser on every article image. One post = one visual + one teaser. */
.hub-card-media,.hub-lead-media,.article-hero{position:relative!important}
.hub-image-teaser,.mt-image-teaser{
  position:absolute;z-index:4;left:16px;bottom:16px;
  display:inline-flex;align-items:center;gap:9px;
  max-width:min(78%,520px);padding:10px 13px 10px 12px;
  border:1px solid rgba(255,255,255,.18);border-radius:10px;
  background:linear-gradient(135deg,rgba(4,14,22,.86),rgba(8,25,36,.74));
  color:#f5f8fb;font-size:13px;font-weight:900;line-height:1.2;
  letter-spacing:.01em;box-shadow:0 10px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  text-shadow:0 1px 2px rgba(0,0,0,.28);pointer-events:none;
}
.hub-image-teaser:before,.mt-image-teaser:before{
  content:"";width:7px;height:7px;border-radius:999px;background:#f12e45;
  box-shadow:0 0 0 4px rgba(241,46,69,.13);flex:0 0 auto;
}
.hub-card:hover .hub-image-teaser{border-color:rgba(255,255,255,.28);transform:translateY(-1px)}
.hub-image-teaser{transition:transform .2s ease,border-color .2s ease}
.hub-lead-media .hub-image-teaser{left:auto;right:16px;bottom:16px;max-width:58%;font-size:14px;padding:11px 14px}
.mt-image-teaser{left:20px;bottom:20px;max-width:min(72%,600px);padding:12px 15px;font-size:15px;border-radius:11px}
@media(max-width:760px){
  .hub-image-teaser,.mt-image-teaser{left:10px;bottom:10px;max-width:calc(100% - 20px);font-size:12px;padding:9px 11px}
  .hub-lead-media .hub-image-teaser{left:10px;right:auto;bottom:10px;max-width:calc(100% - 20px);font-size:12px}
  .mt-image-teaser{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:13px}
}