/* layout_T1.css — T1 单列居中（转化型，现状A）
 *
 * 结构：Hero居中 → 卡片网格 → FAQ，全通栏
 * 适配：纯下载词页（按钮首屏最快可见）
 *
 * 依赖 seo_global.css 公共层（:root 变量 / .container / .section / .hero-v2 等）
 * 本文件仅定义 T1 特有的布局选择器。
 *
 * 引入方式：T1 站点的 <head> 在 seo_global.css 之后引入本文件：
 *   <link rel="stylesheet" href="css/global.css">
 *   <link rel="stylesheet" href="../shared-tools/layouts/layout_T1.css">
 */

/* ── T1 整页布局包裹 ── */
.t1-layout {
  max-width: 980px;
  margin: 0 auto;
}

/* T1 的正文区：继承 .section 的 padding，但去掉多余嵌套 */
.t1-layout .section {
  padding: 36px 0;
}

/* T1 正文（build() 输出的裸 h2/p，不在 .main-content 内），
   补齐与 .main-content 一致的排版，避免退化成浏览器默认样式 */
.t1-layout > h2 {
  font-size: 22px; font-weight: 700; color: var(--gray-900);
  margin: 36px 0 14px; padding-bottom: 8px;
  border-bottom: 2px solid var(--gray-100);
}
.t1-layout > h3 { font-size: 17px; font-weight: 700; margin: 24px 0 10px; color: var(--gray-900); }
.t1-layout > p { margin-bottom: 14px; }
.t1-layout > ul, .t1-layout > ol { padding-left: 20px; margin-bottom: 14px; }
.t1-layout > li { margin-bottom: 6px; }

/* T1 的 FAQ 区：居中限宽 */
.t1-layout .faq-v2 {
  max-width: 720px;
  margin: 40px auto;
}

/* ── 移动端响应 ── */
@media (max-width: 768px) {
  .t1-layout {
    max-width: none;
  }
}