/* Section scrolling is controlled by one cancellable animation. */
html:root { scroll-behavior: auto; scrollbar-gutter: stable; background: var(--ivory, #f4eee4); }
:is(main, section, article)[tabindex="-1"]:focus { outline: none; box-shadow: none; }
.mobile-menu li { animation-duration: .2s; animation-delay: calc(var(--i) * 20ms); }
/* The inline studio loader owns full-page handoffs; no competing root fade. */
@view-transition { navigation: none; }
@media (prefers-reduced-motion: reduce) {
  .mobile-menu li { animation: none; opacity: 1; transform: none; }
}