@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; margin: 0; padding: 0; }

/* --- 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: 28px; margin: 80px 0 40px; position: relative; padding-left: 20px; }
.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: 19px; margin-bottom: 24px; text-align: justify; 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; }
}