/* 세무 Q&A — 질문작성·상세(답변·채택) 전용 (D-173).
   지금까지 qna-board.html·qna-post.html은 app.css 공용 클래스(.card·.tax-list 등)만 썼는데,
   이번에 폼 레이아웃·채택 UI·답변작성 폼이 새로 생겨 전용 파일로 분리했다(home.css와 같은 이유). */

/* ── 질문하기 폼 ─────────────────────────────────────────── */
.qna-write-sec { max-width: 720px; margin-inline: auto; }

.qna-write-form { display: flex; flex-direction: column; gap: 14px; }

/* ⚠ 내용이 이 화면의 주인공이다(사용자 지시: "내용 영역에 집중할 수 있도록") — 제목·분야보다
   훨씬 큰 자리를 준다. 고정 rows만으로는 폭이 좁은 화면에서 줄바꿈이 늘어 답답해지므로
   min-height도 함께 준다. */
.qna-write-body textarea {
  min-height: 420px;
  padding: 14px;
  line-height: 1.6;
  resize: vertical;
}

/* 예전엔 등록·취소가 폼의 flex-column을 그대로 물려받아 **버튼 두 개가 풀폭으로 나란히 쌓였다**
   (사용자 지적 "너무 많은 영역을 차지"). 여기서 행을 끊고 오른쪽 정렬 + btn-sm으로 줄인다. */
.qna-write-actions {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;
  margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--border);
}
.qna-write-btns { display: flex; gap: 8px; }

/* ── 질문 상세: 답변·채택·답변작성 (D-173) ─────────────────────── */
.qna-post-sec { max-width: 720px; margin-inline: auto; }

.qna-answers-head { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 12px; }

.qna-answer-card { display: flex; flex-direction: column; gap: 10px; }
.qna-answer-top { display: flex; align-items: flex-start; gap: 12px; }
.qna-answer-avatar {
  width: 40px; height: 40px; border-radius: 50%; flex: none; object-fit: cover;
  display: flex; align-items: center; justify-content: center;
}
.qna-answer-avatar-empty { background: var(--primary-light); color: var(--primary); font-weight: 700; }
.qna-answer-id { min-width: 0; flex: 1; }
.qna-answer-body { white-space: pre-line; }

/* 채택된 답변은 테두리·은은한 배경으로만 구분한다 — 그림자를 넣지 않는 홈 카드 규칙(D-167·D-168)과
   같은 이유로, 색만 바꿔 "선택됐다"를 말하고 카드 모양 자체는 흔들지 않는다. */
.qna-answer-adopted { border-color: var(--success); background: #F2FBF7; }
.qna-badge-adopted { background: var(--success); color: #fff; }

.qna-adopt-form { align-self: flex-start; }

.qna-write-answer { margin-top: 16px; }
.qna-write-answer textarea { min-height: 160px; padding: 12px; line-height: 1.6; resize: vertical; }