/* RC13: prefer remote Facebook image, retain local thumbnail in DOM for fallback. */
.wjx-editorial-card-v6 .xms-remote-media { min-width:0; position:relative; overflow:hidden; background:#eee7dd; }
.xms-remote-active > :not(.xms-remote-img) { display:none!important; }
.wjx-editorial-card-v6 .xms-remote-media > img.xms-remote-img { width:100%; height:100%; display:block; object-fit:contain; object-position:center; background:#eee7dd; }
.wjx-editorial-card-v6.is-featured .xms-remote-media { min-height:280px; }
.wjx-single-cover-v6.xms-remote-media { display:flex; align-items:center; justify-content:center; background:#f3eee6; }
.wjx-single-cover-v6.xms-remote-media > img.xms-remote-img { display:block; width:100%; max-width:100%; max-height:560px; object-fit:contain; margin:auto; }
.xms-single-remote-lead { margin:0 0 24px; border-radius:14px; background:#f3eee6; overflow:hidden; display:grid; place-items:center; }
.xms-single-remote-lead img { display:block; width:auto; height:auto; max-width:100%; max-height:560px; object-fit:contain; }
@media (max-width:1100px) { .wjx-editorial-card-v6.is-featured .xms-remote-media { min-height:200px; } }
@media (max-width:760px) {
 .wjx-editorial-card-v6 .xms-remote-media, .wjx-editorial-card-v6.is-featured .xms-remote-media { height:210px; min-height:0; }
 .wjx-single-cover-v6.xms-remote-media > img.xms-remote-img, .xms-single-remote-lead img { max-height:68vh; }
}

/* RC16: Remote FB lead photo must determine its own card height.
   RC15 forced a 340–620px-height frame (520px mobile); landscape photos
   letterboxed with huge blank strips. Let the *image* set the block height.
   Portrait shots may be capped to viewport height without cropping. */
.wjx-single-article-v6 > .xms-single-remote-lead.xms-single-cover-replacement {
  display:flex; align-items:center; justify-content:center;
  width:100%; height:auto; min-height:0; max-height:none;
  aspect-ratio:auto; margin:0; border-radius:0; background:#ece4d9;
}
.wjx-single-article-v6 > .xms-single-remote-lead.xms-single-cover-replacement > img {
  display:block; width:auto; height:auto; max-width:100%;
  max-height:min(76vh,720px); object-fit:contain; object-position:center;
  margin:0 auto; flex:0 1 auto;
}
@media (max-width:760px) {
  .wjx-single-article-v6 > .xms-single-remote-lead.xms-single-cover-replacement {
    height:auto; min-height:0; max-height:none; aspect-ratio:auto;
  }
  .wjx-single-article-v6 > .xms-single-remote-lead.xms-single-cover-replacement > img {
    width:auto; height:auto; max-width:100%; max-height:76vh;
  }
}