/*
 * retech/product-section —— 产品详情段落。
 *
 * 本文件只放**产品段专有**的版式覆盖;通用版式仍由既有属主提供(E5 规则:
 * 共享类不能有两个属主):
 *   · `.retech-x-free-section`(段落纵距、图片 max-width、表格横向滚动)
 *     属主 = blocks/section/style.css
 *   · `.retech-x-art-body`(正文 88ch、表格外框/斑马纹、图片限宽)
 *     属主 = blocks/article-body/style.css
 *   · `.retech-x-section` / `.retech-x-wrap` / `.retech-x-section-head` /
 *     `.retech-x-eyebrow` / `.retech-x-h2`
 *     属主 = blocks/style-index.css
 *
 * ══════════════════════════════════════════════════════════════════════════
 * `.retech-x-prod-sec` —— 产品详情段
 *
 * 原型来源:`assets/css/solutions.css` §19.1b「产品详情:正文放宽到容器满宽」。
 * 原型那段注释本身就是客户验收意见,原样保留在这里:
 *
 *   > 问题:`.art-body` 被 `max-width:88ch` 卡成 887px,装在 1360px 的容器里靠左,
 *   >      右侧留出 ~470px 空白。
 *   > 做法:产品详情(`.prod-sec`)解除这个限制 —— 图集 / 表格 / 视频等块级内容
 *   >      直接铺满容器;纯文字段落单独限宽,保证行长仍可读。
 *   > 标题仍按客户要求保持左对齐,不居中文字。
 *   > ⚠️ 只作用于 `.prod-sec` —— RetechPedia 文章与新闻详情的 `.art-body`
 *   >    仍在 `.doc-main` 栏内、继续用 88ch,不受影响。
 *
 * ⚠️ 2026-09-23:这条覆盖在「字段化改造」中被漏掉了 —— 产品段只带
 *    `.retech-x-free-section` + `.retech-x-art-body`,于是 88ch 的靠左留白
 *    原样复现(客户报「产品详情页是乱的」的另一半原因)。
 * ══════════════════════════════════════════════════════════════════════════
 *
 * ⚠️ 为什么这三条**必须**写在本文件、不能写进 blocks/style-index.css:
 *    `inc/css-auto-loader.php` 判断「某个 retech-x-* 类是否全局已有」是靠
 *    **扫描 style-index.css 里出现过的类名**(注释会先被剥掉)。一旦把
 *    `.retech-x-prod-sec .retech-x-art-body` 放进全局文件,`retech-x-art-body`
 *    就会被判定为「全局已有」而从 class→块 的索引里消失 —— 于是
 *    **`blocks/article-body/style.css` 再也不会被自动入队**,正文的表格
 *    (min-width:520px / font-size:14px)、图片限宽、斑马纹全部失效。
 *    实测:表格从 1278px 塌成 305px、字号 14px 变 16px。
 *    放在本文件里,`retech-x-art-body` 仍归属 article-body(块目录按字典序
 *    以 `article-body` 最先声明它),自动入队链路保持完整。
 */

@layer retech-block {
  /* 段落纵距本身由 `.retech-x-free-section` 提供(`--sec-y-sm`,原型 `.art-sec`);
     这里只覆盖段头间距:产品段是 30px,不是通用区块的 56px
     (原型 solutions.css:1045 `.art-sec .sec-head { margin-bottom: 30px }`)。 */
  .retech-x-prod-sec .retech-x-section-head {
    margin-bottom: 30px;
  }

  /* 正文解除 88ch,图集 / 表格 / 视频门面直接铺满容器(原型 solutions.css:1061)。 */
  .retech-x-prod-sec .retech-x-art-body {
    max-width: none;
  }

  /* 纯文字段落单独限宽,保证行长仍可读(原型 solutions.css:1062–1065,同为 78ch)。
     ⚠️ 只列原型列了的四种直接子元素:图片(`figure`)与表格要铺满,不能一起限宽。 */
  .retech-x-prod-sec .retech-x-art-body > p,
  .retech-x-prod-sec .retech-x-art-body > ul,
  .retech-x-prod-sec .retech-x-art-body > ol,
  .retech-x-prod-sec .retech-x-art-body > blockquote {
    max-width: 78ch;
  }
}