/*
 * footer.css
 *
 * サイト共通フッターの見た目を整えます。
 */

.site-footer {
  background: var(--kuma-soft-bg);
  border-top: 1px solid var(--kuma-border);
}

.site-footer__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

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

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

.site-footer__copyright {
  margin: 0;
  color: var(--kuma-muted);
  font-size: 0.875rem;
}