/* On-image overlay with improved readability */
.dwc-inline-wrap{ position:relative !important; }
.dwc-inline-overlay{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:12px; text-align:center; pointer-events:auto; }
.dwc-inline-card{
    display:grid; gap:10px; width:100%; max-width:92%;
    color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.7);
    background:rgba(0,0,0,.35);
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px; padding:16px; margin:auto;
    backdrop-filter:saturate(120%) blur(2px);
}
.dwc-inline-badge{ justify-self:center; padding:6px 10px; border-radius:999px; background:#0EA5E9; color:#fff; font-weight:800; letter-spacing:.3px }
.dwc-inline-head{ font-size:clamp(20px,3.8vw,34px); font-weight:900; line-height:1.1; margin:0; -webkit-text-stroke: .3px rgba(0,0,0,.35); }
.dwc-inline-sub{ font-size:clamp(12px,2.4vw,16px); margin:0; opacity:.95 }
.dwc-inline-feats{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:2px 0 0 0; padding:0; list-style:none }
.dwc-inline-feats li{ background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.18); padding:6px 10px; border-radius:8px; font-size:clamp(11px,2vw,14px) }
.dwc-inline-band{ align-self:center; justify-self:center; display:inline-block; padding:10px 14px; border-radius:10px; background:#22C55E; color:#0b0b0b; font-weight:900 }
.dwc-inline-cta{ align-self:center; justify-self:center; display:inline-block; padding:10px 16px; border-radius:10px; background:#22C55E; color:#0b0b0b; font-weight:800; text-decoration:none }
.dwc-inline-cta.is-static{ cursor:default; text-decoration:none }
.dwc-dimmed img{ opacity:.15 !important; transition:opacity .25s ease } /*10%→15% to help blend*/
@media (max-width:480px){ .dwc-inline-feats{ gap:6px } }
