/* adviser.css — Sec:adviser（カテゴリ絞り込みバー＋講師カードの2カラムグリッド） */
.sec-adviser {
  /* 背景は main の連続ラスターを共有（hero と継ぎ目なしで連結）。ここは透明 */
  background: transparent;
  padding-block: clamp(28px, 5vw, 56px);
}

/* カテゴリ絞り込みバー（div:btn-wrapper） */
.cat-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: clamp(20px, 3vw, 36px);
  list-style: none;
  padding: 0;
}
.cat-tabs--scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

/* 講師カードグリッド（div:card*10 → 2カラム / モバイル1カラム） */
.adviser-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--card-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 絞り込みで非表示にされたカード */
.adviser-grid__item[hidden] { display: none; }

@media (max-width: 768px) {
  .adviser-grid { grid-template-columns: 1fr; }
}