/* The browser owns navigation; ordinary links remain fully functional. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  @media (min-width: 701px) {
    [data-reading-cover] {
      view-transition-name: var(--reading-transition);
      view-transition-class: reading-cover;
    }
  }
}
@keyframes page-fade-out { to { opacity: 0; } }
@keyframes page-fade-in { from { opacity: 0; } }
::view-transition-group(*) { animation-duration: 380ms; animation-timing-function: cubic-bezier(.22,1,.36,1); }
::view-transition-group(root) { animation-duration: 180ms; }
::view-transition-old(root) { animation: page-fade-out 180ms ease-out both; }
::view-transition-new(root) { animation: page-fade-in 180ms ease-out both; }
::view-transition-old(.reading-cover),
::view-transition-new(.reading-cover) {
  width: 100%; height: 100%; object-fit: cover;
  animation-duration: 180ms;
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}