/* ---------- section-faq.css — 常见问题手风琴（通用，复用 base.css .lf-faq__* 契约） ----------
   结构：标题区（H2 + em 朱砂强调 + 副题）→ 手风琴列表（max-width 居中）→ 底部 CTA
   令牌：G §13，禁裸 hex；列表复用全局 .lf-faq__item 卡片样式（base.css §7b）；
   入场动效走全局 [data-lf-fade-in] 契约（base.css + animations.js），本节不再重复声明 */

.lf-faq-section {
  padding-block: var(--space-12) calc(var(--space-12) * 2); /* 下边距加倍（客户 2026-08） */
}

/* 连续同型 FAQ 组收敛顶距：faq 页 faq-1..4 四组连续手风琴同底色，
   上组底 padding 96px + 下组顶 48px 叠加 → 组间 144px 空档（Stage A CM-03）。
   仅压缩续组顶部，底部加倍节奏保留（其后接异型 section 仍需分隔）。
   注：section 的 stylesheet <link> 会作为兄弟节点夹在两 section 之间，
   `+` 相邻选择器无法命中 → 用一般兄弟 `~`（仅 faq.json 一页多组且严格连续）。 */
.lf-faq-section ~ .lf-faq-section {
  padding-block-start: 0;
}

.lf-faq-section__header {
  text-align: center;
  margin-block-end: var(--space-8);
}

.lf-faq-section__title {
  margin: 0;
}

.lf-faq-section__title em {
  color: var(--acc);
  font-style: normal;
}

.lf-faq-section__sub {
  max-width: 56rem;
  margin: var(--space-3) auto 0;
  color: var(--color-foreground, var(--text-secondary));
  line-height: var(--leading-body);
}

.lf-faq-section__list {
  max-width: 56rem;
  margin-inline: auto;
}

.lf-faq__question {
  flex: 1 1 auto;
}

.lf-faq-section__cta {
  margin-block-start: var(--space-8);
  text-align: center;
}

/* 首屏导航锚点跳转：留出吸顶头部高度 */
.lf-faq-section__title {
  scroll-margin-block-start: 96px;
}