/* 궁금해요(Q&A) 글 — 2026-10-08 외부유입형 탭. style.css 는 앱형 탭 것이라 따로 둔다. 색·글자는 tokens.css 변수만 쓴다 */
.qna { font-size: var(--t5); line-height: 1.75; word-break: keep-all; overflow-wrap: anywhere; }
.qna h1 { font-size: var(--t2); line-height: var(--t2-lh); margin: 4px 0 8px; }
.qna h2 { font-size: var(--t3); line-height: var(--t3-lh); margin: 40px 0 12px; scroll-margin-top: 72px; }
.qna h3 { font-size: var(--t5); line-height: var(--t5-lh); margin: 22px 0 6px; }
.qna p { margin: 0 0 14px; }
.qna b, .qna strong { color: var(--text); }
.qna a { color: var(--primary); }
.qna-q { display: inline-block; margin: 0 0 10px; padding: 6px 12px; border-radius: var(--r-chip); background: var(--grey100); color: var(--text2); font-size: var(--t6); font-weight: 600; }
.qna-meta { color: var(--text3); font-size: var(--t7); margin-bottom: 18px; }
.qna-answer { background: var(--weak-bg); border-radius: var(--r-card); padding: 18px 20px; margin: 0 0 22px; }
.qna-answer p { margin: 0; }
.qna-answer .qna-answer-h { color: var(--weak-text); font-weight: 700; font-size: var(--t6); margin-bottom: 6px; }
.qna-toc { border: 1px solid var(--line); border-radius: var(--r-card); padding: 14px 18px; margin: 0 0 8px; }
.qna-toc p { font-weight: 700; margin: 0 0 6px; font-size: var(--t6); }
.qna-toc ol { margin: 0; padding-left: 1.3em; }
.qna-toc li { margin: .25em 0; font-size: var(--t6); }
.qna-toc a { color: var(--text2); text-decoration: none; }
.qna ol, .qna ul { padding-left: 1.3em; }
.qna li { margin: .45em 0; }
.qna .tbl { overflow-x: auto; margin: 14px 0 18px; border: 1px solid var(--line); border-radius: 14px; }
.qna table { border-collapse: collapse; width: 100%; font-size: var(--t6); line-height: 1.5; }
.qna th, .qna td { padding: 10px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); overflow-wrap: normal; word-break: keep-all; }
.qna th { background: var(--grey50); color: var(--text2); font-weight: 700; }
.qna tr:last-child td { border-bottom: 0; }
.qna td:first-child { font-weight: 600; min-width: 4em; }
.qna-cta { background: var(--grey50); border-radius: var(--r-card); padding: 20px; margin: 28px 0; }
.qna-cta p { margin: 0 0 6px; }
.qna-cta .qna-cta-t { font-weight: 700; font-size: var(--t4); line-height: var(--t4-lh); }
.qna-cta .qna-cta-d { color: var(--text2); }
.qna-cta .qna-cta-s { color: var(--text3); font-size: var(--t7); margin-bottom: 14px; }
.qna-cta .btn { color: #fff; text-decoration: none; }
.qna-cta .btn.weak { color: var(--weak-text); margin-top: 8px; }
/* 앱 설치 안내(site.json play_url 이 있을 때): 안드로이드 웹에서만 설치 버튼, 앱 안·아이폰·PC 는 일반 찾기 버튼 */
.qna-cta-plain { display: none; }
html.app .qna-cta-store, html.no-android .qna-cta-store { display: none; }
html.app .qna-cta-plain, html.no-android .qna-cta-plain { display: block; }
.qna-rel ul, .qna-src ul { padding-left: 1.1em; }
.qna-src { color: var(--text3); font-size: var(--t7); line-height: 1.6; }
.qna-src h2 { font-size: var(--t5); margin-top: 32px; }
.qna-src a { color: var(--text2); }
.qna-list { display: grid; gap: 10px; margin-top: 12px; }
.qna-item { display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: var(--text); }
.qna-item-q { color: var(--text2); font-size: var(--t6); }
.qna-item b { font-size: var(--t5); line-height: var(--t5-lh); }
@media (max-width: 370px) { .qna th, .qna td { padding: 9px 7px; } }