/* The shared shell remains a real, continuously painted document. */
html[data-page-router] { scroll-behavior: auto; }
.navigation-status:empty { display: none; }
.navigation-status { margin: 16px 20px; color: #653917; font: 500 1rem/1.45 var(--sans); }
.mobile-key[data-route-intent]:has(.key-face) { --journal-depth: 1; transition-duration: 80ms; }
.site-nav a[data-route-intent]:not([data-key-held]) { --journal-depth: .8333333333; transition-duration: 80ms; }
.site-nav:has([data-route-intent]:not([aria-current])) a[aria-current] { --journal-depth: 0; }
.mobile-menu-grid:has([data-route-intent]:not([aria-current])) .mobile-key[aria-current] { --journal-depth: 0; }
.mobile-key[data-route-painted] svg {
  color: #fff3a2;
  filter: drop-shadow(0 0 2px #ffc04a) drop-shadow(0 0 5px #ef8c28b3);
}
.mobile-key[data-route-intent]:not([data-route-painted]) svg { color: var(--cap-ink); filter: none; }
.mobile-menu-grid:has([data-route-intent]:not([aria-current])) .mobile-key[aria-current] svg { color: var(--cap-ink); filter: none; }
.site-menu[data-enhanced] nav { animation: none !important; transition: none !important; }
html:not([data-key-motion]) .site-menu::details-content { transition: none; }
html:not([data-key-motion]) .site-menu[open] nav { animation: none; transition: none; transform: none; opacity: 1; }
.site-menu[data-enhanced] nav[data-moving] { will-change: transform; }
@media (max-width:820px) {
  .site-menu[data-enhanced] nav { transform: translateY(100%); opacity: 1; }
  .site-menu[data-enhanced][open] nav { transform: none; }
  .mobile-menu-footer { margin-top: 32px; }
  .mobile-menu-route, .mobile-install, .home-hero > .route { display: none; }
}
@media (prefers-reduced-motion:reduce) {
  .site-menu[data-enhanced] nav { will-change: auto; }
}