.site-footer { border-top: 1px solid var(--color-border); background: var(--color-surface); }
.site-footer__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 32px; padding-block: 28px; }
.site-footer__brand { font-weight: 700; text-decoration: none; }
.site-footer__copyright { margin: 0; color: var(--color-muted); font-size: 14px; }
@media (max-width: 600px) {
    .site-footer__inner { flex-direction: column; align-items: flex-start; }
}