/* CSS for section section:footer */
.site-footer {
  padding: 40px 0;
  border-top: 1px solid var(--bg-interactive); /* Added a top border for separation */
  color: var(--text-muted);
  font-family: 'jf-openhuninn-2.1', sans-serif;
  font-size: 16px;
}
.footer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.footer-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.footer-nav ul {
  display: flex;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-nav a, .copyright {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.social-links {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.social-links a {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.social-links a:hover {
  transform: scale(1.15);
}
.social-links img {
  width: 24px;
  height: 24px;
}
.copyright {
  margin: 0;
  text-align: center;
}