/**
 * FAQページ（tokens.css の変数だけを使う）
 */
.faq { padding-top: var(--space-5); }
.faq-title { font-size: var(--fs-2xl); margin-bottom: var(--space-2); }
.faq-description { color: var(--text-sub); font-size: var(--fs-sm); margin-bottom: var(--space-6); }
.faq-list { display: grid; gap: var(--space-3); }
.faq-item { background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-4) var(--space-5); }
.faq-question { font-size: var(--fs-base); margin-bottom: var(--space-2); }
.faq-question::before { content: 'Q. '; font-family: var(--font-number); color: var(--secondary); }
.faq-answer { font-size: var(--fs-sm); color: var(--text-sub); }
.faq-cta { margin-top: var(--space-7); text-align: center; }
.faq-cta h2 { font-size: var(--fs-lg); margin-bottom: var(--space-2); }
.faq-cta p { color: var(--text-sub); font-size: var(--fs-sm); margin-bottom: var(--space-4); }