/* ══════════════════════════════════════════════════════════════════════════
   裸标签的字号阶梯 —— **只给首页与申请页用，案例详情页不引这个文件**

   2026-08-05 从 landing.css 里搬出来的，动机很具体：
   案例详情页要复用首页的 masthead，最省事的办法是让它也引 landing.css。
   但实测详情页里有 **10 个裸 <h3> 和 13 个裸 <p>**（既无 class 也无 id），
   而下面这四条规则正好会把它们全部重新排版 —— 它有自己的字号体系。

   除这四条之外，landing.css 对详情页是安全的：实测详情页用到 103 个 class，
   其中 landing.css 也定义的只有 3 个（.sec-dark / .foot / .mono），
   后两个因为 case-detail.css 载入更晚而由它胜出。

   ⚠️ **必须在 landing.css 之前引入**，保持两者原来的先后关系。
      调换顺序会改变同权重规则的胜负。
   ⚠️ 选择器权重一个字都没改（仍是裸标签），搬动的只是文件位置 ——
      这样对首页的层叠没有任何扰动。搬完实测过首页 masthead 的几何，
      1440 与 900 两个视口逐项与搬前一致。
   ══════════════════════════════════════════════════════════════════════════ */

/* 行距 1.0 → 1.17。取值不是随手定的：82px（clamp 上限）× 1.17 ≈ 96px，
   正好是 16 个点阵格（--cell 6px），标题两行都踩在栅格上。
   ⚠️ 但字号是流体的（clamp），所以只有到 82px 那一端才严格对齐格子 ——
      中间尺寸对不上。流体字号与固定栅格本身有矛盾，这里选了「上限对齐」。 */
h1{font-family:var(--font-display);font-size:clamp(38px,5.6vw,82px);
   font-weight:200;line-height:1.17;letter-spacing:var(--disp-tracking);}
h2{font-family:var(--font-display);font-size:clamp(23px,2.5vw,34px);
   font-weight:250;line-height:1.16;letter-spacing:var(--disp-tracking-md);}
h3{font-family:var(--font-display);font-size:18px;font-weight:400;
   line-height:1.3;letter-spacing:-.02em;}
p{font-size:15px;line-height:1.65;color:var(--text-mute);}