/* ============================================================
   herbhelps.com · 手机端显示优化（最小化版 v2 · 2026-09-13）
   ★ 只做两件事，绝不触碰顶栏 / 折叠菜单 / 结构：
     1) 修 bug：文章页容器内联 max-width:1300px 撑宽 → 手机上整页被缩小、横向溢出
     2) 正文可读性：字号/行距/左对齐（仅 main / section / article 内的文字）
   已明确移除：Hero 高度、留白、页脚、图片、表格、按钮热区、轮播圆点等所有其他改动
   ============================================================ */

/* ===== 1. 关键 bug 修复（媒体查询之外，任何宽度都生效）===== */
.site-width[style*="1300px"],
[style*="max-width: 1300px"],
[style*="max-width:1300px"] {
  max-width: min(1300px, 100%) !important;
  width: auto !important;
  box-sizing: border-box !important;
}

/* ===== 2. 正文可读性（仅内容区文字；不含 header / nav / 折叠菜单）===== */
@media (max-width: 640px) {
  main p, section p, article p { font-size: 15.5px !important; line-height: 1.8 !important; text-align: left !important; }
  article li, main li, section li { font-size: 15.5px !important; line-height: 1.8 !important; }
  main small, section small, article small { font-size: 13px !important; line-height: 1.7 !important; }
  section h1, main h1, article h1 { font-size: 25px !important; line-height: 1.34 !important; }
  section h2, main h2, article h2 { font-size: 21px !important; line-height: 1.4 !important; }
  section h3, main h3, article h3 { font-size: 18px !important; line-height: 1.45 !important; }
}

@media (min-width: 641px) and (max-width: 1024px) {
  main p, section p, article p { font-size: 16.5px !important; line-height: 1.8 !important; }
  article li, main li, section li { font-size: 16.5px !important; line-height: 1.8 !important; }
  main small, section small, article small { font-size: 13.5px !important; line-height: 1.7 !important; }
}