/* Shared same-origin page transition: subtle fade-through, with no added navigation delay. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: route-page-out 120ms cubic-bezier(.2,.72,.22,1) both; }
  ::view-transition-new(root) { animation: route-page-in 210ms cubic-bezier(.2,.72,.22,1) both; }
  @keyframes route-page-out { to { opacity: .78; transform: scale(.997); } }
  @keyframes route-page-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
}

.hero-guide-link {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  padding: 0 12px; color: var(--color-muted, #a8a2c4); text-underline-offset: .24em;
  transition: color 160ms ease-out;
}
.hero-guide-link:hover { color: var(--color-text, #f2effa); }
.hero-guide-link:focus-visible { outline: 2px solid var(--color-gold, #d9b45c); outline-offset: 3px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .hero-guide-link { transition: none; } }