/* 2026-10-04 甲方模板规则：【捷界资讯】各栏目 主/副标题界定与字号（三屏统一）
   界定：「——」之前 = 主标题（h1）；「——」及之后 = 副标题（.art-sub），破折号前断行 */

/* ==========================================================================
   2026-10-05 甲方优化：资讯栏目「标题区排版参数」（单一出处 · 各栏目页面统一执行）
   —— 主标题字号、标题区行间距只在这里定，改数值即可；不要再逐页人工微调。
   ⚠ 视口档位（依《视口隔离铁律》，各档按甲方逐次指令确定）：
      ① 主标题字号：只调 PC 档（28→25px）；PAD / 手机 仍取甲方既有版面值 24 / 19px。
      ② 标题区行间距：经甲方 2026-10-05 明确指示，三屏一并生效
         （PC 20px ／ PAD 18px ／ 手机 16px）。
      日后要调任一档，只改下面的数值即可，无需改任何页面。
   ========================================================================== */
:root {
  --art-title-size: 25px;   /* 主标题字号 · PC（原 28px）  —— 甲方 2026-10-05：太大，缩小一些 */
  --art-head-gap:   20px;   /* 主标题/副标题 ↔ 信息行 间距 · PC（原 0px，紧贴）—— 甲方：太紧 */
  /* —— 2026-10-05 主人铁律：正文小标题 = 正文 + 2 码（详见《_视觉规范.md》§4.6）——
     正文基准百分比必须与 style.css「甲方规则：资讯各栏目字号缩小 2 码」一致
     （PC 87.5% ／ ≤700px 86%）；改那一处时须同步改这里。 */
  --art-body-pct:          87.5%;
  --art-body-title-delta:  2px;
}
@media (max-width: 1024px) { :root { --art-title-size: 24px; --art-head-gap: 18px; } }  /* PAD 档：字号取甲方原值，间距按甲方指示补齐 */
@media (max-width:  700px) { :root { --art-title-size: 19px; --art-head-gap: 16px; --art-body-pct: 86%; } }  /* 手机档 */

/* ---- 主标题（h1）：字号由 --art-title-size 单点控制 ---- */
.art-main .art-article .art-head h1,
.art-main .art-article .art-head h1 * {
  font-size: var(--art-title-size) !important; line-height: 1.45 !important; letter-spacing: 0 !important;
  font-weight: 700 !important; display: block !important;
}
/* ---- 副标题（.art-sub）：仅存在于「情境稻盛」等带副题的栏目 ---- */
.art-main .art-article .art-head .art-sub {
  font-size: 17px !important; line-height: 1.6 !important; font-weight: 500 !important;
  color: #5a6371 !important; margin: 10px 0 0 !important; display: block !important;
}
/* ---- 信息行（.art-meta）：与上一行（主标题或副标题）的间距，由 --art-head-gap 单点控制 ----
   说明：用「信息行自身加 margin-top」实现，与上一行的 margin-bottom 取大值合并，
   因此无论上一行是主标题（要闻页 / 白皮书页）还是副标题（情境稻盛页），间距都等于该参数。
   该参数三屏各有一档（PC 20 / PAD 18 / 手机 16），见文件顶部参数块。 */
.art-main .art-article .art-head .art-meta { margin-top: var(--art-head-gap) !important; }

.art-main .art-section .art-section-title { font-size: 25px !important; }
@media (max-width: 1024px) {
  .art-main .art-article .art-head .art-sub { font-size: 15.5px !important; }
  .art-main .art-section .art-section-title { font-size: 22px !important; }
}
@media (max-width: 700px) {
  .art-main .art-article .art-head h1, .art-main .art-article .art-head h1 * { line-height: 1.5 !important; }
  .art-main .art-article .art-head .art-sub { font-size: 13.5px !important; margin-top: 8px !important; }
  .art-main .art-section .art-section-title { font-size: 20px !important; }
}

/* 2026-10-04 甲方：PAD 版 副标题字号（≤ 主标题 24px） */
@media (min-width: 601px) and (max-width: 1024px) {
  .art-main .art-article .art-head .art-sub { font-size: 22px !important; line-height: 1.5 !important; }
}


/* ===== 2026-10-05 主人铁律：正文小标题 = 正文 + 2 码（三屏统一，见《_视觉规范.md》§4.6）=====
   原写法：PC 档单档写死 17.1px（"放大 2 码"），PAD／手机 无规则 → 与正文同号（差 0）。
   现改为按正文基准百分比计算，一处参数即三屏同步。 */
.art-main .art-article .art-body h2, .art-body h2 {
  font-size: calc(var(--art-body-pct) + var(--art-body-title-delta)) !important;
  line-height: 1.5 !important;
}

/* ===== 2026-10-05 主人明令：正文小标题前加捷界徽标（三屏统一，见《_视觉规范.md》§3.1）=====
   徽标比标题文字大 1 码（calc(1em + 1px)）；其后空英文半角一格（0.5em）；纯 ::before，不动 HTML 文字。
   初版仅手机，经主人 2026-10-05 明确指示"徽标三屏统一"，故不加媒体查询、三屏一并生效。 */
.art-main .art-article .art-body h2::before {
  content: "";
  display: inline-block;
  width: calc(1em + 1px);
  height: calc(1em + 1px);
  margin-right: 0.5em;
  vertical-align: -0.1em;
  background: url("images/jj-mark-icon.png") center / contain no-repeat;
}