/* Masonry の inline style を殺す */
.um-members.um-members-grid {
  position: static !important;
  height: auto !important;
}

.um-members.um-members-grid .um-member {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
}

/* ===== Ultimate Member 会員ディレクトリ：グリッドレイアウト ===== */

/* 親：横幅いっぱい、モバイル2列、gap 2rem */
.um-members.um-members-grid {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* SP：2列 */
  gap: 2rem;
  align-items: stretch; /* 行内のカード高さを揃える */
}

/* PC は 4 列 */
@media (min-width: 1024px) {
  .um-members.um-members-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* PC：4列 */
  }
}

/* カード本体：UM デフォルトの float レイアウトを無効化しつつカード化 */
.um-members.um-members-grid .um-member {
  float: none !important;
  margin: 0 !important;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;

  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0,0,0,.04);
  overflow: hidden;
}

/* カード内を伸ばして高さ揃えを安定させる */
.um-members.um-members-grid .um-member-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Masonry 用のガター要素は邪魔なので非表示 */
.um-members.um-members-grid .um-gutter-sizer {
  display: none !important;
}

/* hover 演出（お好みで） */
.um-members.um-members-grid .um-member:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transform: translateY(-2px);
  transition: all .15s ease;
}