/* カード全体のスタイル */
.post-card {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* アニメーション効果 */
  text-decoration: none; /* リンクの下線を消す */
  color: inherit; /* 親要素の色を継承 */
  display: block; /* カード全体をブロック要素にする */
}

/* ホバー時のスタイル */
.post-card:hover {
  transform: translateY(-5px); /* 少し上に浮き上がる */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* 影を濃ゆくする */
  color: inherit; /* ホバー時も色を変えない */
}

/* サムネイル画像のスタイル */
.post-card-img {
  width: 100%;
  height: 150px; /* 高さを固定 */
  object-fit: cover; /* 画像の比率を保ったままトリミング */
}

/* ダークモード時のホバーエフェクト */
[data-bs-theme="dark"] .post-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.1); /* 白い影 */
}