/* One native document handoff; the header keeps its position and identity. */
/* Prevent an initial native smooth hash scroll from competing with the bookmark.
   The temporary marker is removed after layout settles or on any user input. */
:root[data-locale-reading-settling] { scroll-behavior: auto !important; }
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  /* A new page is live by default, even if its reveal event is skipped or late.
     Only the confirmed outgoing page opts its snapshot names in. */
  :root, .site-header { view-transition-name: none; }
  :root[data-page-departure] { view-transition-name: root; }
  :root[data-page-departure] .site-header { view-transition-name: etar-site-header; }
  .main-navigation, .capabilities-panel { view-transition-name: none; }
  :root[data-page-departure] [data-menu-handoff] { view-transition-name: etar-navigation-menu; }
  ::view-transition { pointer-events: none; }
  ::view-transition-group(root) { animation: none; }
  ::view-transition-image-pair(root) { isolation: isolate; }
  ::view-transition-old(root) {
    animation: etar-page-out 240ms cubic-bezier(.4,0,1,1) both;
    mix-blend-mode: normal;
  }
  ::view-transition-group(etar-site-header),
  ::view-transition-new(etar-site-header) { animation: none; }
  ::view-transition-old(etar-site-header) { animation: none; opacity: 0; }
  ::view-transition-group(etar-navigation-menu) { animation: none; z-index: 2; }
  ::view-transition-old(etar-navigation-menu) {
    animation: etar-navigation-depart 160ms cubic-bezier(.4,0,1,1) both;
    mix-blend-mode: normal;
  }
}
@keyframes etar-navigation-depart { to { opacity: 0; } }
@keyframes etar-page-out { to { opacity: 0; transform: translateY(-6px); } }
@media (max-width: 767px) {
  @keyframes etar-page-out { to { opacity: 0; transform: translateY(-4px); } }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}
@media print {
  ::view-transition { display: none; }
}
