@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 루트 래퍼 (전체 감싸기 · 필수) */
.myMerci_W01 { color: #333; font-family: 'Pretendard', sans-serif; line-height: 1.7; -webkit-font-smoothing: antialiased; margin: 0; padding: 10px 0; }

/* 대제목 (섹션 번호 + 제목, 예: 1. 기본·공통 간호) */
.myMerci_W01 .glossary-title { font-size: 26px; font-weight: 800; color: #0b5e52; margin: 40px 0 8px; letter-spacing: -0.5px; word-break: keep-all; }
.myMerci_W01 .glossary-title:first-child { margin-top: 10px; }

/* 회색 소제목 (용어 개수 등 보조 설명, 예: 60개 용어) */
.myMerci_W01 .glossary-count { font-size: 14px; color: #999; margin: 0 0 14px; }

/* 테이블 래퍼 (table-wrapper는 AI 출력 별칭 · overflow를 주면 sticky 헤더가 깨지므로 여백만 담당) */
.myMerci_W01 .table-container, .myMerci_W01 .table-wrapper { width: 100%; margin: 0 0 40px; }


/* 용어집 테이블 (No | 영어 의학용어 | 한글용어) — table-layout:fixed로 어떤 폭에도 자동 맞춤 */
.myMerci_W01 table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 16px; border: 1px solid #e0e0e0; }
.myMerci_W01 th:nth-child(2), .myMerci_W01 td:nth-child(2) { width: 55%; }
.myMerci_W01 th { background-color: #0b5e52; color: #fff; font-weight: 700; padding: 12px 16px; text-align: left; white-space: nowrap; border: 1px solid #0b5e52; }
.myMerci_W01 td { padding: 12px 16px; border-bottom: 1px solid #ececec; vertical-align: middle; background-color: #fff; overflow-wrap: break-word; }
.myMerci_W01 th:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.28); }
.myMerci_W01 td:not(:last-child) { border-right: 1px solid #ececec; }
.myMerci_W01 tbody tr:nth-child(even) td { background-color: #f6f6f6; }
.myMerci_W01 tbody tr:last-child td { border-bottom: none; }

/* No 열 (번호 · 좁게 가운데 정렬 — col-no 클래스 없어도 첫 열에 적용) */
.myMerci_W01 th.col-no, .myMerci_W01 th:first-child, .myMerci_W01 td.col-no, .myMerci_W01 td:first-child { width: 56px; text-align: center; }
.myMerci_W01 td.col-no, .myMerci_W01 td:first-child { color: #888; }

/* 영어 의학용어 (틸 컬러 볼드 — term-en 클래스 없어도 둘째 열에 적용) */
.myMerci_W01 .term-en, .myMerci_W01 td:nth-child(2) { color: #0b5e52; font-weight: 700; }

/* 한글용어 (기본 텍스트, 예: 활력징후) */
.myMerci_W01 .term-ko { color: #444; }

/* 강조 텍스트 (본문 내 핵심 단어) */
.myMerci_W01 strong { color: #0b5e52; font-weight: 700; }

/* 학습 모드 — 하단 플로팅 버튼으로 열 가리기 (버튼은 JS(glossary_toggle.js)가 body에 주입, 용어집 페이지 전용) */
.mm-glossary-fab { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; gap: 8px; z-index: 950; }
.mm-glossary-fab button { padding: 11px 20px; border: 1.5px solid #0b5e52; border-radius: 24px; background: #fff; color: #0b5e52; font-size: 14px; font-weight: 700; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); cursor: pointer; font-family: inherit; white-space: nowrap; }
.mm-glossary-fab button.active { background: #0b5e52; color: #fff; }
/* 모바일: 둥둥 뜬 알약 대신 화면 맨 아래 전체 폭 고정 바 (본문 위에 겹쳐 보이지 않게) */
@media (max-width: 600px) {
  .mm-glossary-fab { left: 0; right: 0; bottom: 0; transform: none; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.97); border-top: 1px solid #e5e5e5; }
  .mm-glossary-fab button { flex: 1; padding: 12px 0; font-size: 15px; border-radius: 12px; box-shadow: none; }
}
.myMerci_W01 table.mm-hide-2 tbody td:nth-child(2), .myMerci_W01 table.mm-hide-3 tbody td:nth-child(3) { cursor: pointer; }
.myMerci_W01 table.mm-hide-2 tbody td:nth-child(2):not(.mm-peek), .myMerci_W01 table.mm-hide-2 tbody td:nth-child(2):not(.mm-peek) *, .myMerci_W01 table.mm-hide-3 tbody td:nth-child(3):not(.mm-peek), .myMerci_W01 table.mm-hide-3 tbody td:nth-child(3):not(.mm-peek) * { color: transparent !important; }

/* 반응형 (모바일) */
@media (max-width: 600px) {
  .myMerci_W01 .glossary-title { font-size: 21px; }
  .myMerci_W01 table { font-size: 14px; }
  .myMerci_W01 th, .myMerci_W01 td { padding: 10px 12px; }
  .myMerci_W01 th.col-no, .myMerci_W01 th:first-child, .myMerci_W01 td.col-no, .myMerci_W01 td:first-child { width: 42px; }
}