/* clib-skin-path-v1.css —— 学习路径页（#page-path）· 苹果语言 · 2026-10-15
   实况（work/_audit/_page-structure-probe.js 实测）：顶层块 2 —— .tip-box.page-kv（h=184）+ #weekList（h=1049，83%）
   内含 72 张 .day-card（每张 .day-header / .day-num）+ 216 个 button.day-res-btn
   HIG 依据（Web 应用 ⇒ 原则 + 基础篇）：lists-and-tables.md › 行密度 · layout.md › 留白与可点区域 ·
     typography.md › 层级 · accessibility.md › 命中区（390 档 ≥44）· color.md 规格值
   回退：删 index.html 里那一行 <link>。DOM 与按钮零改动。 */

/* ① 页头：72 天说明块收紧，与列表之间一条结构线 */
#page-path .tip-box.page-kv { padding: 4px 0 14px; border-bottom: 1px solid #E8E8ED; margin-bottom: 14px; }
#page-path .tip-box.page-kv h4 { font-size: 22px; line-height: 1.35; font-weight: 600; color: #1D1D1F; margin: 0 0 6px; }
#page-path .tip-box.page-kv p { font-size: 13px; line-height: 1.65; color: #8E8E93; margin: 0; }

/* ② 周卡两列（1440）：72 天的纵向长条一分为二，扫读更快 —— 层级由"周标题 + 天行"给 */
#page-path #weekList { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }

/* ③ 天卡密度：行高与内边距收一档，靠对齐与字号分层，不靠大留白堆高 */
#page-path .day-card { padding: 10px 12px; border-radius: 14px; margin: 0 0 8px; }
#page-path .day-header { padding: 2px 0; }
#page-path .day-num { font-size: 13px; font-weight: 600; }
#page-path .day-card p, #page-path .day-card small, #page-path .day-card .muted { font-size: 13px; line-height: 1.55; color: #8E8E93; }
/* 资料按钮：不缩字体、保住命中区 */
#page-path button.day-res-btn { height: 32px; padding: 0 12px; border-radius: 999px; font-size: 13px; }

/* ⑤ 截图自审修（2026-10-15 · 实测类名来自 _path-week-badge-probe）：
   ① `.week-num` 被写死 38×38（flex:0 0 auto），两位数周号（"第10周"）必然折成两行
      ⇒ 改成**胶囊**（宽自适应 + 最小宽度 + nowrap），既能容纳"第10周"又不破坏观感
   ② `.week-progress` 宽仅 27px，"0%" 与 "▼" 被挤成两行 ⇒ 给 nowrap 与最小宽度
   依据：clib-ui 二·排版规范（禁折行错位）+ apple-design › layout（对齐与节奏＝craft） */
#page-path .week-num {
  width: auto; min-width: 40px; height: 32px; padding: 0 10px;
  border-radius: 999px; white-space: nowrap; line-height: 32px;
  display: inline-flex; align-items: center; justify-content: center; font-size: 13px;
}
/* ② 续修：`.week-progress` 里 "0%" 与 "▼" 是**块级子元素**，`white-space` 管不住（实测 w=40 仍折成两行 h=43）
   ⇒ 改成整行的 inline-flex（两者并排、垂直居中）。同理不会新增长度来源，占用更小。 */
#page-path .week-progress { min-width: 40px; white-space: nowrap; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; }

/* ④ 390 档：单列 + 命中区 ≥44 + 不横溢 */
@media (max-width: 900px) {
  #page-path #weekList { grid-template-columns: 1fr; gap: 12px; }
  #page-path .tip-box.page-kv h4 { font-size: 17px; }
  #page-path button.day-res-btn { height: 44px; padding: 0 14px; font-size: 13px; }
}