.site-footer {
    background: var(--color-bg-soft);
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
}

.site-footer__inner {
    width: min(100% - var(--space-6), var(--container-xl));
    margin-inline: auto;
    padding-block: var(--space-12);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
}

.site-footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
}

.site-footer__nav a {
    color: var(--color-text-body);
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    transition: color 0.15s ease;
}

.site-footer__nav a:hover {
    color: var(--color-accent);
}

.site-footer__meta {
    color: var(--color-text-muted);
    font-size: var(--font-size-caption);
}

@media (max-width: 640px) {
    .site-footer__inner {
        width: min(100% - var(--space-4), var(--container-xl));
        align-items: flex-start;
        flex-direction: column;
        gap: var(--space-4);
    }
}