/* Service pages, phones: the two scrolling tag rows sit closer together, and closer to the line above them. */
@media (max-width: 768px) {
  .svp-scope-title {
    margin-bottom: 0.9rem;
  }

  .svp-tickers {
    gap: 0.1rem;
  }

  .svp-ticker {
    padding-block: 0.3rem 0.85rem;
  }
}

/* The carloans365 frame scrolls itself on touch screens. It waits, still at the top, until the frame is on screen (script.js adds .is-playing). */
@media (hover: none) {
  .svp-cta-browser .svp-browser-view img {
    animation-play-state: paused;
  }

  .svp-cta-browser.is-playing .svp-browser-view img {
    animation-play-state: running;
  }
}