/* ============================================================
   faq.html 専用スタイル
   style.css のトークン(var(--yg-*)/--sb-*/--text-*)のみを使用
   ============================================================ */

/* カテゴリ一覧(アンカーナビ) */
.faq-cat-nav {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px;
}
.faq-cat-nav a {
  display: inline-block; padding: 9px 18px; border-radius: 999px;
  border: 1px solid var(--line-soft); background: #fff;
  font-size: 13.5px; font-weight: 700; color: var(--text-mid);
  text-decoration: none; transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.faq-cat-nav a:hover { border-color: var(--yg-300); color: var(--yg-700); background: var(--yg-50); }

/* カテゴリ見出し */
.faq-cat__title { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.faq-cat__count {
  font-size: 12.5px; font-weight: 700; color: var(--sb-700);
  background: var(--sb-50); border-radius: 999px; padding: 3px 13px;
}

/* 背景の帯分け(交互) */
.section--tint-green { background: var(--bg-tint-green); }
.section--tint-blue { background: var(--bg-tint-blue); }