/* WCAG need to integrate and organize*/
/* Skip link: visible when focused (WCAG 2.4.1, 2.4.7) */
/* Skip link: hidden until keyboard focus */
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 9999;
}

    .skip-link:focus,
    .skip-link:focus-visible {
        left: 1rem;
        top: 1rem;
        width: auto;
        height: auto;
        padding: 0.75rem 1rem;
        overflow: visible;
        text-decoration: none;
        border-radius: 0.25rem;
        /* let it inherit your theme colors, or set explicit ones if you prefer */
        background: #fff;
        border: 2px solid #B62A32;
        color: #000;
    }



/* Ensure keyboard focus is clearly visible */
a:focus-visible,
button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}