/* 3.9.0 Accessibility layer */
.skip-link:focus {
    position: fixed !important;
    left: 16px !important;
    top: 16px !important;
    z-index: 100000 !important;
    width: auto !important;
    height: auto !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    background: #fff !important;
    color: #111 !important;
    border: 2px solid currentColor !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.18) !important;
    text-decoration: none !important;
}

:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--ca-accent, #c133a7) 72%, #fff);
    outline-offset: 3px;
}

.ca-search-panel[hidden] { display: none !important; }
.ca-search-panel:focus-within { z-index: 1001; }

@media (forced-colors: active) {
    :focus-visible { outline: 2px solid Highlight; outline-offset: 3px; }
    .skip-link:focus { background: Canvas !important; color: CanvasText !important; border-color: Highlight !important; }
}