/*
 * Article-detail rendering optimizations.
 * These rules isolate paint work only; they do not change geometry or styling.
 */

.article-detail-view .profile-hero,
.article-detail-view .article-hero {
  contain: paint;
}

.article-detail-view article a img,
.article-detail-view .article-hero img {
  transform: none;
  backface-visibility: visible;
}

.article-detail-view article a:hover img,
.article-detail-view article a:focus-visible img {
  transform: scale(1.018);
}

.article-detail-view .related {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

@media (prefers-reduced-motion: reduce) {
  .article-detail-view *,
  .article-detail-view *::before,
  .article-detail-view *::after {
    scroll-behavior: auto !important;
  }
}