/* The HTML can paint before the large app script runs. Never hide news cards
   pending IntersectionObserver or a delayed third-party script. */
body.smn-app-page .smn-reveal,
.smn-app .smn-reveal { opacity:1; transform:none; }

/* Keep the first two items in each feed ready to paint. Browsers supporting
   content-visibility skip layout/paint for distant cards until approached;
   unsupported browsers still display the complete server-rendered page. */
@supports (content-visibility:auto) {
  .smn-news-grid > .smn-story:nth-child(n+3),
  .smn-related-grid > .smn-story:nth-child(n+3),
  .smn-compact-list > .smn-story:nth-child(n+3),
  .smna-news-grid > .smna-news:nth-child(n+3),
  .smn-reels > .smn-reel:nth-of-type(n+3),
  .smn-special-live-rows > .smn-special-live-row:nth-child(n+3),
  .smn-special-train-list > .smn-special-train-item:nth-child(n+3),
  .smna-grid > .smna-card:nth-child(n+7) {
    content-visibility:auto;
    contain-intrinsic-size:auto 280px;
  }
  .smn-special-live-rows > .smn-special-live-row:nth-child(n+3),
  .smn-special-train-list > .smn-special-train-item:nth-child(n+3),
  .smna-grid > .smna-card:nth-child(n+7) { contain-intrinsic-size:auto 80px; }
  .smn-reels > .smn-reel:nth-of-type(n+3) { contain-intrinsic-size:auto 470px; }
}
@media print {
  .smn-news-grid > .smn-story,
  .smn-related-grid > .smn-story,
  .smn-compact-list > .smn-story,
  .smna-news-grid > .smna-news,
  .smn-reels > .smn-reel,
  .smn-special-live-rows > .smn-special-live-row,
  .smn-special-train-list > .smn-special-train-item,
  .smna-grid > .smna-card { content-visibility:visible!important; }
}

/* The Appilix WebView is already the installed app. */
:root[data-smn-native-app="1"] .smn-app-download,
:root[data-smn-native-app="1"] .smn-app-prompt { display:none!important; }