body.site-with-footer {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}
body.site-with-footer > .site-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 .6rem;
    width: 100%;
    min-height: 2.75rem;
    margin-top: auto;
    padding: .2rem 1rem;
    border-top: 1px solid var(--clr-border, rgba(255,255,255,.18));
    background: var(--clr-glass, #202020);
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
}
.site-footer__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: .35rem .6rem;
    border-bottom: 1px solid transparent;
    color: var(--clr-muted, #bcbcbc);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    transition: color .15s, border-color .15s;
}
.site-footer__link:hover { color: var(--clr-text, #fff); border-bottom-color: currentColor; }
.site-footer__link:focus-visible { outline: 2px solid var(--clr-accent, #c8a96e); outline-offset: 4px; }
html[data-color-mode="light"] .site-footer__link { color: var(--clr-muted, #625c55); }