/* 画面のいちばん下のリンクと、ご意見・ご要望の画面（feedback.html）・見つからない URL を開いたときの画面（404.html） */
/* ---- 画面のいちばん下の「ご意見・ご要望（間違いの指摘など）」「コメント欄」のリンク ---- */

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 24px;
  font-size: 0.9rem;
}

.app-footer .footer-links {
  margin-bottom: 8px;
}

/* ---- ご意見・ご要望の画面（feedback.html） ---- */

/* フォームだけの画面なので、読み書きしやすい幅にする（入力欄の見た目は .posts-page と同じ）。
   見つからない URL を開いたときの画面（404.html）も、短い案内だけなので同じ幅 */
.feedback-page,
.not-found-page {
  max-width: 760px;
}

/* ---- 見つからない URL を開いたときの画面（404.html）の、ほかの画面へのリンク ---- */
.not-found-links {
  margin: 8px 0 0;
  padding-left: 1.4em;
  line-height: 1.9;
}