/* ══════════════════════════════════════════════════════════
   상담안내 (page-consult.php)
   ══════════════════════════════════════════════════════════ */

/* ── 상담 종류 카드 ── */
.cs-types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;}
.cs-type{
  display:flex;flex-direction:column;
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:26px 24px;
}
/* 무료 상담은 한눈에 구분되도록 강조 */
.cs-type--free{border-color:var(--sage);box-shadow:0 6px 22px rgba(116,172,149,.14);}
.cs-price{
  display:inline-block;align-self:flex-start;
  font-size:.76rem;font-weight:800;letter-spacing:.02em;
  padding:4px 11px;border-radius:var(--r-pill);margin-bottom:12px;
  color:var(--text-sub);background:var(--mist);
}
.cs-type--free .cs-price{color:#fff;background:var(--sage);}
.cs-type h3{font-size:1.16rem;margin-bottom:9px;}
.cs-type > p{color:var(--text-sub);font-size:.92rem;line-height:1.68;margin-bottom:16px;}

.cs-bullets{margin-bottom:20px;flex:1;}
.cs-bullets li{
  position:relative;padding-left:19px;margin-bottom:7px;
  font-size:.89rem;color:var(--text);
}
.cs-bullets li::before{
  content:'';position:absolute;left:2px;top:.62em;
  width:6px;height:6px;border-radius:50%;background:var(--brand-tint);
}
.cs-type--free .cs-bullets li::before{background:var(--sage);}
.cs-actions{display:grid;gap:8px;}

/* ── 진행 절차 ── */
.cs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step;}
.cs-steps li{
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:22px 20px;
}
.cs-step-no{
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  background:var(--brand-soft);color:var(--brand-deep);
  font-size:.85rem;font-weight:800;margin-bottom:12px;
}
.cs-steps strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:5px;}
.cs-steps span:last-child{color:var(--text-sub);font-size:.87rem;line-height:1.6;}

/* ── 사무실 정보 ── */
.cs-office{
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:28px;
}
.cs-office h2{font-size:1.1rem;margin-bottom:16px;}
.cs-office dl{display:grid;grid-template-columns:64px 1fr;gap:10px 16px;font-size:.93rem;}
.cs-office dt{font-weight:700;color:var(--text-sub);}
.cs-office dd{color:var(--text);}
.cs-office a{color:var(--brand-deep);font-weight:600;}

@media(max-width:900px){
  .cs-types,.cs-steps{grid-template-columns:1fr;}
}