/* Snapshot animation only: page widths, padding, backgrounds and layout stay unchanged. */
@media screen and (scripting: enabled) and (width > 90rem) and (prefers-reduced-motion: no-preference) {
  /* Declare opt-in before first paint; JavaScript only selects eligible routes. */
  @view-transition {
    navigation: auto;
  }

  /* Keep the viewport snapshot fixed; use only a short opacity fade. */
  html.didww-page-transition::view-transition-group(root) {
    animation: none;
  }
  html.didww-page-transition::view-transition-old(root),
  html.didww-page-transition::view-transition-new(root) {
    animation-duration: 100ms;
    animation-timing-function: ease-out;
  }
  html.didww-page-transition::view-transition-old(root) {
    animation-name: didww-page-fade-out;
  }
  html.didww-page-transition::view-transition-new(root) {
    animation-name: didww-page-fade-in;
  }
}

@keyframes didww-page-fade-out {
  to { opacity: 0; }
}
@keyframes didww-page-fade-in {
  from { opacity: 0; }
}