/* Quiet feedback: content stays visible even when JavaScript is unavailable. */
@media (prefers-reduced-motion: no-preference) {
  .ml-subtle-motion main :is(button, .hyrox-button, .public-button, input[type=submit], a[role=button]) {
    transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, translate 160ms ease;
  }
  .ml-subtle-motion main :is(button, .hyrox-button, .public-button, input[type=submit], a[role=button]):active:not(:disabled) {
    translate: 0 1px;
  }
  .ml-subtle-motion main :is(input:not([type=checkbox]):not([type=radio]), textarea, select) {
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }
  .ml-subtle-motion main :is(input:not([type=checkbox]):not([type=radio]), textarea, select):focus-visible {
    box-shadow: 0 0 0 2px rgb(10 10 10 / 10%);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ml-subtle-motion main :is(button, .hyrox-button, .public-button, input[type=submit], a[role=button]):hover:not(:disabled) {
    translate: 0 -1px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ml-subtle-motion { scroll-behavior: auto !important; }
  .ml-subtle-motion main :is(button, a, input, textarea, select) { transition: none !important; }
}