/* Single article image layouts — keep out of inline <style> for cacheability */

/* Overlay card */
.jm-overlay-card{max-width:var(--jm-oc-w,920px);margin:0 auto 1.75rem;padding:0 1rem;box-sizing:border-box}
.jm-overlay-card__frame{width:100%}
.jm-overlay-card__media{position:relative;border-radius:var(--jm-oc-r,16px);overflow:hidden;background:#111;box-shadow:0 8px 28px rgba(15,23,42,.12)}
.jm-overlay-card__photo{display:block;width:100%;height:var(--jm-oc-h,420px);margin:0;padding:0;border:0;aspect-ratio:16/9}
.jm-overlay-card__img,.jm-overlay-card__photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important;max-width:none!important}
.jm-overlay-card__panel{position:absolute;left:0;right:0;bottom:0;z-index:5;margin:0;padding:1.15rem 1.25rem 1.2rem;background:var(--jm-oc-color,#c8102e);color:#fff;box-sizing:border-box;min-height:calc(4.5rem + var(--jm-oc-overlap,48px)*.35)}
.jm-overlay-card__panel::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--jm-oc-overlap,48px);background:linear-gradient(to top,var(--jm-oc-color,#c8102e) 0%,transparent 100%);pointer-events:none}
.jm-overlay-card__kicker{display:block;position:relative;z-index:1;font-family:var(--ns-font-ui,system-ui,sans-serif);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.95;margin:0 0 .4rem}
.jm-overlay-card__title{position:relative;z-index:1;margin:0!important;color:#fff!important;font-size:clamp(1.25rem,2.5vw,1.9rem)!important;line-height:1.25!important;font-weight:800!important}
.jm-overlay-card__below{margin:.75rem auto 1.5rem;max-width:var(--jm-oc-w,920px)}
.jm-overlay-card__meta-full{flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
@media(max-width:768px){
.jm-overlay-card{padding:0 .75rem;margin-bottom:1.25rem}
.jm-overlay-card__photo{height:min(var(--jm-oc-h,420px),58vw);min-height:220px}
.jm-overlay-card__title{font-size:1.15rem!important}
.jm-overlay-card__panel{padding:.95rem 1rem 1rem}
}

/* Hero overlay */
.jm-layout-hero-overlay:hover .jm-hero-overlay__img{transform:scale(1)}
.jm-hero-overlay__below{margin-top:1rem;margin-bottom:1.5rem}
.jm-hero-overlay__meta-full{align-items:center;gap:.5rem .75rem;flex-wrap:wrap}
.jm-hero-overlay__meta{display:none!important}

/* Side title */
@media(max-width:768px){
.jm-layout-side-title .ns-container>div{grid-template-columns:1fr!important}
.jm-layout-side-title img{max-height:260px!important}
}