.pix-hdr-image-host { position: relative; }
/* Inline links only enclose a text line; make article anchors enclose their image
   before detection so adding a badge never changes the article layout. */
.single-content a.fancybox:has(> img) {
  display: inline-block; max-width: 100%; vertical-align: middle; line-height: 0;
}
.single-content a.fancybox > img { display: block; }
.pix-hdr-image-host > .pix-hdr-image-badge {
  position: absolute; inset: 10px 10px auto auto; display: block;
  width: 54px; height: 25px; margin: 0; padding: 0; z-index: 4;
  border-radius: 8px; pointer-events: none;
}
.pix-hdr-image-badge > .pix-hdr-badge-material,
.pix-hdr-image-badge > .pix-hdr-badge-light,
.pix-hdr-image-badge > .pix-hdr-badge-label {
  position: absolute; inset: 0; width: 100%; height: 100%;
  margin: 0; padding: 0; border-radius: inherit; pointer-events: none;
}
.pix-hdr-image-badge > .pix-hdr-badge-material {
  display: block;
  background: linear-gradient(160deg,rgb(255 255 255 / 78%),rgb(250 252 255 / 48%));
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 2px 7px rgb(15 25 40 / 12%), inset 0 1px 0 rgb(255 255 255 / 46%);
}
.pix-hdr-image-badge > .pix-hdr-badge-label {
  display: flex; align-items: center; justify-content: center;
  font: 650 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  letter-spacing: .07em; text-indent: .07em; color: #34414e;
  text-shadow: 0 1px 0 rgb(255 255 255 / 24%);
}
/* The unfiltered HDR layer holds one restrained top glint at gain 2.0. */
.pix-hdr-image-badge > .pix-hdr-badge-light { display: block; }
.pix-hdr-image-badge > .pix-hdr-badge-light:not(.pix-hdr-ready) {
  background: radial-gradient(ellipse 35% 12% at 66% 0%,rgb(255 255 255 / 85%),transparent);
}
.fancybox-content > .pix-hdr-image-badge { inset: 16px 16px auto auto; }
/* Fancybox animates the content with scale(), then commits its final dimensions.
   Show fixed-size decoration only once that transform has settled. */
.fancybox-slide:not(.fancybox-slide--complete) .pix-hdr-image-badge,
.fancybox-slide.fancybox-is-scaling .pix-hdr-image-badge { visibility: hidden; }
.single-content a.fancybox > .pix-hdr-image-badge { top: 24px; right: 18px; }
@media (max-width:600px) {
  .pix-hdr-image-host > .pix-hdr-image-badge { top: 7px; right: 7px; width: 50px; height: 24px; border-radius: 7px; }
  .single-content a.fancybox > .pix-hdr-image-badge { top: 16px; right: 12px; }
}
@media (prefers-reduced-transparency:reduce) {
  .pix-hdr-image-badge > .pix-hdr-badge-material { backdrop-filter: none; -webkit-backdrop-filter: none; background: #f5f7faf0; }
}