/* Layered important rules take priority over legacy page-specific focus resets. */
@layer site-focus {
    :where(a[href], button, summary, [role="button"], [role="link"]) {
        -webkit-tap-highlight-color: transparent !important;
    }

    :where(a[href], area[href], button, input:not([type="hidden"]), select, textarea, summary, iframe,
           [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"]),
           [role="button"], [role="link"]):is(:focus, :active),
    [tabindex="-1"]:focus-visible,
    [data-site-tap-focus] {
        outline: 2px solid #ed2439 !important;
        outline-offset: 2px !important;
    }

    @media (forced-colors: active) {
        :focus, :active, [data-site-tap-focus] {
            outline-color: Highlight !important;
        }
    }
}