/* ============================================================================
   heroalign-r37.css —— how-it-works 首屏标题归位到页面左轴(2026-09-26)

   只追加,不改既有样式表;要回退,删掉两个 how-it-works.html 里这一条 <link>。
   必须排在 identity-r13.css 之后 —— 本文件与它 §「构图重心一页一种」那条
   同特异度 (0,2,1),靠后来居上取胜;排前面会被压掉。

   ── 病灶 ────────────────────────────────────────────────────────
   identity-r13.css:315  [data-page="how"] .hero__inner { padding-left: clamp(0,6vw,96px) }
   1440 档实测 = 86.4px,而 .hero__inner 的右内距仍是 --s-6(32px)。
   于是(1440,中英两版完全一致):
     .hero__copy / .eyebrow / h1 左缘 = 198.9
     .anchornav__link / .section--tight .lead / #split h2 左缘 = 144.5
   首屏比全页其余所有内容往右缩了 54.4px —— 标题左边空出一条谁也不占的竖栏,
   而它下面那行锚点导航贴着真正的左轴。读者看到的是首屏"歪"了,不是"错位构图"。

   ── 这一版做的事 ────────────────────────────────────────────────
   把那条页面级 padding-left 退回 site.css 给 .container / .hero__inner /
   .anchornav__list 的同一条内距梯级,首屏左缘即与全页对齐(1440 档 → 144.5)。

   ⚠️ 只能逐档重写,不能用 padding-left:unset/revert ——
      那两个关键字算出来是 0,而不是"让 site.css 那条生效"
      (identity-r13 的选择器特异度更高,写什么值都还是它赢),
      结果首屏会贴死到容器边上,比现在更歪。
   ⚠️ 这四档必须和 site.css 的梯级逐字对齐,site.css 改档时这里要跟着改:
      基础 --s-4 / ≥768 --s-5 / ≥1280 --s-6 / ≤359 --s-3。
   ========================================================================== */

[data-page="how"] .hero__inner { padding-inline-start: var(--s-4); }

@media (min-width: 768px) {
  [data-page="how"] .hero__inner { padding-inline-start: var(--s-5); }
}

@media (min-width: 1280px) {
  [data-page="how"] .hero__inner { padding-inline-start: var(--s-6); }
}

/* 320 回流底线那一档(site.css:1127)。与上面两条互斥,顺序无碍。 */
@media (max-width: 359px) {
  [data-page="how"] .hero__inner { padding-inline-start: var(--s-3); }
}