/* 场景指南的补充样式。
 *
 * 页面外壳、导航、页脚、正文排版（.doc-body / 提示块 / 表格 / 卡片）全部复用 help.css ——
 * /help 与 /guide 是同一站点的两个栏目，必须是一套设计语言，差别只在版式：
 * 帮助文档是「查」，指南是「读」，所以指南用更窄的正文栏、居中的栏目头、文末引导卡。
 *
 * tokens.css 也由构建脚本从 src/style.css 的 :root 抽取生成，本文件不定义任何 token。
 */

/* 正文栏比帮助中心窄。680 这个数不是拍的：
 * `max-width − padding×2 = 内容宽`，16.5px 中文按一字宽算 ——
 *   820 → 764px → 46.3 汉字/行（**超过 WCAG 1.4.8 对 CJK 的 40 字上限**）
 *   680 → 624px → 37.8 汉字/行（落在 25–40 舒适区）
 * 文章「读起来累」最直接的物理原因就是行太长，而它只是一个数。 */
.help-guide {
  max-width: 680px;
  margin: 0 auto;
  padding: 100px 28px 80px;
}

.guide-head {
  text-align: center;
  padding: 20px 0 40px;
}

.guide-head h1 {
  margin: 0 0 12px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.25;
}

/* 文末引导：指南的落点不是「读完」，而是「去发起一次」。
   但也不做成横幅广告 —— 放在正文流里，和上下篇卡片同样的分量。 */
.guide-cta {
  margin-top: 44px;
  padding: 22px 24px;
  border: 1px solid var(--border, #e5e7e2);
  border-radius: 14px;
  background: var(--brand-subtle, #f3f6f3);
}

.guide-cta__title {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 600;
  color: var(--text-primary, #202421);
}

.guide-cta p {
  margin: 0 0 6px;
  font-size: 15px;
  color: var(--text-secondary, #656b66);
  line-height: 1.7;
}

.guide-cta__links {
  margin-top: 12px !important;
}

.guide-cta__links a {
  color: var(--brand-dark, #4f6458);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* 列表页：复用 .doc-card，只是日期标签换成发布时间 */
.page-guide .doc-list {
  max-width: 820px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .help-guide {
    padding: 92px 20px 56px;
  }
}

@media (max-width: 767px) {
  .help-guide {
    padding: 84px 16px 48px;
  }

  .guide-head {
    padding: 8px 0 28px;
  }

  .guide-head h1 {
    font-size: 27px;
  }
}