/* Only the page region participates in the transition; the site shell stays put. */
#pd-page-content {
  display: flow-root;
}

#pd-page-content.pd-page-leaving {
  opacity: 0;
  transition: opacity 100ms ease;
  pointer-events: none;
}

#pd-page-content.pd-page-entering {
  animation: pd-page-enter 180ms ease both;
}

@keyframes pd-page-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #pd-page-content.pd-page-leaving { transition: none; }
  #pd-page-content.pd-page-entering { animation: none; }
}