/* QPN Tamil content image slots — 45-picture managed image system v2 */
.qpn-content-visual{width:min(100%,1120px);margin:clamp(24px,4vw,48px) auto;padding:0;position:relative;clear:both}
.qpn-content-visual picture{display:block;width:100%}
.qpn-content-visual img{display:block;width:100%;height:auto;object-fit:cover;border-radius:20px;border:1px solid rgba(5,76,60,.16);box-shadow:0 16px 38px rgba(5,55,45,.10);background:#f6f8f7}
.qpn-content-visual[data-aspect="16:9"] img{aspect-ratio:16/9}.qpn-content-visual[data-aspect="4:3"] img{aspect-ratio:4/3}
@media(max-width:720px){.qpn-content-visual{width:100%;margin:22px auto}.qpn-content-visual img{border-radius:16px;box-shadow:0 10px 24px rgba(5,55,45,.09)}}

/* QPN pending-slot public visibility gate v1 */
/* These dashboard slots currently contain placeholders. Hide them on public pages
   until Dashboard → Media publishes a real image for the slot. */
.qpn-content-visual[data-qpn-picture="18"],
.qpn-content-visual[data-qpn-picture="23"],
.qpn-content-visual[data-qpn-picture="24"],
.qpn-content-visual[data-qpn-picture="25"],
.qpn-content-visual[data-qpn-picture="26"],
.qpn-content-visual[data-qpn-picture="28"],
.qpn-content-visual[data-qpn-picture="29"],
.qpn-content-visual[data-qpn-picture="30"],
.qpn-content-visual[data-qpn-picture="31"],
.qpn-content-visual[data-qpn-picture="32"],
.qpn-content-visual[data-qpn-picture="34"],
.qpn-content-visual[data-qpn-picture="37"],
.qpn-content-visual[data-qpn-picture="38"]{display:none}
.qpn-content-visual.qpn-content-live{display:block}


/* QPN managed-image public visibility + mobile performance v2.2 */
.qpn-content-visual[hidden]{display:none!important}
.qpn-content-visual{content-visibility:auto;contain-intrinsic-size:auto 700px}
@media(max-width:820px){
  .qpn-content-visual{margin:18px auto;contain-intrinsic-size:auto 450px}
  .qpn-content-visual img{box-shadow:0 7px 18px rgba(5,55,45,.07)}
}