/* Shared return controls for service and supporting pages. */
.support-navigation { position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); z-index: 20; display: flex; align-items: center; gap: 10px }
.support-navigation a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; background: var(--ink, #161514); color: var(--paper, #f5f3ef); text-decoration: none; box-shadow: 0 8px 24px #16151420; transition: background .2s, color .2s, transform .2s }
.support-home { gap: 8px; padding: 10px 18px; border-radius: 999px; font-size: 14px; font-weight: 600 }
.support-top { width: 48px; border-radius: 50%; outline: 3px solid var(--sun, #ffc83d); outline-offset: -5px; font-size: 25px; line-height: 1 }
.support-navigation a:hover { background: var(--sun, #ffc83d); color: var(--ink, #161514); transform: translateY(-2px) }
.support-navigation a:focus-visible { outline: 3px solid var(--ink, #161514); outline-offset: 4px }
.shell > footer { padding-bottom: 100px }
@media (max-width: 480px) { .support-navigation { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)) } }
@media (prefers-reduced-motion: reduce) { .support-navigation a { transition: none } }