/* p-solo.css — 超级个体页 /solo/（v0.25「配方」，2026-10-23 整份重写；v0.24 的 Lite / Pro / Ultra 三档、一条链路的写法在 git 历史里）。
   版式照《驭火LAB首页与库原型》的超级个体页（原型 proto.css 的「超级个体、企业定制」那段），在 fyro.css 的基础上只加新的。
   获取档小标 .acc、墨色按钮 .btn-ink、勾选列表 .checks、常见问题 .faq 在 fyro.css。
   body 带 .solo-page（页面开头 body_class）：章节间距、标题字号照原型收一点；章节编号用灰（朱砂只给印章和「在线咨询」），同 p-enterprise.css 的 .ent-page。
   各块（10-24 重排，Leon：Solo 是职场 AI 生存指南加创业副业孵化）：页头 .solo-head；01 职场 AI 生存指南（partial lib-solo-guide：卡片 .cards、文章行 .rows，样式在 lib-card.css）；
   02 创业副业孵化，十三环 .prog（partial lib-solo-rings，没有进度条）；03 三档 .tiers > .tier（Solo 那档 .is-key）；
   04 开通 .two-col（左 .price-card，右 .community）；05 常见问题 .faq（最后一节）。
   10-27 删废话（Leon「小标、总数、过度解释、过度讨好的措辞和说法，全部删掉改掉」）：页头小标和导语、各节编号小标和导语、十三环和三档的件数、
     三档卡上的获取档小标、价格卡的小标和「价格和开通时间还在定」都删了，对应的样式一起删；标题顶格，价格卡按钮那一排补上边距。
   v0.26 第 5 段之七（10-29）：页尾的等候名单卡（.lead-card）连样式一起拿掉，Leon「页底不用重复 CTA」。 */

/* ---------- 章节 ---------- */
.solo-page .sec { padding-block: clamp(64px, 7.5vw, 104px); }
.solo-page .sec + .sec:not(.sec-tint) { padding-top: 0; }
.solo-page .sec-tint + .sec:not(.sec-tint) { padding-top: clamp(64px, 7.5vw, 104px); }
.solo-page .sec-title { margin-top: 0; font-size: clamp(24px, 2.6vw, 34px); }
.solo-page .sec-head { margin-bottom: clamp(28px, 3.5vw, 44px); }

/* ---------- 页头 ---------- */
.solo-head { padding-block: clamp(40px, 5.5vw, 72px) clamp(40px, 5vw, 64px); }
.solo-head h1 { font-family: var(--head); font-size: clamp(28px, 3.4vw, 42px); font-weight: var(--w-title); line-height: 1.25; letter-spacing: var(--track-title); color: var(--ink); text-wrap: balance; }
.solo-head .actions { margin-top: 24px; }
.solo-head + .sec { padding-top: 0; }

/* 开通按钮「敬请期待」的 .btn.is-soon 在 fyro.css（v0.25 E 并过去） */

/* ---------- 01 三档 ---------- */
.tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tier { display: flex; flex-direction: column; min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--sheet); box-shadow: var(--sheet-shadow); }
.tier.is-key { border-color: var(--line-3); box-shadow: var(--window-shadow); }
.tier h3 { font-family: var(--head); font-size: 19px; font-weight: 600; line-height: 1.4; }
.tier .checks { margin-top: 16px; }
.tier .checks li { font-size: 14px; }
.tier-foot { margin-top: auto; padding-top: 20px; }
.tiers-note { margin-top: 14px; }
.tiers-note a { color: var(--ink-2); }
@media (max-width: 899px) { .tiers { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 02 十三环：编号、名字（链到配方库这一环）；没有配方的一环右边写「筹备中」、名字淡一点 ---------- */
.prog { border-top: 1px solid var(--ink); }
.prog li { display: grid; grid-template-columns: 2.6em minmax(0, 1fr) auto; align-items: center; gap: 12px 18px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 14.5px; }
.prog .pn { font-family: var(--mono); font-size: 12px; color: var(--muted); }
.prog .pname { min-width: 0; font-weight: 600; }
.prog .pname a { transition: text-decoration-color 160ms ease-out; }
@media (hover: hover) and (pointer: fine) { .prog .pname a:hover { text-decoration: underline; text-decoration-color: var(--line-3); text-underline-offset: 4px; } }
.prog .pc { font-size: 13px; color: var(--muted); text-align: right; white-space: nowrap; }
.prog .is-zero .pname { color: var(--ink-soft); }
@media (max-width: 479px) {
  .prog li { grid-template-columns: 2.2em minmax(0, 1fr); gap: 2px 12px; }
  .prog .pc { grid-column: 2; text-align: left; }
}

/* ---------- 03 开通：左边价格卡，右边会员群与答疑 ---------- */
.two-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 56px; align-items: start; }
.price-card { padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: var(--sheet); box-shadow: var(--window-shadow); }
.price-now { font-family: var(--head); font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }
.price-now small { font-size: 18px; font-weight: 500; letter-spacing: 0; color: var(--ink-soft); }
.price-actions { display: flex; margin-top: 20px; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.community { padding-top: 4px; }
.community h3 { font-family: var(--head); font-size: 19px; font-weight: 600; line-height: 1.4; }
.community .checks { margin-top: 14px; }
@media (max-width: 899px) { .two-col { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 479px) { .price-card { padding: 22px 20px; } }