.skip-link {
    position: absolute !important;
    left: 50% !important;
    top: -40px !important; /* Starts offscreen */
    transform: translateX(-50%) !important;
    background: #444 !important;
    color: #fff !important;
    font-size: 0.94em !important;
    line-height: 1.7em !important;
    padding: 10px 15px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    z-index: 1000 !important;
    border-bottom-width: 0 !important;
    outline: 0 !important;
    opacity: 0 !important; /* Fully hidden by default */
    pointer-events: none !important; /* Prevents interaction when hidden */
}

.skip-link:focus,
.skip-link:focus-visible {
    position: absolute !important;
    top: 10px !important; /* Moves it into view */
    opacity: 1 !important; /* Makes it visible */
    pointer-events: auto !important; /* Allows interaction */
}