/* Shared by the current and retained legacy templates. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 3px solid #2563eb;
    outline-offset: 3px;
}
#header a:focus-visible, #titleBar a:focus-visible {
    outline-color: #ffffff;
}
#header > nav ul li a.active:focus-visible {
    outline-color: #2563eb;
    outline-offset: -5px;
}
#header a:hover, #header a:focus-visible, #titleBar .title a {
    color: #ffffff !important;
}
#header > nav ul li a.active:hover, #header > nav ul li a.active:focus-visible {
    color: #72130d !important;
}
.button:not(.primary), input[type="button"]:not(.primary), input[type="reset"] {
    background-color: #626262;
    color: #ffffff !important;
}
.button:not(.primary):hover, input[type="reset"]:hover {
    background-color: #484848;
}
@media (max-width: 1024px) {
    #main [id] { scroll-margin-top: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

.button.primary:hover, .button.primary:focus-visible {
    color: #ffffff !important;
}