.footer {
  background: var(--bg-panel);
  border-top: 1px solid var(--border);
  padding: 12px 32px;
  text-align: center;
  font-size: 12px;
  color: var(--text-muted);
}

.footer a {
  color: var(--accent);
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .footer {
    padding: 12px 16px;
    font-size: 11px;
  }
}