/* Motion pause/play toggle (WCAG 2.2.2 Pause, Stop, Hide).
   Injected by /scripts/motion-toggle.js into auto-scrolling strips, as a
   direct child of the host section (outside any aria-hidden clone run).
   The host needs position: relative and carries .m-paused when paused —
   each consumer pairs that class with its own
   `animation-play-state: paused` rule on its track. */

.m-toggle {
  position: absolute;
  top: 50%;
  right: 0.556rem; /* 10px ÷18 */
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.778rem;  /* 32px ÷18 */
  height: 1.778rem;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: var(--background, transparent);
  color: var(--text-color);
  cursor: pointer;
  opacity: 0.65;
}

.m-toggle:hover,
.m-toggle:focus-visible {
  opacity: 1;
}

.m-toggle .m-tgl-play { display: none; }
.m-paused .m-toggle .m-tgl-play { display: block; }
.m-paused .m-toggle .m-tgl-pause { display: none; }