/* 질문하기 */
.qa-list { list-style: none; margin: var(--sp-3) 0 0; padding: 0; display: grid; gap: 10px; }
.qa-item { display: flex; gap: var(--sp-3); align-items: center; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); color: inherit; text-decoration: none; }
.qa-main { flex: 1; min-width: 0; display: grid; gap: 4px; }
.qa-title { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qa-excerpt { font-size: var(--fs-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qa-meta { font-size: var(--fs-xs); margin: 0; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.qa-thumb { flex: none; width: 64px; height: 64px; border-radius: var(--radius-sm); object-fit: cover; }
.badge.solved { background: #E3F0E4; color: var(--ok); }
.qa-question h1 { margin: var(--sp-2) 0; font-size: var(--fs-title); }
.qa-body { margin: var(--sp-2) 0 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; }
.qa-images { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-block-start: var(--sp-3); }
.qa-images img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius-sm); }
.qa-recipe { display: flex; align-items: center; gap: 6px; margin: var(--sp-3) 0 0; font-size: var(--fs-sm); }
.qa-recipe .icon { width: 16px; height: 16px; color: var(--brand-text); }
.qa-actions { display: flex; gap: var(--sp-2); justify-content: flex-end; margin-block-start: var(--sp-3); }
.answer-list { list-style: none; margin: var(--sp-3) 0 0; padding: 0; }
.answer { padding: 14px 0; border-block-end: 1px solid var(--line); }
.answer.is-accepted { padding: 14px; border: 2px solid var(--ok); border-radius: var(--radius-card); background: #F4F9F4; margin-block-end: 10px; }
.qa-answer-actions { display: flex; gap: var(--sp-3); align-items: center; margin-block-start: 6px; }