.site-footer {
    background: var(--surface);
    padding: 2rem 0;
    margin-top: 3rem;
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 1rem;
}
.footer-column h3 { margin-bottom: 0.5rem; }
.footer-column a { display: block; color: var(--text-light); margin-bottom: 0.3rem; }
.footer-bottom { text-align: center; padding: 1rem; color: var(--muted); border-top: 1px solid var(--border); margin-top: 1rem; }