/* =============================================================
   pages/faq.css — faq ページ限定の最小調整（media 属性なし = all）
   -------------------------------------------------------------
   出典: pages/05-faq/index.html の <style>。
   上流はページごとに <style> を持っており、共通化しきれない行長などの
   わずかな差だけをここへ置く。body の .page--faq 配下に限定する。
   （plans/website/01 §4.3 / plans/design/08 §3「pages/<page>.css は最小限の調整」）
   ============================================================= */

/* 上流 faq の .body は 48ch（既定は 46ch）。.lead は上流が全ページ 34em に統一したので上書き不要 */
.page--faq .body { max-width: 48ch; }

/* リード（「頼み方〜」）を外して①が見出し 1 行だけになったので、下の 80px が空きすぎる。
   --space-xxl(48px) に詰めて Q&A をさらに 32px 引き上げる（2026-09-11）。
   ①と②は同じ tile-light なので、ここが実質「見出しと本文の間」そのものになる。
   上流は `.tile-utility:has(h1)` だが、`lead-hero` は contact でも使える section なので
   ページ側（.page--faq）へ限定して置く。②の padding-top: 0 は sections/faq-groups.css。 */
.page--faq .lead-hero { padding-bottom: var(--space-xxl); }