/* ▼▼▼ 記事詳細ページの本文スタイルを追加 ▼▼▼ */
#post-content {
  font-size: 1.1rem; /* 文字サイズを少し大きくして読みやすく */
  line-height: 1.8; /* 行間を広げて窮屈さをなくす */
  max-width: 720px; /* 一行が長くなりすぎないように最大幅を設定 */
  margin-left: auto; /* 中央揃え（右側の余白） */
  margin-right: auto; /* 中央揃え（左側の余白） */
}

/* 本文内の見出し(h2, h3)の下に、適度な余白を追加 */
#post-content h2 {
  margin-top: 2.5rem;
  border-bottom: 2px solid #dee2e6; /* 境界線を追加 */
  padding-bottom: 0.5rem;
}
#post-content h3 {
  margin-top: 2rem;
}

/* ダークモード時の見出しの境界線 */
[data-bs-theme="dark"] #post-content h2 {
  border-bottom-color: #495057;
}

/* 本文内の画像がコンテナからはみ出ないようにする */
#post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.25rem; /* 画像の角を少し丸くする */
}