/* ───────────────── Footer ───────────────── */
.site-footer{
  background:var(--panel); text-align:center; padding:1rem 0;
  font-size:var(--step--1); color:var(--muted); border-top:1px solid var(--muted);
}
.site-footer .container{display:flex; flex-direction:column; align-items:center}
.site-footer p{
  width:100%; border-top:1px solid rgba(255,255,255,.1);
  padding-top:1.5rem; padding-bottom:.5rem; margin:0;
}
.social-links{
  display:flex; justify-content:center; gap:1.5rem; width:100%;
  padding-bottom:1.5rem;
}
.social-links a{
  color:var(--muted); font-size:var(--step-1);
  transition: color .2s ease, transform .2s ease;
}
.social-links a:hover{color:var(--brand); transform:translateY(-2px)}