/* トップ JOURNAL（#media）：スタッフブログの新着4本＋「スタッフブログ一覧へ」「代表のジャーナルへ」（2026-10-20）
   カードの見た目は home.css の .media-item をそのまま使い、ここは並べ方とボタンの並びだけ。 */
.media-staff-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 48px clamp(20px, 2vw, 32px);
}
.media-foot-2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px clamp(32px, 5vw, 64px);
}
@media (max-width: 1024px) {
  .media-staff-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .media-staff-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .media-foot-2 { flex-direction: column; align-items: center; }
}