/* ==========================================================================
   buti.html（第二轮重构）— 技能提升补贴：政策解读 + 核对清单 编排
   新骨架：hero → 政策要点逐条解读卡 → 申领条件自查清单 → 申领流程时间轴
          → 濮阳/许昌双城入口 → 叠加关系表 → 常见退回原因表 → FAQ → 推荐 → CTA
   旧骨架（引言两栏/横排步骤五卡）已废弃，本文件全部重写。
   ========================================================================== */

/* ---------- 内页 hero ---------- */
.bt-hero{background-image:url('../../images/svc-buti.jpg')}

/* ---------- CTA 条（style.css 未定义，本页自备） ---------- */
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-kicker{display:inline-block;color:var(--gold);font-size:13px;letter-spacing:.2em;font-weight:600;margin-bottom:14px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.container-narrow{max-width:880px;margin-left:auto;margin-right:auto}

/* 通知块统一与后续模块的间距（替代原内联 margin-top） */
.notice{margin-top:22px}

/* ---------- 模块一：政策要点逐条解读卡 ---------- */
.policy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.policy-card{
  position:relative;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--paper);padding:26px 22px 22px;overflow:hidden;
}
.policy-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold);
}
.policy-card .pc-no{
  font-family:var(--serif);font-size:34px;font-weight:700;color:var(--gold-pale);
  line-height:1;margin-bottom:14px;
}
.policy-card h3{font-size:17px;margin-bottom:8px}
.policy-card p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.8}
.policy-card .pc-tag{
  display:inline-block;margin-top:12px;font-size:12px;color:var(--gold-deep);
  border:1px solid var(--gold-line);border-radius:999px;padding:2px 10px;
}

/* ---------- 模块二：申领条件自查清单 ---------- */
.checklist{
  border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);
  overflow:hidden;
}
.checklist-head{
  display:grid;grid-template-columns:56px 1.2fr 1.6fr 120px;gap:14px;
  padding:14px 22px;background:var(--ink);color:var(--gold-pale);
  font-size:13px;font-weight:600;letter-spacing:.04em;
}
.checklist-row{
  display:grid;grid-template-columns:56px 1.2fr 1.6fr 120px;gap:14px;
  padding:16px 22px;border-top:1px solid var(--line);align-items:start;
}
.checklist-row:nth-child(even){background:var(--paper-soft)}
.cb{
  width:22px;height:22px;border:2px solid var(--gold-line);border-radius:6px;
  background:var(--paper);display:flex;align-items:center;justify-content:center;
  margin-top:2px;
}
.cb svg{width:13px;height:13px;color:var(--gold-deep)}
.checklist-row .ci{font-size:15px;font-weight:600;color:var(--ink);line-height:1.6}
.checklist-row .cd{font-size:13.5px;color:var(--muted);line-height:1.75}
.checklist-row .cs{
  justify-self:start;font-size:12.5px;color:var(--gold-deep);
  border:1px solid var(--gold-line);border-radius:999px;padding:2px 10px;background:var(--paper);
}

/* ---------- 模块三：申领流程时间轴（grid 三列：时间/轴线/内容） ---------- */
.timeline{display:grid;grid-template-columns:120px 34px 1fr;max-width:880px;margin:0 auto}
.tl-time{
  text-align:right;padding:0 16px 0 0;font-size:13px;color:var(--gold-deep);
  font-weight:600;align-self:center;
}
.tl-axis{position:relative;display:flex;justify-content:center}
.tl-axis::before{
  content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--gold-line);
}
.tl-dot{
  position:relative;z-index:1;width:14px;height:14px;border-radius:50%;
  background:var(--ink);border:3px solid var(--gold);margin-top:22px;flex:0 0 auto;align-self:start;
}
.tl-body{padding:0 0 34px 22px}
.tl-body h3{font-size:16.5px;margin-bottom:6px}
.tl-body p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.8}
.tl-body .tl-meta{
  display:inline-block;margin-top:8px;font-size:12px;color:var(--muted);
  background:var(--paper-warm);border-radius:999px;padding:2px 10px;
}

/* ---------- 模块四：濮阳/许昌双城入口卡 ---------- */
.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.city-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}
.city-card .cc-img{height:170px;object-fit:cover;width:100%}
.city-card .cc-body{padding:22px 24px 26px}
.city-card .cc-place{font-size:12.5px;letter-spacing:.14em;color:var(--gold-deep);font-weight:600}
.city-card h3{font-size:19px;margin:6px 0 12px}
.city-card ul{display:grid;gap:10px}
.city-card li{display:flex;gap:10px;font-size:14px;line-height:1.75}
.city-card li svg{flex:0 0 auto;margin-top:5px;color:var(--gold-deep)}
.city-card .cc-foot{
  margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);
  font-size:12.5px;color:var(--muted);
}

/* ---------- 表格容器 ---------- */
.table-wrap{overflow-x:auto;border-radius:var(--radius)}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .policy-cards{grid-template-columns:1fr 1fr}
  .checklist-head{display:none}
  .checklist-row{grid-template-columns:34px 1fr;row-gap:6px}
  .checklist-row .cd{grid-column:2}
  .checklist-row .cs{grid-column:2;justify-self:start}
  .timeline{grid-template-columns:92px 26px 1fr}
  .city-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .policy-cards{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
  .tl-time{text-align:left;padding:0 0 4px}
  .tl-axis{display:none}
  .tl-body{padding:0 0 26px 4px;border-left:2px solid var(--gold-line)}
}