/* ── SPA Page Visibility ──────────────────────────────── */
.spa-page { display: none; }
.spa-page.active { display: block; }

/* ── SPA Route Transition ─────────────────────────── */
#spa-main {
  animation: spa-fade-in .2s ease-out;
}

@keyframes spa-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}