/* ============================================================
   main.css — Structural page rules (view-transitions, shell)
   Home-page component styles have been moved out; museum pages
   use museum.css exclusively for component styling.
   ============================================================ */

/* ── View transitions ──────────────────────────────────────── */
@view-transition { navigation: auto; }

header { view-transition-name: header; }
main, footer { view-transition-name: main; }

::view-transition-old(main),
::view-transition-new(main) { animation: none; }

/* ── Page shell ────────────────────────────────────────────── */
.page-content {
  padding-top: var(--nav-height);
}