.public-motion-control:not([hidden]) {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  min-height: 32px;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.public-motion-control input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #e7e0d5;
}
.public-motion-control:has(:focus-visible) {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
html[data-public-motion="reduced"] { scroll-behavior: auto !important; }
html[data-public-motion="reduced"] .standon-public *,
html[data-public-motion="reduced"] .standon-public *::before,
html[data-public-motion="reduced"] .standon-public *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

/* WCAG 2.2 SC 2.2.2, plan operativo 26/09/2026: one discreet pause control on
   pages with motion longer than five seconds. Pausing sets the shared
   data-public-motion="reduced" state, which stops the film, the ribbon, the
   examples and the orbits. */
html[data-brand="standon"] .standon-public .public-motion-pause {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #faf9f5;
  color: #141413;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html[data-brand="standon"] .standon-public .public-motion-pause[hidden] { display: none; }
html[data-brand="standon"] .standon-public .public-motion-pause svg { display: block; width: 16px; height: 16px; fill: currentColor; }
html[data-brand="standon"] .standon-public .public-motion-pause[aria-pressed="true"] .public-motion-pause__pause,
html[data-brand="standon"] .standon-public .public-motion-pause:not([aria-pressed="true"]) .public-motion-pause__play { display: none; }
html[data-brand="standon"] .standon-public .public-motion-pause:focus-visible { outline: 2px solid #141413; outline-offset: 4px; }
html[data-page="home"] .standon-public .horizon-top .public-motion-pause { right: 16px; bottom: 16px; }
html[data-page="home"] .standon-public .horizon-top .public-motion-pause:focus-visible { outline-color: #faf9f5; }
html[data-page="training"] .standon-public .tr-method .public-motion-pause { top: 8px; right: 8px; background: #efebe3; }
@media (max-width: 760px) {
  html[data-page="home"] .standon-public .horizon-top .public-motion-pause { right: 12px; bottom: 12px; }
}