.qna{margin-top:20px}.qna-toolbar{justify-content:flex-end;display:flex}.qna-search{gap:8px;margin-top:14px;display:flex}.qna-search input{font:inherit;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);border-radius:10px;flex:1;padding:10px 14px}.qna-status{border-radius:12px;margin:14px 0;padding:12px 16px;font-size:14px;font-weight:600}.qna-status.qna-status-error{color:#9b5f37;background:#f7e3d2}.qna-status.qna-status-info{background:var(--navy-soft);color:var(--navy-d)}.qna-table{margin-top:18px}.qna-table-head,.qna-row{grid-template-columns:56px 1fr 90px 110px 150px 64px;align-items:center;gap:10px;display:grid}.qna-table-head{border-bottom:2px solid var(--line-2);color:var(--ink-3);padding:10px 14px;font-size:12.5px;font-weight:700}.qna-col-no,.qna-col-category,.qna-col-views{text-align:center}.qna-list{flex-direction:column;display:flex}.qna-list-empty{text-align:center;color:var(--ink-3);padding:32px 0;font-size:14.5px}.qna-row{text-align:left;background:var(--surface);border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;font:inherit;color:var(--ink);padding:14px}.qna-row:hover{background:var(--surface-2)}.qna-row-notice,.qna-row-notice:hover{background:var(--navy-soft)}.qna-col-title{align-items:baseline;gap:6px;min-width:0;display:flex}.qna-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.qna-item-comment-count{color:var(--navy);flex:none;font-size:12.5px;font-weight:700}.qna-col-category,.qna-col-author,.qna-col-date,.qna-col-views{color:var(--ink-3);font-size:13px}.qna-badge-notice{background:var(--navy);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.qna-badge-category{background:var(--sage);color:var(--sage-ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.qna-pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px;display:flex}.qna-page-btn{border:1px solid var(--line-2);background:var(--surface);min-width:36px;height:36px;color:var(--ink-2);cursor:pointer;font-size:13.5px;font-weight:700;font:inherit;border-radius:10px;padding:0 10px}.qna-page-btn:hover:not(:disabled){border-color:var(--navy);color:var(--navy)}.qna-page-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.qna-page-btn:disabled{opacity:.4;cursor:default}@media (width<=640px){.qna-table-head{display:none}.qna-row{border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr;gap:4px;margin-bottom:8px}.qna-col-no{text-align:left;color:var(--ink-4);order:-1;font-size:12px}.qna-col-category,.qna-col-author,.qna-col-date,.qna-col-views{text-align:left;display:inline}.qna-col-category:after,.qna-col-author:after,.qna-col-date:after{content:"·";color:var(--ink-4);margin-left:8px}}.qna-form{flex-direction:column;gap:12px;margin-top:18px;display:flex}.qna-form[hidden]{display:none}.qna-form h3{font-size:17px;font-weight:800}.qna-form label{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;display:flex}.qna-form input,.qna-form textarea,.qna-form select{font:inherit;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:10px 12px}.qna-form textarea{resize:vertical}.qna-honeypot{width:1px;height:1px;position:absolute;left:-5000px;overflow:hidden}.qna-form-actions{gap:10px;display:flex}.qna-detail{margin-top:14px}.qna-detail-back{color:var(--navy);cursor:pointer;font-weight:700;font:inherit;background:0 0;border:none;padding:0}.qna-detail-card{margin-top:14px}.qna-detail-badges{gap:8px;margin-bottom:10px;display:flex}.qna-detail-title{font-size:20px;font-weight:800}.qna-detail-meta{color:var(--ink-3);gap:10px;margin-top:8px;font-size:13px;display:flex}.qna-detail-body{white-space:pre-wrap;color:var(--ink);margin-top:18px;font-size:15.5px}.qna-detail-actions{gap:8px;margin-top:16px;display:flex}.qna-comments{margin-top:28px}.qna-comments h4{font-size:15px;font-weight:800}.qna-comment-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.qna-comment{border-top:1px solid var(--line);padding-top:12px}.qna-comment-meta{color:var(--ink-3);gap:8px;font-size:12.5px;display:flex}.qna-comment-body{white-space:pre-wrap;margin-top:6px;font-size:14.5px}.qna-comment-actions{gap:10px;margin-top:6px;display:flex}.qna-link-btn{color:var(--ink-3);cursor:pointer;font-size:12.5px;font-weight:700;font:inherit;background:0 0;border:none;padding:0}.qna-link-btn:hover{color:var(--navy)}.qna-inline-form{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex}.qna-inline-form input,.qna-inline-form textarea{font:inherit;border:1px solid var(--line-2);border-radius:8px;padding:8px 10px}.qna-inline-form-actions{gap:8px;display:flex}.qna-btn-sm{padding:7px 14px;font-size:13px}