/* AIson visual news layer: official/story-relevant images only. Missing visuals stay text-first; mascot social cards are reserved for social sharing. */
.news-visual{margin:0;overflow:hidden;background:#e8eef5}.news-visual img{display:block;width:100%;height:100%;object-fit:cover}.news-visual figcaption{display:flex;flex-wrap:wrap;gap:3px;padding:8px 10px;background:#f4f7fb;color:#667991;font-size:10px;line-height:1.45}.news-visual figcaption a{color:#164f92;font-weight:800;text-decoration:none}.news-visual figcaption a:hover{text-decoration:underline}

/* Homepage lead: replace the decorative panel with a real story visual. */
body[data-page="home"] .front-story.lead .lead-story-media{position:relative;min-width:0;height:100%;border-radius:0;background:#0b2849}
body[data-page="home"] .front-story.lead .lead-story-media img{min-height:430px}
body[data-page="home"] .front-story.secondary .front-story-media{position:relative;z-index:1;width:100%;height:92px;margin:10px 0 12px;border-radius:11px;background:#cad9e8}

/* News list cards keep the existing rank rail while adding a 16:9 visual inside the story column. */
.news-card .news-card-media{width:100%;aspect-ratio:16/9;margin:0 0 15px;border-radius:13px;background:#e6edf5}
.news-card .news-card-media img{transition:transform .24s ease}
.news-card:hover .news-card-media img{transform:scale(1.018)}

/* Long-read article hero. */
.article-news-media{width:100%;aspect-ratio:1.9048/1;margin:0 0 28px;border:1px solid #d9e4f1;border-radius:18px;background:#e9eff6;box-shadow:0 16px 40px rgba(7,26,51,.08)}
.article-news-media img{min-height:100%}
.article-news-media figcaption{border-top:1px solid #dce6f2}

/* Related reading becomes scannable like a modern news site. */
.related-card .related-news-media,.article-related-card .related-news-media{width:calc(100% + 34px);aspect-ratio:16/9;margin:-17px -17px 13px;border-radius:16px 16px 0 0;background:#e7eef6}
.related-card .related-news-media{width:calc(100% + 32px);margin:-16px -16px 13px}

@media(max-width:900px){
  body[data-page="home"] .front-story.lead .lead-story-media img{min-height:390px}
  body[data-page="home"] .front-story.secondary .front-story-media{height:108px}
}

@media(max-width:620px){
  body[data-page="home"] .front-story.lead .lead-story-media{grid-row:1;height:auto;aspect-ratio:16/9;min-height:0}
  body[data-page="home"] .front-story.lead .lead-story-media img{min-height:0}
  body[data-page="home"] .front-story.secondary .front-story-media{height:122px;margin:9px 0 11px}
  body[data-page="home"] .news-card .news-card-media{margin-bottom:12px;border-radius:11px}
  .article-news-media{margin-bottom:21px;border-radius:14px}
  .related-card .related-news-media,.article-related-card .related-news-media{border-radius:14px 14px 0 0}
}

@media(prefers-reduced-motion:reduce){.news-card .news-card-media img{transition:none}.news-card:hover .news-card-media img{transform:none}}