/* footer.css — rodapé com a mesma linguagem de caixa "à mão" dos blocos. */
.site-footer {
    position: relative;
    margin-top: var(--space-6);
    padding: var(--space-4) var(--space-5);
    font-family: var(--font-sans);
    font-size: 0.9rem;
    color: var(--muted);
}
.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--paper-box);
    border: var(--border-w) solid var(--line);
    border-radius: 24px 12px 30px 10px / 10px 28px 12px 26px;
    box-shadow: 3px 4px 0 rgba(58, 56, 47, 0.18);
    filter: url(#rough-3);
    pointer-events: none;
}
.site-footer > * { position: relative; }
.site-footer a { color: var(--muted); }
.site-footer a:hover { color: var(--ink); }