/* ─── 루트 래퍼 (전체 감싸기 · 필수) ─── */
.myMerci_Q01 { color: #333; font-family: 'Pretendard', sans-serif; line-height: 1.8; word-break: keep-all; letter-spacing: -0.3px; -webkit-font-smoothing: antialiased; margin: 0; padding: 10px 0 80px; }

/* ─── 장 제목 (예: 1 장. 기본간호 · 간호술기) ─── */
.myMerci_Q01 h2 { font-size: 24px; font-weight: 800; color: #2097FF; margin: 40px 0 6px; letter-spacing: -0.5px; line-height: 1.4; }
.myMerci_Q01 h2:first-child { margin-top: 10px; }

/* ─── 장 부제 (문항 범위·총 문항 수, 예: 문항 001 ~ 011 · 총 11문항) ─── */
.myMerci_Q01 .qa-count { font-size: 14px; color: #999; margin: 0 0 24px; }

/* ─── 문항 번호 (예: 문항 001  [수액요법]) ─── */
.myMerci_Q01 .qa-no { font-size: 13px; font-weight: 700; color: #666; margin: 28px 0 6px; }

/* ─── 질문 (예: Q. 정맥주입(IV)의 목적을 말해 보세요.) ─── */
.myMerci_Q01 h3 { font-size: 19px; font-weight: 800; color: #111; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid #DDD; line-height: 1.6; }

/* ─── 모범답안 라벨 (이렇게 답변하세요) ─── */
.myMerci_Q01 .a-label { font-size: 15px; font-weight: 700; color: #2097FF; margin: 8px 0; }

/* ─── 답변 본문 ─── */
.myMerci_Q01 p { font-size: 16px; color: #333; margin: 0 0 10px; }

/* ─── 키워드 요약 줄 (답변 하단) ─── */
.myMerci_Q01 .qa-keyword { font-size: 14px; color: #8A8A8A; margin: 10px 0 18px; }
.myMerci_Q01 .qa-keyword strong { color: #2097FF; font-weight: 700; }
.myMerci_Q01 .qa-keyword strong::after { content: '→'; margin: 0 6px 0 5px; font-weight: 400; }

/* ─── 예상 꼬리질문 라벨 ─── */
.myMerci_Q01 .f-label { font-size: 15px; font-weight: 700; color: #444; margin: 0 0 8px; }

/* ─── 예상 꼬리질문 항목 ─── */
.myMerci_Q01 li { font-size: 15px; color: #666; margin: 0 0 6px; line-height: 1.7; }

/* ─── 라벨 앞 마커 (두 라벨에만 표시) ─── */
.myMerci_Q01 .a-label::before, .myMerci_Q01 .f-label::before { content: '▪'; margin-right: 6px; }

/* ─── 리스트 불릿 제거 (라벨 마커 외 모든 목록 기호 삭제) ─── */
.myMerci_Q01 ul, .myMerci_Q01 ol { list-style: none; padding-left: 0; margin: 0 0 18px; }

/* ─── 본문 강조 ─── */
.myMerci_Q01 strong { color: #2097FF; font-weight: 700; }

/* 학습 모드 — 화면 맨 아래 전체 폭 고정 바 (버튼은 JS(qa_toggle.js)가 body에 주입, 문답형 페이지 전용) */
.mm-qa-fab { position: fixed; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.97); border-top: 1px solid #E5E5E5; z-index: 950; }
.mm-qa-fab button { flex: 1 1 0; max-width: 320px; padding: 12px 0; border: 1.5px solid #2097FF; border-radius: 12px; background: #fff; color: #2097FF; font-size: 15px; font-weight: 700; cursor: pointer; font-family: inherit; white-space: nowrap; }
.mm-qa-fab button.active { background: #2097FF; color: #fff; }

/* 학습 모드 — 가림 상태 (mm- 클래스는 JS 전용 · 변환 출력에 쓰지 말 것) */
.myMerci_Q01.mm-qa-hide h3 { cursor: pointer; margin-bottom: 0; }
.myMerci_Q01.mm-qa-hide .mm-qa-body { display: none; }
.myMerci_Q01.mm-qa-hide .mm-qa-body.mm-peek { display: block; }
.myMerci_Q01.mm-qa-hide h3::after { content: '답변 보기'; display: inline-block; margin-left: 10px; font-size: 13px; font-weight: 600; color: #2097FF; border: 1px solid #BEDFFF; border-radius: 999px; padding: 2px 12px; vertical-align: middle; letter-spacing: 0; }
.myMerci_Q01.mm-qa-hide h3.mm-open::after { content: '접기'; }

/* 반응형: 481px ~ 767px */
@media (max-width: 767px) and (min-width: 481px) {
  .myMerci_Q01 h2 { font-size: 21px; margin-top: 34px; }
  .myMerci_Q01 h3 { font-size: 17px; }
  .myMerci_Q01 p { font-size: 15px; }
  .myMerci_Q01 .a-label, .myMerci_Q01 .f-label { font-size: 14px; }
  .myMerci_Q01 li { font-size: 14px; }
}

/* 반응형: 321px ~ 480px */
@media (max-width: 480px) and (min-width: 321px) {
  .myMerci_Q01 { line-height: 1.7; }
  .myMerci_Q01 h2 { font-size: 19px; margin-top: 30px; }
  .myMerci_Q01 .qa-count { font-size: 13px; margin-bottom: 18px; }
  .myMerci_Q01 .qa-no { font-size: 12px; margin-top: 24px; }
  .myMerci_Q01 h3 { font-size: 16px; margin-bottom: 14px; padding-bottom: 10px; }
  .myMerci_Q01 p { font-size: 14px; }
  .myMerci_Q01 .a-label, .myMerci_Q01 .f-label { font-size: 13px; }
  .myMerci_Q01 .qa-keyword { font-size: 13px; }
  .myMerci_Q01 li { font-size: 13px; }
  .myMerci_Q01.mm-qa-hide h3::after { display: block; margin: 8px 0 0; width: fit-content; font-size: 12px; }
}

/* 반응형: ~ 320px */
@media (max-width: 320px) {
  .myMerci_Q01 { line-height: 1.7; padding-bottom: 76px; }
  .myMerci_Q01 h2 { font-size: 17px; margin-top: 26px; }
  .myMerci_Q01 .qa-count { font-size: 12px; margin-bottom: 16px; }
  .myMerci_Q01 .qa-no { font-size: 11px; margin-top: 20px; }
  .myMerci_Q01 h3 { font-size: 15px; margin-bottom: 12px; padding-bottom: 9px; }
  .myMerci_Q01 p { font-size: 13px; }
  .myMerci_Q01 .a-label, .myMerci_Q01 .f-label { font-size: 12px; }
  .myMerci_Q01 .qa-keyword { font-size: 12px; }
  .myMerci_Q01 li { font-size: 12px; }
  .myMerci_Q01.mm-qa-hide h3::after { display: block; margin: 8px 0 0; width: fit-content; font-size: 11px; padding: 2px 10px; }
  .mm-qa-fab button { font-size: 14px; padding: 11px 0; }
}