.qna-page{width:min(100% - 32px,780px);margin:32px auto 64px;padding-bottom:env(safe-area-inset-bottom);font-size:1rem;line-height:1.65}
.qna-page [hidden]{display:none!important}.qna-heading{margin-bottom:28px}.qna-heading h1{font-size:2.5rem;margin:8px 0}.qna-heading p{color:var(--graphite)}
.qna-page h2{font-size:1.3rem;line-height:1.5;overflow-wrap:anywhere}.qna-panel{padding:24px;border:1px solid var(--rule);border-radius:12px;background:var(--surface);margin:18px 0}
.qna-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.qna-muted{color:var(--graphite);font-size:.9rem;overflow-wrap:anywhere}
.qna-page button,.qna-page .btn{min-height:48px;font-size:1rem;cursor:pointer}.qna-page button:disabled{cursor:wait;opacity:.6}.qna-page input,.qna-page textarea{display:block;width:100%;box-sizing:border-box;min-width:0;font:inherit;font-size:16px;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:12px;min-height:48px}.qna-page textarea{resize:vertical}
.qna-page label{display:block;font-weight:600;margin:22px 0 8px}.qna-page :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.qna-upload{border:1px dashed var(--graphite);padding:16px;border-radius:8px}.qna-upload input{padding:4px;border:0}.qna-upload input::file-selector-button{min-height:44px;margin-right:10px;cursor:pointer}.qna-upload p{font-size:.9rem;color:var(--graphite);margin-bottom:0}
.qna-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.qna-images figure{margin:0;min-width:0}.qna-images img{display:block;width:100%;height:150px;object-fit:contain;background:var(--paper);border:1px solid var(--rule);border-radius:8px}.qna-images figcaption{font-size:.875rem;overflow-wrap:anywhere;margin:6px 0}.qna-images button{width:100%;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink)}
.qna-images a{display:block;min-height:44px;font-size:.9rem;overflow-wrap:anywhere}.qna-submit{width:100%;margin-top:16px}.qna-back{background:transparent;border:0;padding:8px 0;color:var(--accent-ink);text-align:left}
.qna-list{display:grid;gap:12px;margin:20px 0}.qna-item{width:100%;padding:18px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:10px}.qna-item strong{display:block;font-size:1.05rem;overflow-wrap:anywhere;margin:8px 0}.qna-badge{display:inline-block;padding:3px 10px;border-radius:16px;background:var(--accent-wash);color:var(--accent-ink);font-size:.875rem;font-weight:600}
.qna-pagination{display:flex;justify-content:center;align-items:center;gap:20px}.qna-pagination button{background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:8px 18px}.qna-content{white-space:pre-wrap;overflow-wrap:anywhere}.qna-answer{padding:16px 0;border-bottom:1px solid var(--rule)}.qna-answer:last-child{border-bottom:0}.qna-notice:empty{display:none}.qna-notice{padding:12px 16px;border-radius:8px;background:var(--accent-wash);overflow-wrap:anywhere}.qna-error{color:var(--danger)}
@media(max-width:480px){.qna-page{margin-top:24px}.qna-panel{padding:18px}.qna-images{grid-template-columns:repeat(2,minmax(0,1fr))}.qna-images img{height:140px}.qna-toolbar{gap:8px}.qna-heading h1{font-size:2rem}}