/* Compare responses follow their own scroll positions.
 * JS supplies variables only while motion is enabled; no-JS and reduced-motion remain fully visible.
 * Scoped to these three cards so feature cards, page backgrounds and localized copy are untouched. */
@media (prefers-reduced-motion: no-preference) {
  #apps .inline-response-list > .inline-response-row.pg-compare-scroll-motion {
    opacity: var(--pg-compare-opacity, 1) !important;
    transform: translate3d(0, var(--pg-compare-y, 0px), 0)
               scale(var(--pg-compare-scale, 1)) !important;
    transition: transform .18s cubic-bezier(.22,.61,.36,1), opacity .18s ease-out !important;
    will-change: transform, opacity;
  }
}
@media (prefers-reduced-motion: reduce) {
  #apps .inline-response-list > .inline-response-row {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}