/* =======================================================
   Zulu Code — shared base, loaded on every page
   Skip link, focus ring, page-to-page transitions
   ======================================================= */

/* Skip link: off-screen until focused by keyboard */
.skip-to-content {
    position: fixed;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 10001;
    padding: 0.7rem 1.1rem;
    border-radius: 999px;
    background: #ffffff;
    color: #0a0a0a;
    font: 600 0.875rem/1 'Outfit', sans-serif;
    text-decoration: none;
    transform: translateY(-200%);
    transition: transform 0.2s ease;
}
.skip-to-content:focus,
.skip-to-content:focus-visible {
    transform: translateY(0);
    outline: 2px solid #E5006D;
    outline-offset: 3px;
}

/* Keyboard focus, invisible to mouse users */
:where(a, button, summary, [tabindex]):focus-visible {
    outline: 2px solid #00A896;
    outline-offset: 3px;
}

/* Cross-document view transitions: pages fade into each other
   in browsers that support it; everyone else navigates normally. */
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.35s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
    @view-transition { navigation: none; }
    .skip-to-content { transition: none; }
}