/* ============================================================
   PDF Workspace — Product Page V2 的产品专属规则（Phase 12A）

   Product Page wraps the PDF Workspace. It does not redesign the PDF Workspace.
   通用页面层（Hero / 正文容器 / chips / 卡片 / 步骤 / FAQ）在 product-page.css，本文件在它之后加载，只写：
   - Workspace 外层：Hero 与 Workspace 卡片之间的呼吸（只动外层 .tool-shell 的上内边距）
   - PDF 独有的模块形状：四列卡片、四步、Things to know 面板
   ⚠️ 不覆盖任何 Workspace 共享令牌，也不写任何 .yqw- / .pw 组件视觉属性：
     PDF Workspace 在这一页与 Intent 页是同一个外壳（g59 [B] 逐值比对）。
   颜色 / 圆角 / 字体一律来自 tokens.css。
   ============================================================ */

/* ---------- 2. Workspace 外层 ---------- */
@media (min-width: 641px) {
  html.is-standalone .pp-hero ~ .yqw.tool-shell { padding-top: 26px; }
  /* ⚠️ 防破框（12A 实测）：锁高 = 视口剩余高度，而 Hero 占掉了约 130px ——
     1366×768 上白卡被锁到 498px，有页时对象区只剩 57px、页卡穿出白卡（Intent 页同视口是 630px，不穿）。
     这里给白卡一个**不小于有页状态最小内容**的下限：任务头 + 对象区设计下限（160px 滚动区）
     + Completion + Trust，实测 579–584px（9 种语言），再加两侧内边距。
     视口够高时锁高本来就更大、这条不起作用；视口矮时卡片向下延伸、页面自然滚动。
     只写 min-height，不碰锁高本身（attachSurfaceFit 仍然只写 height）。g59 [B] 逐视口逐状态断言不穿框。 */
  html.is-standalone .pp-hero ~ .tool-shell .yqw-surface {
    min-height: calc(2 * var(--yqw-surface-pad) + 584px);
  }
}
@media (max-width: 640px) {
  html.is-standalone .pp-hero ~ .tool-shell { padding-top: 22px; }
}

/* ---------- 四列卡片（What you can do / Popular PDF tasks / Output guide / More PDF tools） ---------- */
.pp-cards--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ---------- How it works：四步 ---------- */
.pp-steps--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ---------- Things to know：一块安静的面板，不做成又一排卡片 ---------- */
.pp-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background: var(--yq-bg-page);
  border: 1px solid var(--yq-border);
  border-radius: var(--yq-r-card);
  overflow: hidden;
}
.pp-note-item {
  padding: 16px 18px;
  color: var(--yq-text-2);
  font-size: 13px;
  line-height: 1.55;
  border-top: 1px solid var(--yq-border);
}
/* 两列时第一行没有上边线，右列有左边线 */
.pp-note-item:nth-child(-n + 2) { border-top: 0; }
.pp-note-item:nth-child(2n) { border-left: 1px solid var(--yq-border); }
.pp-note-item strong {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

/* ---------- 响应式 ---------- */
@media (max-width: 1023px) {
  .pp-cards--four,
  .pp-steps--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .pp-cards--four,
  .pp-steps--four,
  .pp-notes { grid-template-columns: minmax(0, 1fr); }
  .pp-note-item:nth-child(2) { border-top: 1px solid var(--yq-border); }
  .pp-note-item:nth-child(2n) { border-left: 0; }
}