/* Ensure parent container positions correctly */
.page-content {
    position: relative;
}
/* Skip link */
.skip-nav {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(-150%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Reuse primary button styles */
    background: #2473B3;
    color: #fff;
    border: 1px solid #2473B3;
    padding: 8px 16px;
    height: 36px;
    border-radius: 4px;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    z-index: 10000;
    text-decoration: none;
    transition: transform 0.2s ease-in-out;
}

    /* Show on focus (keep SAME color to avoid "darker" feedback) */
    .skip-nav:focus,
    .skip-nav:focus-visible {
        transform: translateX(-50%) translateY(0);
        /* Keep SAME color as primary */
        background: #2473B3;
        border-color: #2473B3;
        color: #fff;
        /* Accessible focus ring */
        outline: 3px solid #ffffff;
        outline-offset: 2px;
    }

    /* Optional: very subtle hover (or remove completely) */
    .skip-nav:hover {
        background: #2473B3;
        border-color: #2473B3;
    }