.site-footer {
  width: 100%;
  margin-top: auto;
  padding: 1.8rem 1rem 1.2rem;
  box-sizing: border-box;
  text-align: center;
  border-top: 1px solid color-mix(in srgb, var(--accent) 10%, transparent);
  background: var(--card);
}

.footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .1em .05em;
  margin-bottom: .8rem;
}

.footer-link {
  padding: .2em .55em;
  font-size: .83rem;
  font-weight: 500;
  color: var(--muted);
  text-decoration: none;
  transition: color .15s;
}
.footer-link:hover { color: var(--accent); }

.footer-sep {
  color: color-mix(in srgb, var(--muted) 35%, transparent);
  font-size: .75rem;
  user-select: none;
}

.footer-copy {
  font-size: .76rem;
  color: var(--muted-2, var(--muted));
}

@media (max-width: 600px) {
  .site-footer { padding: 1.2rem .6rem .9rem; }
  .footer-link  { font-size: .8rem; }
}