/*
 * Launch-safe rendering performance layer.
 * Progressive enhancement only: browsers without content-visibility support
 * render the normal document with no behavior change.
 */
@supports (content-visibility: auto) {
  .fx-service-band,
  .fx-how,
  .fx-audience-grid,
  .fx-feature-split,
  .fx-trust,
  .fx-guides-home,
  .fx-fixologist-home,
  .fx-academy-home,
  .fx-page-narrative,
  .fx-page-related,
  .fx-final-cta {
    content-visibility: auto;
    contain-intrinsic-size: auto 820px;
  }

  .fx-service-cards,
  .fx-article-grid,
  .fx-trust-list {
    contain: layout paint style;
  }
}

/* Reserve stable media boxes before lazy images decode. */
.fx-editorial-image,
.fx-card-image,
.fx-article-card > a > img,
.fx-article-card > img {
  background: #e7edf1;
}

/* Avoid expensive hover transitions on devices that cannot actually hover. */
@media (hover: none) {
  .fx-service-card:hover,
  .fx-service-card:hover .fx-card-image img {
    transform: none;
    box-shadow: none;
  }
}