/* Shared interaction refinements loaded on every primary page. */
@media (max-width: 767px) {
  .nav-shell.nav-open {
    grid-template-rows: minmax(4.125rem, max-content) auto;
  }

  .menu-toggle,
  .site-nav > a {
    touch-action: manipulation;
  }

  #main-content[data-spa-page] .motion-ready {
    transition-duration: 240ms, 300ms;
    transition-delay:
      calc(var(--motion-order, 0) * 22ms),
      calc(var(--motion-order, 0) * 22ms);
  }
}