/* 메인 간편 상담: 기존 Pretendard, 브랜드 컬러 및 카드 스타일을 공유합니다. */
.home-consultation { border-top: 1px solid #eaedf4; padding-top: 60px; scroll-margin-top: 28px; }
.consultation-card { background: var(--surface); }
.consultation-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.consultation-full { grid-column: 1 / -1; min-width: 0; }
.consultation-field { min-width: 0; }
.consultation-field input { background: #fff !important; border: 1px solid #eaedf4 !important; border-radius: 12px; padding: 17px 18px !important; font-size: 16px; min-height: 58px; }
.consultation-field input:focus { border-color: var(--blue) !important; outline: 3px solid #2263ee20; outline-offset: 1px; }
.consultation-field input::placeholder { color: #737784; }
.consultation-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.consultation-options-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.consultation-option { position: relative; min-width: 0; cursor: pointer; }
.consultation-option input { position: absolute; width: 100%; height: 100%; opacity: 0; inset: 0; z-index: 1; cursor: pointer; margin: 0; }
.consultation-option span { display: flex; align-items: center; justify-content: center; min-height: 58px; padding: 14px 8px; border: 1px solid #d9dade; background: #fff; border-radius: 12px; color: var(--muted); font-size: 17px; font-weight: 600; transition: border-color .15s, background .15s; }
.consultation-option:hover span { border-color: var(--blue); }
.consultation-option input:checked + span { background: #eff6ff; border-color: var(--blue); color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
.consultation-option input:focus-visible + span { outline: 3px solid var(--blue); outline-offset: 3px; }
.consultation-consent { border-top: 1px solid #dfe5ed; padding-top: 24px; }
.consultation-consent label { cursor: pointer; }
.consultation-consent input[type="checkbox"] { width: 20px; height: 20px; flex: 0 0 20px; accent-color: var(--blue); }
.consultation-submit { min-height: 66px; }
.consultation-submit:disabled { opacity: .65; cursor: wait; }
.consultation-errors { background: #fff7f7; border: 1px solid #f1caca; }
.consultation-errors p { color: #b71c1c; font-size: 14px; }
.consultation-success { background: #eff6ff; border: 1px solid #daeaff; }
.consultation-success-icon { display: inline-flex; justify-content: center; align-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 28px; }
@media (max-width: 767px) {
  .home-consultation { padding-top: 40px; }
  .consultation-fields { grid-template-columns: 1fr; }
  .consultation-option span { font-size: 15px; min-height: 54px; padding: 12px 4px; }
  .consultation-field input { padding: 15px 16px !important; min-height: 54px; }
  .consultation-submit { min-height: 60px; }
}

.consultation-arrow { color: inherit; flex-shrink: 0; }

.consultation-details { flex-shrink: 0; white-space: nowrap; }
