/* ==========================================================================
   xuchang-kaozheng.html — 许昌考证专题（报考决策流骨架）
   模块：决策流程主轴（岗位→分支→证）/ 分支速查表 / 行业需求表 /
        本地考点图文 / 许昌专场浅色条目 / 常见误区 / FAQ / 相关推荐
   ========================================================================== */

.region-hero{background-image:url('../../images/xuchang-city.jpg')}

.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:840px}

/* ---------- 模块一：报考决策流主轴（纵向步骤+分支） ---------- */
.decision{display:grid;gap:0;counter-reset:step;max-width:960px;margin:0 auto}
.d-step{display:grid;grid-template-columns:64px 1fr;gap:24px;position:relative;padding-bottom:36px}
.d-step:last-child{padding-bottom:0}
.d-step::before{content:"";position:absolute;left:31px;top:56px;bottom:0;width:2px;background:var(--gold-line)}
.d-step:last-child::before{display:none}
.d-step .d-no{width:64px;height:56px;border-radius:14px;background:var(--ink);color:var(--gold-pale);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:700;z-index:1}
.d-step .d-body{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px}
.d-step .d-q{font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:6px}
.d-step .d-hint{font-size:13.5px;color:var(--muted);margin-bottom:16px}
.d-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.d-branch{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;background:var(--paper-soft)}
.d-branch .b-tag{display:inline-block;font-size:12px;color:var(--gold-deep);border:1px solid var(--gold-line);border-radius:999px;padding:2px 10px;margin-bottom:8px;background:var(--paper)}
.d-branch p{font-size:13.5px;color:var(--muted);margin:0 0 8px}
.d-branch a{font-size:13px;color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块二：分支速查表 ---------- */
.jobtable-wrap{overflow-x:auto;border-radius:var(--radius)}
.job-note{font-size:13px;color:var(--muted);margin-top:14px}
.job-note a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块三：行业需求表 ---------- */
.hangye-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.hangye-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}
.hangye-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hangye-card .hy-body{padding:18px 20px}
.hangye-card .hy-tag{font-size:12px;color:var(--gold-deep);letter-spacing:.1em;font-weight:600}
.hangye-card h3{font-size:17px;margin:8px 0 8px}
.hangye-card p{font-size:13.5px;color:var(--muted);margin:0}

/* ---------- 模块四：本地考点图文（左右换边布局） ---------- */
.kaodian-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.kaodian-media{margin:0}
.kaodian-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.kaodian-media figcaption{margin-top:10px;font-size:12.5px;color:var(--muted)}
.kd-list{border-top:1px solid var(--line)}
.kd-list .kd-item{display:flex;gap:16px;padding:15px 0;border-bottom:1px dashed var(--line)}
.kd-list .kd-no{flex:0 0 auto;font-family:var(--serif);font-size:15px;color:var(--gold-deep);width:34px}
.kd-item strong{display:block;font-family:var(--serif);font-size:15.5px;color:var(--ink);margin-bottom:4px}
.kd-item span{font-size:14px;color:var(--muted)}
.kd-item a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块五：许昌专场（浅色横向条目） ---------- */
.xc-svc{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin:0 auto}
.xc-svc-item{display:flex;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:20px 22px;align-items:flex-start}
.xc-svc-item .svc-ico{flex:0 0 auto;width:44px;height:44px;border-radius:10px;background:var(--gold-pale);color:var(--gold-deep);display:flex;align-items:center;justify-content:center}
.xc-svc-item h3{font-size:16px;margin-bottom:6px}
.xc-svc-item p{font-size:13.5px;color:var(--muted);margin:0}
.xc-svc-item p a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块六：常见误区 ---------- */
.miswrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mis-item{border:1px solid var(--line);border-left:4px solid #b23a2e;border-radius:var(--radius-sm);background:#fdf0ee;padding:20px 22px}
.mis-item .mis-badge{display:inline-block;font-size:12px;font-weight:600;color:#b23a2e;letter-spacing:.1em;margin-bottom:10px}
.mis-item h3{font-size:16px;margin-bottom:8px;line-height:1.5}
.mis-item p{font-size:13.5px;color:var(--muted);margin:0}
.mis-item p a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .d-branches{grid-template-columns:1fr}
  .hangye-grid{grid-template-columns:1fr}
  .kaodian-grid{grid-template-columns:1fr;gap:28px}
  .xc-svc{grid-template-columns:1fr}
  .miswrap{grid-template-columns:1fr}
}