/* ================================================================
   footer.css — 共通フッター
   両ページで <footer class="site-footer"> として使用
   ================================================================ */

.site-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 20px 20px;
  border-top: 1px solid var(--sep);
}

.site-footer p {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--text-sm);
  color: var(--label-3);
  line-height: 1.5;
  flex-wrap: wrap;
  justify-content: center;
}

.site-footer svg {
  color: var(--label-4);
  flex-shrink: 0;
}

.site-footer a {
  color: var(--label-2);
  text-decoration: none;
  transition: color var(--t-fast);
}
.site-footer a:hover { color: var(--label-1); }

.site-footer .sep {
  color: var(--label-4);
  user-select: none;
}