.site-footer {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 16px;
    padding: 24px 8px 32px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: .75rem;
    line-height: 1.7;
}
.site-footer-divider { margin-inline: 12px; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { color: var(--ink); }
.site-footer a:focus-visible { outline: 2px solid var(--accent-3); outline-offset: 5px; }
@media (max-width: 600px) {
    .site-footer { padding-inline: 6px; }
}