/* 图标对齐补齐：段头 eyebrow / 流程步骤 / 档位卡 / note / 按钮内图标
   拆分自 assets/css/design-system.css（2026-08-30）
   FAQ 分类图标已移入 page-faq.css。 */

/* ============================================================
   图标补齐：服务与流程 / 常见问题
   ============================================================ */

/* 段头 eyebrow 带图标 */
.eyebrow.with-ico {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* 五步流程卡：图标 + 序号同行 */
.step-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--sp-2);
}
.step-head .step-num { margin-bottom: 0; }
.step-ico {
  width: 34px;
  height: 34px;
  border-radius: var(--r-s);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--teal-dark);
  background: var(--teal-soft);
}

/* note 带图标 */
.note.has-ico { display: flex; gap: 10px; align-items: flex-start; }
.note-ico {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--gold-600);
}

/* 按钮内图标对齐 */
.btn .icon { margin-right: 7px; }

@media (max-width: 920px) {
  .step-ico { width: 30px; height: 30px; }
}