@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Serif+KR:wght@300;400;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* Infusion Pump Guide - Unified Design System */
.mymerci_infusion_pump_guide { --paper: #FDFCF8; --white: #FFFFFF; --ink: #1B1B1E; --ink-light: #4A4A4A; --accent: #8E735B; --accent-light: #BFA588; --border: #D1CEC7; --highlight: #FFF9E6; --danger: #C0392B; --danger-bg: #FFF5F5; --info-bg: #F0F4F8; --info-line: #546E7A; --warning-bg: #FFF8E1; --warning-line: #F0B37E; background-color: var(--paper); color: var(--ink); font-family: 'Pretendard', sans-serif; line-height: 1.85; word-break: keep-all; -webkit-font-smoothing: antialiased; max-width: 820px; margin: 0 auto; padding: 56px 48px; box-sizing: border-box; border: 1px solid var(--border); border-radius: 4px; box-shadow: 0 0 60px rgba(0, 0, 0, 0.04); }

/* --- Custom Scrollbar (Classic Book Style) --- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--paper); }
::-webkit-scrollbar-thumb { background: var(--border); border: 2px solid var(--paper); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* --- [3] Typography System --- */
.mymerci_infusion_pump_guide h1, .mymerci_infusion_pump_guide h2, .mymerci_infusion_pump_guide h3 { font-family: 'Nanum Myeongjo', serif; font-weight: 800; margin-top: 0; }
.mymerci_infusion_pump_guide h1 { font-size: 42px; line-height: 1.2; margin-bottom: 60px; border-bottom: 3px solid var(--ink); padding-bottom: 30px; display: inline-block; }
.mymerci_infusion_pump_guide h2 { font-size: 27px; margin: 54px 0 22px; position: relative; padding-left: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--border); }
.mymerci_infusion_pump_guide h2::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 30px; background-color: var(--accent); }
.mymerci_infusion_pump_guide h3 { font-size: 22px; margin: 40px 0 20px; }
.mymerci_infusion_pump_guide p { font-size: 18px; margin-bottom: 22px; text-align: left; color: var(--ink-light); }
.mymerci_infusion_pump_guide .chapter-number { display: block; font-size: 14px; font-weight: 700; color: var(--accent); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; }
.mymerci_infusion_pump_guide .drop-cap { float: left; font-family: 'Nanum Myeongjo', serif; font-size: 75px; line-height: 60px; padding: 4px 12px 0 3px; color: var(--accent); font-weight: 800; }
.mymerci_infusion_pump_guide blockquote { margin: 60px 20px; padding: 0 40px; text-align: center; font-style: italic; font-family: 'Noto Serif KR', serif; font-size: 22px; color: var(--ink); border: none; }
.mymerci_infusion_pump_guide .highlight-text { background-image: linear-gradient(120deg, var(--highlight) 0%, var(--highlight) 100%); background-repeat: no-repeat; background-size: 100% 0.4em; background-position: 0 88%; font-weight: 700; }

/* --- [4] Layout Components --- */
.mymerci_infusion_pump_guide .page-container { max-width: 720px; margin: 0 auto; padding: 100px 40px; min-height: 100vh; border-left: 1px solid var(--border); border-right: 1px solid var(--border); background-color: var(--paper); position: relative; box-shadow: 0 0 50px rgba(0, 0, 0, 0.02); }
.mymerci_infusion_pump_guide .ornament { text-align: center; margin: 60px 0; color: var(--border); font-size: 30px; }
.mymerci_infusion_pump_guide .ornament::after { content: "❦"; }

/* --- [5] Table System --- */
.mymerci_infusion_pump_guide .table-wrapper { overflow-x: auto; margin: 50px 0; -webkit-overflow-scrolling: touch; }
.mymerci_infusion_pump_guide table { width: 100%; min-width: 600px; border-collapse: collapse; font-size: 17px; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mymerci_infusion_pump_guide thead, .mymerci_infusion_pump_guide tbody { display: table; width: 100%; min-width: 600px; }
.mymerci_infusion_pump_guide th { border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 15px; text-align: left; font-family: 'Nanum Myeongjo', serif; white-space: nowrap; }
.mymerci_infusion_pump_guide td { padding: 15px; border-bottom: 1px solid var(--border); vertical-align: top; }
.mymerci_infusion_pump_guide .row-label { font-weight: 700; color: var(--accent); }

/* --- [6] Shared Box Styles & Informational Components --- */
/* Unified Box Base */
.mymerci_infusion_pump_guide .study-note, .mymerci_infusion_pump_guide .alarm-card, .mymerci_infusion_pump_guide .pro-tip, .mymerci_infusion_pump_guide .warning-box { margin: 40px 0; padding: 30px; border-radius: 8px; position: relative; }

/* Specific Variations */
.mymerci_infusion_pump_guide .study-note { background-color: var(--white); border: 1px solid var(--border); }
.mymerci_infusion_pump_guide .study-note::before { content: "NOTE"; position: absolute; top: -12px; left: 30px; background: var(--paper); padding: 0 15px; font-size: 13px; font-weight: 700; color: var(--accent); letter-spacing: 2px; }
.mymerci_infusion_pump_guide .alarm-card { background: var(--white); border: 1px solid var(--border); border-left: 5px solid #E57373; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); transition: transform 0.2s ease; }
.mymerci_infusion_pump_guide .alarm-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06); }
.mymerci_infusion_pump_guide .alarm-header { font-family: 'Nanum Myeongjo', serif; font-size: 22px; font-weight: 800; color: var(--danger); margin-bottom: 15px; display: flex; align-items: center; }
.mymerci_infusion_pump_guide .solution-box { background-color: var(--danger-bg); padding: 15px 20px; margin-top: 15px; border-radius: 6px; font-size: 16px; }
.mymerci_infusion_pump_guide .solution-title { font-weight: 700; color: var(--danger); margin-bottom: 8px; display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.mymerci_infusion_pump_guide .alarm-card.warning { border-left-color: var(--warning-line); }
.mymerci_infusion_pump_guide .alarm-header.warning { color: var(--warning-line); }
.mymerci_infusion_pump_guide .solution-box.warning { background-color: var(--warning-bg); }
.mymerci_infusion_pump_guide .pro-tip { background-color: var(--info-bg); border-left: 4px solid var(--info-line); border-radius: 12px; }
.mymerci_infusion_pump_guide .pro-tip::after { content: "TIP"; position: absolute; top: -10px; right: 20px; background: var(--info-line); color: var(--white); font-size: 11px; font-weight: 800; padding: 2px 10px; border-radius: 20px; letter-spacing: 1px; }
.mymerci_infusion_pump_guide .warning-box { background-color: var(--danger-bg); border: 2px solid #E57373; border-radius: 12px; }
.mymerci_infusion_pump_guide .warning-box::before { content: "CRITICAL"; position: absolute; top: 0; left: 0; background: #E57373; color: var(--white); font-size: 12px; font-weight: 900; padding: 4px 15px; border-bottom-right-radius: 10px; }

/* --- [7] Process & List Styles --- */
/* Steps Sequence */
.mymerci_infusion_pump_guide .step-title { font-size: 20px; font-weight: 700; color: var(--ink); margin-top: 40px; margin-bottom: 15px; display: flex; align-items: center; }
.mymerci_infusion_pump_guide .step-title::before { content: ''; display: inline-block; width: 6px; height: 6px; background-color: var(--accent); border-radius: 50%; margin-right: 10px; }
.mymerci_infusion_pump_guide .step-content { padding-left: 16px; margin-bottom: 30px; border-left: 1px solid var(--border); }
.mymerci_infusion_pump_guide .point-mark { display: block; margin-top: 10px; font-size: 17px; color: var(--accent-light); font-weight: 700; }
.mymerci_infusion_pump_guide .point-mark::before { content: "💡 Point: "; }

/* Habit & Safety Lists */
.mymerci_infusion_pump_guide .habit-list { counter-reset: habit-counter; padding-left: 0; margin: 40px 0; }
.mymerci_infusion_pump_guide .habit-item { list-style: none; margin-bottom: 40px; position: relative; padding-left: 55px; }
.mymerci_infusion_pump_guide .habit-item::before { counter-increment: habit-counter; content: counter(habit-counter); position: absolute; left: 0; top: 0; width: 35px; height: 35px; background-color: var(--accent); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; }

/* Visual Check Lists */
.mymerci_infusion_pump_guide .visual-check-list { list-style: none; padding: 0; margin: 40px 0; }
.mymerci_infusion_pump_guide .visual-check-item { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed var(--border); }
.mymerci_infusion_pump_guide .visual-check-item:last-child { border-bottom: none; }
.mymerci_infusion_pump_guide .check-title { font-weight: 800; font-size: 19px; margin-bottom: 10px; color: var(--ink); display: flex; align-items: center; }
.mymerci_infusion_pump_guide .check-title::before { content: ''; display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E735B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; margin-right: 12px; }

/* ?€?€ Images ?€?€ */
.mymerci_infusion_pump_guide img { max-width: 100%; height: auto; border-radius: 6px; margin: 10px 0; }
.mymerci_infusion_pump_guide img.full-width { width: 100%; border-radius: 8px; }
.mymerci_infusion_pump_guide .image-caption { text-align: center; font-size: 0.85em; color: #888; margin-top: 4px; }

/* ?€?€ Table Container (scroll wrapper) ?€?€ */
.mymerci_infusion_pump_guide .table-container { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0; }
.mymerci_infusion_pump_guide .table-container table { width: 100%; min-width: 500px; }

/* --- [8] Responsive Adjustments --- */

@media (max-width: 768px) {
  .mymerci_infusion_pump_guide .page-container { padding: 60px 20px; border: none; }
  .mymerci_infusion_pump_guide h1 { font-size: 32px; }
  .mymerci_infusion_pump_guide h2 { font-size: 24px; }
  .mymerci_infusion_pump_guide p { font-size: 17px; }
  .mymerci_infusion_pump_guide .drop-cap { font-size: 60px; line-height: 50px; }
}

/* --- [9] Aesthetic Refinements (semantic 콘텐츠 폴리시) --- */
/* 첫/끝 요소 여백 정리 */
.mymerci_infusion_pump_guide > *:first-child { margin-top: 0; }
.mymerci_infusion_pump_guide > *:last-child { margin-bottom: 0; }
.mymerci_infusion_pump_guide h3 { color: var(--accent); }

/* 기본 리스트: accent 색 커스텀 불릿 (habit/visual-check 특수 리스트는 제외) */
.mymerci_infusion_pump_guide ul:not(.habit-list):not(.visual-check-list) { list-style: none; padding-left: 2px; margin: 18px 0 26px; }
.mymerci_infusion_pump_guide ul:not(.habit-list):not(.visual-check-list) > li { position: relative; padding-left: 24px; margin-bottom: 11px; font-size: 18px; line-height: 1.7; color: var(--ink-light); }
.mymerci_infusion_pump_guide ul:not(.habit-list):not(.visual-check-list) > li::before { content: ''; position: absolute; left: 5px; top: 11px; width: 6px; height: 6px; background-color: var(--accent-light); border-radius: 50%; }
.mymerci_infusion_pump_guide ul:not(.habit-list):not(.visual-check-list) ul { margin: 10px 0 6px; }
.mymerci_infusion_pump_guide ul:not(.habit-list):not(.visual-check-list) ul > li::before { background-color: transparent; border: 1.5px solid var(--accent-light); }
.mymerci_infusion_pump_guide ol { padding-left: 22px; margin: 18px 0 26px; }
.mymerci_infusion_pump_guide ol > li { font-size: 18px; line-height: 1.7; margin-bottom: 11px; color: var(--ink-light); padding-left: 6px; }
.mymerci_infusion_pump_guide li strong { color: var(--ink); }

/* 표 폴리시: 종이 카드 래퍼 + 헤더 음영 + 얼룩무늬 */
.mymerci_infusion_pump_guide .table-wrapper { border: 1px solid var(--border); border-radius: 10px; background: var(--white); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.035); margin: 36px 0; padding: 0; overflow-x: auto; }
.mymerci_infusion_pump_guide table { font-size: 16px; }
.mymerci_infusion_pump_guide th { background-color: rgba(142, 115, 91, 0.09); border-top: none; border-bottom: 1px solid var(--accent-light); padding: 14px 16px; font-size: 15px; letter-spacing: 0.3px; color: var(--accent); }
.mymerci_infusion_pump_guide td { padding: 14px 16px; }
.mymerci_infusion_pump_guide tbody tr:nth-child(even) td { background-color: rgba(142, 115, 91, 0.035); }
.mymerci_infusion_pump_guide tbody tr:last-child td { border-bottom: none; }

@media (max-width: 768px) {
  .mymerci_infusion_pump_guide { padding: 36px 20px; border: none; box-shadow: none; border-radius: 0; }
  .mymerci_infusion_pump_guide h2 { margin: 40px 0 18px; }
  .mymerci_infusion_pump_guide ul:not(.habit-list):not(.visual-check-list) > li, .mymerci_infusion_pump_guide ol > li { font-size: 16px; }
}

/* --- [10] AI 범용 컴포넌트 (AI 자동배치 어휘 · 웜톤 이식) --- */

/* 파트 구분 대제목 (대단원 구분선) */
.mymerci_infusion_pump_guide .part-title { font-family: 'Nanum Myeongjo', serif; font-size: 28px; font-weight: 800; color: var(--accent); text-align: center; display: block; margin: 70px 0 18px; padding: 18px 0; letter-spacing: 1px; background-color: var(--highlight); border-top: 2px solid var(--accent-light); border-bottom: 2px solid var(--accent-light); border-radius: 4px; }

/* 챕터(섹션) 헤더 묶음 : chapter-num(라벨) + chapter-title(제목) */
.mymerci_infusion_pump_guide .chapter-header { margin: 56px 0 26px; padding-bottom: 14px; border-bottom: 2px solid var(--accent-light); }
.mymerci_infusion_pump_guide .chapter-header .chapter-num { display: block; font-size: 13px; font-weight: 700; color: var(--accent); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px; }
.mymerci_infusion_pump_guide .chapter-header .chapter-title { font-family: 'Nanum Myeongjo', serif; font-size: 23px; font-weight: 800; color: var(--ink); line-height: 1.4; margin: 0; padding: 0; border: none; }
/* chapter-title이 h2/h3로 올 때 기본 헤딩 장식(악센트바·밑줄) 중복 제거 */
.mymerci_infusion_pump_guide .chapter-header h2, .mymerci_infusion_pump_guide .chapter-header h3 { margin: 0; padding: 0; border: none; }
.mymerci_infusion_pump_guide .chapter-header h2::before, .mymerci_infusion_pump_guide .chapter-header h3::before { display: none; }

/* 핵심 요약 · 강조 메시지 박스 (요약) */
.mymerci_infusion_pump_guide .key-message { background-color: var(--highlight); border-left: 4px solid var(--accent); border-radius: 0 10px 10px 0; padding: 20px 24px; margin: 34px 0; }
.mymerci_infusion_pump_guide .key-message::before { content: "핵심"; display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 1px; color: var(--white); background: var(--accent); padding: 2px 10px; border-radius: 20px; margin-bottom: 10px; }
.mymerci_infusion_pump_guide .key-message p { color: var(--ink); font-size: 17px; line-height: 1.8; margin: 0; }
.mymerci_infusion_pump_guide .key-message p + p { margin-top: 10px; }

/* 요약 박스 별칭 (summary-box / summary) */
.mymerci_infusion_pump_guide .summary-box, .mymerci_infusion_pump_guide .summary { background-color: var(--highlight); border: 1px solid var(--accent-light); border-radius: 10px; padding: 22px 24px; margin: 34px 0; }
.mymerci_infusion_pump_guide .summary-box > *:last-child, .mymerci_infusion_pump_guide .summary > *:last-child { margin-bottom: 0; }

/* 가이드 리스트 (강조형 리스트) */
.mymerci_infusion_pump_guide .guide-list { list-style: none; padding: 0; margin: 18px 0 26px; }
.mymerci_infusion_pump_guide .guide-list li { display: block; position: relative; padding: 11px 16px 11px 34px; border-radius: 10px; color: var(--ink-light); font-size: 18px; line-height: 1.7; }
.mymerci_infusion_pump_guide .guide-list li::before { content: ''; position: absolute; left: 14px; top: 19px; width: 7px; height: 7px; background: var(--accent); border-radius: 50%; }
.mymerci_infusion_pump_guide .guide-list li strong { color: var(--accent); }
.mymerci_infusion_pump_guide .guide-list li:has(> strong:first-child) > strong:first-child { display: block; margin-bottom: 4px; font-size: 1.05em; color: var(--ink); }

/* 팁 박스 (점선 강조) */
.mymerci_infusion_pump_guide .tip-box { background-color: var(--white); border: 2px dashed var(--accent-light); border-radius: 14px; padding: 24px; margin: 30px 0; position: relative; }
.mymerci_infusion_pump_guide .tip-box::before { content: "TIP"; position: absolute; top: -11px; left: 22px; background: var(--accent); color: var(--white); font-size: 11px; font-weight: 800; letter-spacing: 1px; padding: 2px 12px; border-radius: 20px; }
.mymerci_infusion_pump_guide .tip-box p { margin-bottom: 0; color: var(--ink-light); }

/* 소제목 h4 위계 명확화 (제목 계층: part-title > h2 > h3 > h4) */
.mymerci_infusion_pump_guide h4 { font-family: 'Nanum Myeongjo', serif; font-size: 18px; font-weight: 700; color: var(--accent); margin: 28px 0 12px; padding-left: 14px; border-left: 3px solid var(--accent-light); }

@media (max-width: 768px) {
  .mymerci_infusion_pump_guide .part-title { font-size: 23px; margin: 44px 0 12px; }
  .mymerci_infusion_pump_guide .chapter-header { margin: 40px 0 20px; }
  .mymerci_infusion_pump_guide .chapter-header .chapter-title { font-size: 20px; }
  .mymerci_infusion_pump_guide .key-message { padding: 16px 20px; }
  .mymerci_infusion_pump_guide .key-message p { font-size: 15px; }
  .mymerci_infusion_pump_guide .guide-list li { font-size: 16px; padding: 10px 12px 10px 30px; }
  .mymerci_infusion_pump_guide .guide-list li::before { left: 12px; top: 16px; }
  .mymerci_infusion_pump_guide h4 { font-size: 16px; }
}