/* ── find_type.php 전용 CSS ── */
#findBody { font-family:'Inter',sans-serif; }

/* 진행 바 */
.progress-track {
    height:5px; background:#f1f5f9; border-radius:99px;
    overflow:hidden; margin-bottom:28px;
}
.progress-fill {
    height:100%; background:linear-gradient(90deg,#7c3aed,#ec4899);
    border-radius:99px; transition:width .4s cubic-bezier(.25,.46,.45,.94);
}

/* 질문 카드 */
.q-card {
    background:#fff; border-radius:20px; border:1px solid #ececec;
    padding:28px 24px; box-shadow:0 2px 12px rgba(0,0,0,.05);
}

/* 선택지 버튼 */
.choice-btn {
    width:100%; padding:16px 18px; border-radius:14px;
    border:2px solid #e5e7eb; background:#fff;
    cursor:pointer; font-size:14px; font-weight:500; color:#374151;
    text-align:left; line-height:1.5; transition:all .18s;
    display:flex; align-items:center; gap:12px; margin-bottom:10px;
}
.choice-btn:last-child { margin-bottom:0; }
.choice-btn:hover {
    border-color:#a78bfa; background:#faf5ff; color:#6d28d9;
    transform:translateY(-1px); box-shadow:0 4px 14px rgba(124,58,237,.12);
}
.choice-btn .choice-letter {
    width:30px; height:30px; border-radius:50%;
    background:#f3f4f6; color:#9ca3af;
    font-size:13px; font-weight:700;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0; transition:all .18s;
}
.choice-btn:hover .choice-letter { background:#ede9fe; color:#7c3aed; }

/* 차원 레이블 칩 */
.dim-chip {
    display:inline-block; font-size:11px; font-weight:700;
    padding:3px 10px; border-radius:99px;
    margin-bottom:14px; letter-spacing:.06em;
}

/* 결과 카드 */
.result-card {
    background:#fff; border-radius:20px; border:1px solid #ececec;
    padding:32px 24px; text-align:center;
    box-shadow:0 4px 20px rgba(0,0,0,.07);
}
.result-type-badge {
    font-size:52px; font-weight:900; letter-spacing:2px;
    background:linear-gradient(135deg,#7c3aed,#ec4899);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text; line-height:1.1; margin-bottom:4px;
}
.result-retry-btn {
    display:inline-block; margin-top:14px; padding:10px 22px;
    border-radius:12px; border:1.5px solid #e5e7eb;
    background:#fff; color:#6b7280; font-size:13px; font-weight:600;
    cursor:pointer; transition:.15s;
}
.result-retry-btn:hover { border-color:#a78bfa; color:#7c3aed; background:#faf5ff; }

/* 슬라이드 인 */
.slide-in { animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94) both; }
@keyframes slideInUp {
    from { opacity:0; transform:translateY(18px); }
    to   { opacity:1; transform:translateY(0); }
}

/* 안내 메모 */
.brief-note {
    margin-top:20px; padding:14px 18px;
    background:#f8fafc; border-radius:12px; border:1px solid #e2e8f0;
    text-align:center;
}