/* Owner decision: MixUp uses flat surfaces and crisp borders, never bevels.
   This page-only guard also covers shared header/footer and later hover states.
   Ambilight is actual media behind the surface, not a component shadow. */
body.qp-page:has(.qp-read-page--mixup-seo) {
  --qp-soft-edge: none;
  --mixup-photo-edge: none;
  --mixup-action-shadow: none;
}
body.qp-page:has(.qp-read-page--mixup-seo),
body.qp-page:has(.qp-read-page--mixup-seo) *,
body.qp-page:has(.qp-read-page--mixup-seo) *::before,
body.qp-page:has(.qp-read-page--mixup-seo) *::after {
  box-shadow: none !important;
  text-shadow: none !important;
}
/* Typography and SVG controls had their own drop-shadow bevels. Do not reset
   filter on images/canvases: those provide the approved blurred media light. */
body.qp-page:has(.qp-read-page--mixup-seo) :is(h1,h2,h3,h4,h5,h6,svg,svg *) {
  filter: none !important;
  -webkit-text-stroke-width: 0;
}
body.qp-page:has(.qp-read-page--mixup-seo) input[type="range"]::-webkit-slider-runnable-track { box-shadow: none !important; }
body.qp-page:has(.qp-read-page--mixup-seo) input[type="range"]::-webkit-slider-thumb { box-shadow: none !important; }
body.qp-page:has(.qp-read-page--mixup-seo) input[type="range"]::-moz-range-track { box-shadow: none !important; }
body.qp-page:has(.qp-read-page--mixup-seo) input[type="range"]::-moz-range-thumb { box-shadow: none !important; }
/* Some inherited controls used a box-shadow as their only keyboard ring. */
body.qp-page:has(.qp-read-page--mixup-seo) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 2px solid #3968c5 !important;
  outline-offset: 3px;
}
@media (forced-colors: active) {
  body.qp-page:has(.qp-read-page--mixup-seo) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline-color: Highlight !important; }
}
