/* faq.css — /faq/ 固有。<details> の部品は b2b.css（.b2b-faq）。色は var(--color-*) のみ。 */

/* ---- hero（写真なし。ink 地のみ。image-spec.md #15） ---- */
.hero-faq{min-height:420px}
.hero-faq .hero-sub{margin-bottom:1.75rem}
@media screen and (max-width:768px){.hero-faq{min-height:0}}

/* ---- ジャンプ（4 グループへのページ内リンク。タップ領域 44px） ---- */
.faq-jump{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.faq-jump-label{font-family:'Schibsted Grotesk','Zen Kaku Gothic New';font-size:0.78rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-pale);margin-right:0.25rem}
.faq-jump-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 1.125rem;border-radius:999px;border:1.5px solid var(--color-white-40);font-size:0.875rem;font-weight:700;color:var(--color-white);transition:border-color .2s,background .2s}
.faq-jump-chip:hover{border-color:var(--color-white);background:var(--color-white-12);color:var(--color-white)}
.faq-jump-chip:focus-visible{outline:3px solid var(--color-amber);outline-offset:3px}

/* ---- 印刷: 全ての回答を開いた状態で刷る指定は CSS だけではできないので、閉じた質問は見出しだけが出る ---- */
@media print{
  .faq-jump{display:none !important}
}