/* Multi-page architecture additions. */
body[data-page] #app { min-height: 100vh; }
body[data-page] #main-content { animation: mpa-page-enter 180ms ease both; }
@keyframes mpa-page-enter {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
body.reduced-motion #main-content { animation: none; }
.mpa-route-error { max-width: 760px; margin: 4rem auto; }
@media (prefers-reduced-motion: reduce) {
  body[data-page] #main-content { animation: none; }
}