/* ==========================================================================
   p-faq — よくある質問（23_Faq）固有
   ========================================================================== */

/* ---- ページ見出し（Figma: sec-page-header）c-page-header の間隔を上書き ----
   PC: タイトル → リード 8px / 見出し行 → アンカーナビ 64px
   SP: タイトル → リード 16px / 見出し行 → アンカーナビ 32px */
.p-faq-header .c-page-header__inner {
  gap: var(--space-64);
}

.p-faq-header .c-page-header__title-row {
  gap: var(--space-8);
}

/* ---- FAQ 回答（SCF の WYSIWYG で入力される本文。中の要素にはクラスが付かない） ---- */
.p-faq-answer {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}

.p-faq-answer a {
  color: var(--color-text-brand);
}

.p-faq-answer a:hover {
  text-decoration: underline;
}

@media (max-width: 1023px) {

  .p-faq-header .c-page-header__inner {
    gap: var(--space-32);
  }

  /* タイトル → リードの間とリードの文字（SP 8px・16px / 28px）は c-page-header の既定のまま（静的HTML の c-page-title と同じ） */

  .p-faq-answer {
    gap: var(--space-24);
  }
}