/* app-shell.css — shared styles for persistent nav + Swup transitions. */ /* ========================================================= ACCESSIBILITY — skip-to-content link for keyboard users. Hidden off-screen until focused; then slides into view so tab order starts with a way to bypass the nav. ========================================================= */ .skip-to-content { position: fixed; top: 12px; left: 12px; z-index: 10000; padding: 12px 18px; border-radius: 999px; background: var(--ink, #17191c); color: var(--paper, #f4f1ec); font-family: var(--font-display, "Space Grotesk", system-ui, sans-serif); font-size: 14px; font-weight: 600; text-decoration: none; transform: translateY(-200%); transition: transform 0.18s ease; box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.4); } .skip-to-content:focus, .skip-to-content:focus-visible { transform: translateY(0); outline: 2px solid var(--accent, #ff6a1f); outline-offset: 2px; } /* Screen-reader-only helper (visible only to assistive tech). */ .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= CORE THEME — must live OUTSIDE per-page