/* ===== 도움말 챗봇 (/kb/ask) ===== */
.nc-ask-hero { padding: 44px 0 72px; }
.nc-ask-hero-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.nc-ask-hero-links a { font-size: 14.5px; font-weight: 700; color: var(--nc-gold-hi); text-decoration: none; border: 1px solid var(--nc-night-line); border-radius: 99px; padding: 7px 16px; }
.nc-ask-hero-links a:hover { border-color: var(--nc-gold); background: var(--nc-night-2); }
.nc-ask { background: var(--nc-mist); padding: 0 0 56px; }
.nc-ask-wrap { max-width: 760px; }

.nc-ask-panel { position: relative; margin-top: -40px; background: #fff; border: 1px solid var(--nc-line); border-radius: 6px; box-shadow: 0 12px 28px -20px rgba(11,21,48,.35); display: flex; flex-direction: column; }
.nc-ask-log { min-height: 300px; max-height: 62vh; overflow-y: auto; padding: 24px 24px 8px; display: flex; flex-direction: column; gap: 14px; }

.nc-ask-msg { display: flex; }
.nc-ask-msg.is-me { justify-content: flex-end; }
.nc-ask-bubble { max-width: 88%; font-size: 15.5px; line-height: 1.7; color: var(--nc-ink); padding: 12px 16px; border-radius: 14px; background: var(--nc-mist); border-top-left-radius: 4px; overflow-wrap: anywhere; }
.nc-ask-msg.is-me .nc-ask-bubble { background: var(--nc-night); color: #fff; border-radius: 14px; border-top-right-radius: 4px; }
.nc-ask-bubble p { margin: 0; }
.nc-ask-bubble p + p, .nc-ask-bubble p + .nc-ask-cards { margin-top: 10px; }
.nc-ask-bubble a { color: var(--nc-navy); font-weight: 700; }

/* 답을 기다리는 동안 점 세 개 */
.nc-ask-bubble.is-wait { display: inline-flex; gap: 5px; padding: 16px 18px; }
.nc-ask-bubble.is-wait i { width: 7px; height: 7px; border-radius: 50%; background: #9aa3b8; animation: nc-ask-dot 1s infinite ease-in-out; }
.nc-ask-bubble.is-wait i:nth-child(2) { animation-delay: .15s; }
.nc-ask-bubble.is-wait i:nth-child(3) { animation-delay: .3s; }
@keyframes nc-ask-dot { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }

/* 답변 글 카드 */
.nc-ask-cards { display: flex; flex-direction: column; gap: 8px; }
.nc-ask-card { display: block; background: #fff; border: 1px solid var(--nc-line); border-radius: 6px; padding: 12px 14px; text-decoration: none; }
.nc-ask-bubble a.nc-ask-card { font-weight: 400; color: var(--nc-ink); }
.nc-ask-card:hover { border-color: var(--nc-navy); }
.nc-ask-card.is-top { border-left: 3px solid var(--nc-gold); }
.nc-ask-card strong { display: block; font-size: 15.5px; font-weight: 700; color: var(--nc-navy); line-height: 1.5; }
.nc-ask-card-cat { display: block; font-size: 12.5px; color: var(--nc-sub); margin-bottom: 2px; }
.nc-ask-card-sum { display: block; font-size: 14px; color: var(--nc-sub); line-height: 1.6; margin-top: 4px; }

.nc-ask-fb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; font-size: 14px; color: var(--nc-sub); }
.nc-ask-fb button { font: inherit; font-size: 14px; font-weight: 700; color: var(--nc-ink); background: #fff; border: 1px solid #c3cad8; border-radius: 99px; padding: 5px 14px; cursor: pointer; }
.nc-ask-fb button:hover { border-color: var(--nc-navy); color: var(--nc-navy); }
.nc-ask-fb-done { color: #2f6b3a; font-weight: 700; }
.nc-ask-next { font-size: 14.5px; }

/* 예시 질문 */
.nc-ask-chips { display: flex; flex-wrap: nowrap; gap: 6px; padding: 8px 24px 16px; overflow-x: auto; } /* PC: 한 줄 */
.nc-ask-chips[hidden] { display: none; }
.nc-ask-chip { flex: none; white-space: nowrap; font: inherit; font-size: 13.5px; color: var(--nc-navy); background: #fff; border: 1px solid #c9d1e3; border-radius: 99px; padding: 6px 12px; cursor: pointer; }
.nc-ask-chip:hover { background: var(--nc-mist); }

/* 입력창 */
.nc-ask-form { display: flex; border-top: 1px solid var(--nc-line); }
.nc-ask-form input { flex: 1; min-width: 0; border: 0; font: inherit; font-size: 16px; color: var(--nc-ink); padding: 16px 20px; outline: none; background: none; }
.nc-ask-form input::placeholder { color: #8a93aa; }
.nc-ask-form button { border: 0; background: var(--nc-gold); color: #1b1405; font: inherit; font-size: 15.5px; font-weight: 700; padding: 0 24px; cursor: pointer; border-bottom-right-radius: 5px; }
.nc-ask-form button:hover { background: var(--nc-gold-hi); }

.nc-ask-foot { margin-top: 16px; font-size: 14px; color: var(--nc-sub); text-align: center; }
.nc-ask-foot a { color: var(--nc-navy); font-weight: 700; }

@media (max-width: 560px) {
    .nc-ask-hero { padding: 36px 0 64px; }
    .nc-ask-log { padding: 18px 14px 8px; max-height: 58vh; }
    .nc-ask-bubble { max-width: 94%; font-size: 15px; }
    .nc-ask-chips { padding: 8px 14px 14px; flex-wrap: wrap; } /* 휴대폰은 줄바꿈 */
    .nc-ask-form input { padding: 14px; }
    .nc-ask-form button { padding: 0 16px; }
}
.nc-ask-reset { font: inherit; font-size: 13.5px; color: var(--nc-sub); background: none; border: 0; padding: 0; margin-left: 10px; text-decoration: underline; cursor: pointer; }
.nc-ask-reset[hidden] { display: none; }