/* よくある質問ページ */
/* カテゴリー絞り込みの共通スタイルは main.css を参照。ここでは faq 固有の見た目のみ定義する */

.category-selector--faq .category-selector__title::before {
  -webkit-mask: url("../images/icons/questionnaire-sheet.svg") center / contain no-repeat;
  mask: url("../images/icons/questionnaire-sheet.svg") center / contain no-repeat;
}

.category-selector--faq {
  max-width: var(--text-content-max-width);
  margin: 0 auto 3rem;
}

.faq-groups {
  display: grid;
  max-width: var(--text-content-max-width);
  margin-inline: auto;
  gap: 3rem;
}

.faq-group {
  min-width: 0;
}

.faq-groups .faq-list {
  max-width: none;
}

.faq-empty {
  max-width: var(--text-content-max-width);
  margin: 0 auto;
  color: var(--muted);
}

@media (min-width: 768px) {
  .category-selector--faq {
    margin-bottom: 3.75rem;
  }

  .category-selector__options--faq {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1.25rem;
  }

  .faq-groups {
    gap: 3.75rem;
  }
}