/* =============================================================
   sections/faq-groups.css — カテゴリ別 Q&A（faq）
   -------------------------------------------------------------
   出典: pages/05-faq の②。
        Q&A の組みは components.css の .faq-list / .faq-group / .faq-item が持つ。
        section 名を faq-list ではなく faq-groups としたのは、.faq-list が上流の
        コンポーネントクラスとして既に使われており、ルートクラスと衝突するため。
   ルートクラス .faq-groups の配下だけに限定する。他 section へ副作用を出さない。
   バンド差分は assets/css/bands/ 側。
   ============================================================= */

/* 直前の lead-hero（見出し）とこの区画はどちらも tile-light で、間の 12px の隙間も白。
   **色が変わらないので 2 枚は 1 つの白い面に見える**のに、--space-section(80px) が
   lead-hero の下とこの区画の上の両方に効き、見出しと最初の質問の間が 172px も空いていた。
   こちらの上パディングを落とし、lead-hero の下 80px だけを区切りとして使う（2026-09-11）。
   上流は `.tile-utility:has(.faq-list)` だが、ここは section ルートクラスで同じ 1 枚を指す。 */
.faq-groups { padding-top: 0; }