/* Native cross-document transitions: same-origin opt-in, with no JavaScript routing.
 * https://developer.chrome.com/docs/web-platform/view-transitions/cross-document
 * Enqueue only for home/news/category/article contexts, never for the e-paper reader.
 */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  ::view-transition-group(root) { animation: none; }
  ::view-transition-old(root) { animation: pi-navigation-fade-out 140ms ease-out both; }
  ::view-transition-new(root) { animation: pi-navigation-fade-in 140ms ease-out both; }

  @keyframes pi-navigation-fade-out { from { opacity: 1; } to { opacity: 0; } }
  @keyframes pi-navigation-fade-in { from { opacity: 0; } to { opacity: 1; } }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}

/* The active category can be aligned without animating or scrolling the document. */
.pi-mobile-categories { scroll-behavior: auto; overscroll-behavior-x: contain; }