/* Audi hybrid product study. Slider and swipe hint reuse .audi-compare from main.css. */
.ap-study{--ap-ink:var(--text);--ap-paper:var(--bg);--ap-accent:var(--accent);margin:44px auto 64px;width:100%;max-width:1100px;color:var(--ap-ink)}
.ap-study__visual{display:block;width:100%;height:auto;overflow:visible}
.ap-study__visual text{font-family:var(--font-body);font-weight:400}
.ap-study__wire{fill:none;stroke:var(--ap-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Runs once (under 5 s), so no pause control is needed; waits while offscreen. */
.ap-study__route-sweep{animation:ap-route-sweep 4s linear 1}
.ap-study[data-offscreen="true"] *{animation-play-state:paused!important}
@keyframes ap-route-sweep{to{transform:translateY(856px)}}
@media(max-width:600px){.ap-study{margin:32px auto 48px}.ap-study__visual{width:calc(100% + 32px);max-width:none;margin-left:-16px}.ap-study .audi-compare__controls{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.ap-study__annotation{display:none}}
@media(prefers-reduced-motion:reduce){.ap-study *{animation:none!important}.ap-study__route-sweep{display:none}}