/* Copy and intrinsic media geometry exist in the first HTML. Static skeleton,
   no shimmer, full-page opacity gate, extra blur or layout-affecting wrapper. */
body.qp-page {
  --qp-loading-base: rgba(170, 181, 202, .12);
  --qp-loading-highlight: rgba(215, 223, 238, .18);
}
body.qp-page:has(.qp-home-refresh),
body.qp-page:has([data-product="stellar"]) {
  --qp-loading-base: #151922;
  --qp-loading-highlight: rgba(114, 132, 170, .12);
}
body.qp-page main picture > img[loading="lazy"]:not([data-image-ready]) {
  background: linear-gradient(115deg, transparent 18%, var(--qp-loading-highlight) 48%, transparent 76%), var(--qp-loading-base);
}
body.qp-page main .qp-mixup-closer__panels figure:has(img:not([data-image-ready])) {
  background-color: var(--qp-loading-base) !important;
}
/* Essential text is not a deferred asset: never leave empty cards in its place. */
body.qp-page main .dz-reveal {
  opacity: 1;
  transform: none;
  transition: none;
  will-change: auto;
}
@media (forced-colors: active) {
  body.qp-page { --qp-loading-base: Canvas; --qp-loading-highlight: transparent; }
}