/* Shared keyboard focus for Site and Blog, with a fallback for older browsers. */
html body a[href]:focus,
html body button:focus,
html body input[type="button"]:focus,
html body input[type="submit"]:focus,
html body input[type="reset"]:focus,
html body [role="button"]:focus {
    outline: 2px solid #4b7300;
    outline-offset: 3px;
}

/* Pointer activation should not leave the legacy Bootstrap focus rectangle. */
@supports selector(:focus-visible) {
    html body a[href]:focus:not(:focus-visible),
    html body button:focus:not(:focus-visible),
    html body input[type="button"]:focus:not(:focus-visible),
    html body input[type="submit"]:focus:not(:focus-visible),
    html body input[type="reset"]:focus:not(:focus-visible),
    html body [role="button"]:focus:not(:focus-visible) {
        outline: none;
    }
}