/* Keep the real main element, scroll position and focus owned by the router.
   Replace the former global fade, which also animated filter/form re-renders. */
#main {
  --editorial-rise: clamp(26px, 4.5vh, 48px);
}
#main.page-enter {
  animation: none;
}
@media (max-width: 991px) {
  #main { --editorial-rise: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  #main { --editorial-rise: 0px; }
}