.skip-link{position:fixed;top:-100%;left:50%;transform:translateX(-50%);z-index:9999;background-color:var(--color-primary);color:white;padding:var(--spacing-sm) var(--spacing-lg);min-height:var(--touch-target-min);font-size:var(--font-size-base);font-weight:600;text-decoration:none;white-space:nowrap;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.3);transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:none;box-shadow:0 4px 12px rgba(0,0,0,.3),0 0 0 3px white,0 0 0 6px var(--color-primary)}.skip-link:hover{background-color:var(--color-primary-hover)}:root.dark .skip-link{background-color:var(--color-primary);color:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,.5)}:root.dark .skip-link:focus{box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 3px var(--color-background),0 0 0 6px var(--color-primary)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}@media (forced-colors:active){.skip-link{border:2px solid CanvasText;background:Canvas;color:CanvasText}.skip-link:focus{outline:3px solid CanvasText;outline-offset:2px}}