/* 입력 위저드 — 한 화면 한 질문 (ENGINE-0824-1718-01).
   기존 입력칸을 그대로 옮겨 담기만 한다. 색은 정본 3색(#FFFFFF·#EAEAEA·#1B3B6F)에
   본문 #222222 만 쓴다 — 흰 바탕 대비 15.9:1, 안내 회색 #5F5650 도 7.0:1 이라 4.5:1 을 넘는다. */
.wz{grid-column:1 / -1;min-width:0;margin:18px 0 26px;}
.wz-prog{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.wz-prog__bar{flex:1;height:6px;border-radius:999px;background:#EAEAEA;overflow:hidden;}
.wz-prog__bar i{display:block;height:100%;width:0;background:#1B3B6F;transition:width .25s ease;}
.wz-prog__txt{font-size:.8rem;color:#5F5650;white-space:nowrap;font-variant-numeric:tabular-nums;}

.wz-step{display:none;}
.wz-step.on{display:block;animation:wzIn .25s ease;}
@keyframes wzIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

/* 술사 한 컷 + 화법 한두 줄 — 단계마다 반드시 한 장 선다 */
.wz-say{display:grid;grid-template-columns:104px minmax(0,1fr);
  background:#FFFFFF;border:1px solid #EAEAEA;border-radius:16px;overflow:hidden;margin-bottom:16px;}
.wz-say__img{width:100%;height:100%;min-height:136px;display:block;
  object-fit:cover;object-position:50% 14%;background:#F2F2F2;}
.wz-say__copy{align-self:center;padding:13px 15px;color:#222222;}
.wz-say__copy b{display:block;margin-bottom:6px;color:#1B3B6F;
  font-size:.72rem;letter-spacing:.14em;font-weight:700;}
.wz-say__copy p{margin:0;font-family:"Noto Serif KR",Georgia,serif;
  font-size:.95rem;line-height:1.55;color:#222222;word-break:keep-all;}
@media (min-width:560px){.wz-say{grid-template-columns:132px minmax(0,1fr);}.wz-say__img{min-height:160px;}}

.wz-group{margin:0 0 8px;font-size:.78rem;letter-spacing:.1em;color:#1B3B6F;font-weight:700;}
.wz-body .saju-form{margin-bottom:0;}
.wz-body .form-group label{color:#222222;font-size:.88rem;}
.wz-body .form-group select,.wz-body .form-group input[type=text]{font-size:1rem;padding:13px 12px;}
.wz-body .toggle-lunar{color:#222222;font-size:.95rem;padding:6px 0;}
.wz-body .concern-input{width:100%;}

.wz-nav{display:flex;gap:10px;margin-top:18px;}
.wz-btn{flex:1;padding:13px 10px;border-radius:14px;cursor:pointer;
  font-family:"Noto Serif KR",Georgia,serif;font-size:.95rem;transition:.2s;}
.wz-back{background:#FFFFFF;border:1px solid #EAEAEA;color:#222222;}
.wz-back:hover{border-color:#1B3B6F;color:#1B3B6F;}
.wz-next{background:#1B3B6F;border:1px solid #1B3B6F;color:#FFFFFF;font-weight:700;}
.wz-next:disabled{opacity:.45;cursor:not-allowed;}
.wz-hint{margin-top:8px;font-size:.82rem;color:#8C3B2E;}

/* 마지막 확인 — 고른 값을 한 상에 놓고 제출한다 */
.wz-sum{border:1px solid #EAEAEA;border-radius:14px;overflow:hidden;margin-bottom:16px;background:#FFFFFF;}
.wz-sum div{display:flex;gap:12px;padding:10px 14px;border-top:1px solid #EAEAEA;}
.wz-sum div:first-child{border-top:0;}
.wz-sum dt{flex:0 0 34%;color:#5F5650;font-size:.85rem;}
.wz-sum dd{flex:1;margin:0;color:#222222;font-size:.92rem;word-break:break-all;}
.wz-sum button{margin-left:8px;flex:0 0 auto;background:none;border:0;padding:0;
  color:#1B3B6F;font-size:.82rem;text-decoration:underline;cursor:pointer;font-family:inherit;}
.wz-step--confirm .btn-primary{width:100%;justify-content:center;}

/* 위저드가 서면 폼 옆에 붙어 있던 안내 컷은 접는다 — 같은 말이 두 번 서지 않게 */
.wz-on .char-band--formhint{display:none;}
