/* =========================================================
   회원가입 페이지 전용
   ========================================================= */

/* signup 카드는 폼 영역이 약간 더 넓음 */
.signup-card.auth-card { grid-template-columns: 1fr 1.05fr; max-width: 920px; }

/* 좌측 hero 의 단계(번호) 리스트 */
.auth-hero-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.85rem; counter-reset: step; }
.auth-hero-steps li { display: flex; align-items: flex-start; gap: 0.7rem; font-size: 0.9rem; line-height: 1.5; opacity: 0.95; }
.auth-hero-steps .num { width: 26px; height: 26px; border-radius: 50%; background: var(--accent); color: #4A2A00; display: flex; align-items: center; justify-content: center; font-size: 0.78rem; font-weight: 800; flex-shrink: 0; }

/* 폼 group 간격을 살짝 줄임 */
.signup-form .form-group { margin-bottom: 1rem; }

/* F-ACCT-10 가입할 원 다중 선택 목록 */
.signup-store-list { display: flex; flex-direction: column; gap: 0.4rem; }
.signup-store-item { display: flex; align-items: center; gap: 0.6rem; padding: 0.65rem 0.8rem; border: 1px solid var(--border); border-radius: var(--radius-sm); cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.signup-store-item:hover { border-color: var(--brand); background: var(--brand-soft); }
.signup-store-item input { width: 17px; height: 17px; accent-color: var(--brand); cursor: pointer; flex-shrink: 0; }
.signup-store-item .ss-name { font-size: 0.9rem; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 약관 안내 */
.terms-line { background: var(--bg); border-radius: var(--radius-sm); padding: 0.8rem 0.95rem; font-size: 0.78rem; color: var(--muted); margin: 1rem 0 0; line-height: 1.55; }
.terms-line a { color: var(--brand); text-decoration: none; font-weight: 600; }
.terms-line a:hover { text-decoration: underline; }

/* 공통 폼 스타일(.input-row / .btn-action / .input-timer / .otp-input / .form-hint)은
   auth.css 로 이동했다. signup·find-password 가 공유. */

@media (max-width: 768px) {
    /* auth.css 의 1단 전환(.auth-card)을 .signup-card.auth-card(특정도 2) 가 덮어쓰던 문제 → 같은 특정도로 재정의 */
    .signup-card.auth-card { grid-template-columns: 1fr; }
    .auth-hero-steps li { font-size: 0.85rem; }
}