/* The shared footer. Same markup and styling on every page; inherits the
   page's text colour so it works on both light and dark backgrounds. */
.site-footer {
    text-align: center;
    margin-top: 3rem;
    padding: 0.8rem 0;
    font-size: 0.9rem;
}

.site-footer a,
.site-footer a:link,
.site-footer a:visited {
    color: inherit;
    text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus-visible {
    color: #a3438f;
    text-decoration: underline;
}

.site-footer .sep {
    padding: 0 0.4rem;
    color: #b5b5b5;
}

@media (prefers-color-scheme: dark) {

    .site-footer a:hover,
    .site-footer a:focus-visible {
        color: #c470b8;
    }

    .site-footer .sep {
        color: #6a6a6a;
    }
}