/* ===== hyuna_god_today.css ===== */
/* MyMerci 간호학 학습 콘텐츠 디자인 시스템 */
/* 래퍼: .wrap.hyuna_god */
/* ── Base ── */
.wrap.hyuna_god { max-width:860px; margin:0 auto; line-height:1.75; letter-spacing:-0.2px; color:#1f2937; font-size:15px; word-break:keep-all; }
.wrap.hyuna_god * { box-sizing:border-box; }
.wrap.hyuna_god h2 { margin-top:0; font-size:22px; font-weight:900; color:#0f172a; }
.wrap.hyuna_god h3 { font-size:18px; font-weight:800; color:#111827; margin:0 0 6px 0; }
.wrap.hyuna_god h4 { font-size:16px; font-weight:700; color:#1e293b; margin:0 0 4px 0; }
.wrap.hyuna_god p { margin:6px 0; }
.wrap.hyuna_god strong { color:#0f172a; font-weight:800; }
.wrap.hyuna_god a { color:#3b82f6; text-decoration:none; }
.wrap.hyuna_god a:hover { text-decoration:underline; }
.wrap.hyuna_god img { max-width:100%; height:auto; border-radius:12px; }

/* ── Subtitle / Muted ── */
.wrap.hyuna_god .subttl { margin-top:-6px; color:#555; font-weight:600; font-size:14px; }
.wrap.hyuna_god .muted { color:#6b7280; font-weight:600; font-size:13px; }
.wrap.hyuna_god .small { font-size:12px; color:#9ca3af; }

/* ── Divider ── */
.wrap.hyuna_god .divider { border:0; height:1px; background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.12),rgba(0,0,0,0)); margin:24px 0; }
.wrap.hyuna_god .divider-thick { border:0; height:3px; background:linear-gradient(90deg,#80a5fd,#6366f1,#80a5fd); border-radius:2px; margin:28px 0; opacity:0.4; }

/* ── Smooth scroll ── */
html { scroll-behavior:smooth; }
:target { scroll-margin-top:88px; }

/* ── TOC ── */
.wrap.hyuna_god .toc { position:sticky; top:12px; z-index:5; background:rgba(255,255,255,0.92); backdrop-filter:blur(6px); border:1px solid rgba(0,0,0,0.08); border-radius:16px; padding:14px; margin:14px 0 22px 0; box-shadow:0 10px 26px rgba(0,0,0,0.08); }
.wrap.hyuna_god .toc .toc-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 8px 0; font-weight:800; color:#1f2937; }
.wrap.hyuna_god .toc .toc-sub { margin:0 0 10px 0; color:#6b7280; font-size:13px; }
.wrap.hyuna_god .toc ul { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.wrap.hyuna_god .toc a { display:block; padding:10px 12px; border-radius:12px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg,#fff,#f8fafc); text-decoration:none; color:#111827; font-weight:700; box-shadow:0 6px 16px rgba(0,0,0,0.06); transition:transform .12s,box-shadow .12s; }
.wrap.hyuna_god .toc a:hover { transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,0.08); text-decoration:none; }
.wrap.hyuna_god .toc a small { display:block; font-weight:600; color:#6b7280; margin-top:2px; font-size:12px; }

/* ── Section Title (대제목 PART 1, 2...) ── */
.wrap.hyuna_god .sec-title { display:flex; align-items:flex-start; gap:10px; margin:18px 0 10px 0; padding:14px; border-radius:18px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(135deg,rgba(128,165,253,0.18),rgba(255,255,255,0.9)); box-shadow:0 14px 30px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.85); }
.wrap.hyuna_god .sec-badge { flex:0 0 auto; min-width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-weight:900; color:#0f172a; background:linear-gradient(180deg,rgba(128,165,253,0.65),rgba(128,165,253,0.18)); border:1px solid rgba(17,24,39,0.10); box-shadow:0 10px 20px rgba(128,165,253,0.25),inset 0 1px 0 rgba(255,255,255,0.8); }
.wrap.hyuna_god .sec-title h3 { margin:0; font-size:18px; font-weight:900; color:#111827; line-height:1.35; }
.wrap.hyuna_god .sec-title .sec-note { margin:4px 0 0 0; color:#4b5563; font-weight:600; font-size:13px; }

/* ── Mini Title (소제목 A, B, C...) ── */
.wrap.hyuna_god .mini-title { display:flex; align-items:flex-start; gap:10px; margin:16px 0 10px 0; padding:12px; border-radius:16px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(135deg,rgba(99,102,241,0.14),rgba(255,255,255,0.92)); box-shadow:0 12px 26px rgba(0,0,0,0.07),inset 0 1px 0 rgba(255,255,255,0.85); }
.wrap.hyuna_god .mini-badge { flex:0 0 auto; min-width:40px; height:40px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-weight:900; color:#0f172a; background:linear-gradient(180deg,rgba(99,102,241,0.55),rgba(99,102,241,0.14)); border:1px solid rgba(17,24,39,0.10); box-shadow:0 10px 18px rgba(99,102,241,0.22),inset 0 1px 0 rgba(255,255,255,0.8); }
.wrap.hyuna_god .mini-title h4 { margin:0; font-size:16px; font-weight:900; color:#111827; line-height:1.35; }
.wrap.hyuna_god .mini-title .mini-note { margin:4px 0 0 0; color:#4b5563; font-weight:600; font-size:13px; }

/* ── Sub Heading (간단 소제목) ── */
.wrap.hyuna_god .sub-heading { font-size:15px; font-weight:800; color:#1e40af; margin:14px 0 6px 0; padding-left:10px; border-left:3px solid #3b82f6; }

/* ── Callout Boxes ── */
.wrap.hyuna_god .callout { border-radius:16px; padding:14px; margin:14px 0; border:1px solid rgba(0,0,0,0.08); box-shadow:0 10px 24px rgba(0,0,0,0.07); }
.wrap.hyuna_god .callout.intro { background:linear-gradient(135deg,rgba(128,165,253,0.18),rgba(255,255,255,0.92)); }
.wrap.hyuna_god .callout.key { background:linear-gradient(135deg,rgba(16,185,129,0.16),rgba(255,255,255,0.92)); }
.wrap.hyuna_god .callout.quote { background:linear-gradient(135deg,rgba(245,158,11,0.16),rgba(255,255,255,0.92)); }
.wrap.hyuna_god .callout.outro { background:linear-gradient(135deg,rgba(99,102,241,0.16),rgba(255,255,255,0.92)); }
.wrap.hyuna_god .callout.warn { background:linear-gradient(135deg,rgba(239,68,68,0.12),rgba(255,255,255,0.92)); }
.wrap.hyuna_god .callout .callout-title { font-weight:800; font-size:15px; color:#0f172a; margin-bottom:6px; }

/* ── Note / Tip / Caution 박스 (NEW) ── */
.wrap.hyuna_god .note-box { border-radius:12px; padding:12px 14px; margin:12px 0; border-left:4px solid #3b82f6; background:#eff6ff; }
.wrap.hyuna_god .note-box.tip { border-left-color:#10b981; background:#ecfdf5; }
.wrap.hyuna_god .note-box.caution { border-left-color:#f59e0b; background:#fffbeb; }
.wrap.hyuna_god .note-box.danger { border-left-color:#ef4444; background:#fef2f2; }
.wrap.hyuna_god .note-box .note-label { font-weight:800; font-size:13px; margin-bottom:4px; }
.wrap.hyuna_god .note-box .note-label { color:#1e40af; }
.wrap.hyuna_god .note-box.tip .note-label { color:#047857; }
.wrap.hyuna_god .note-box.caution .note-label { color:#b45309; }
.wrap.hyuna_god .note-box.danger .note-label { color:#dc2626; }

/* ── Summary 요약 박스 (NEW) ── */
.wrap.hyuna_god .summary-box { border-radius:16px; padding:16px; margin:16px 0; background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(236,254,245,0.5)); border:1px solid rgba(99,102,241,0.15); box-shadow:0 8px 20px rgba(0,0,0,0.05); }
.wrap.hyuna_god .summary-box .summary-title { font-weight:800; color:#4338ca; margin-bottom:8px; font-size:15px; }

/* ── Highlight / 강조 텍스트 (NEW) ── */
.wrap.hyuna_god .hl { background:linear-gradient(180deg,transparent 55%,rgba(251,191,36,0.35) 55%); font-weight:700; }
.wrap.hyuna_god .hl-blue { background:rgba(59,130,246,0.12); padding:1px 5px; border-radius:4px; font-weight:700; color:#1e40af; }
.wrap.hyuna_god .hl-green { background:rgba(16,185,129,0.12); padding:1px 5px; border-radius:4px; font-weight:700; color:#047857; }
.wrap.hyuna_god .hl-red { background:rgba(239,68,68,0.10); padding:1px 5px; border-radius:4px; font-weight:700; color:#dc2626; }
.wrap.hyuna_god .hl-purple { background:rgba(139,92,246,0.12); padding:1px 5px; border-radius:4px; font-weight:700; color:#6d28d9; }

/* ── Chip / Tag (인라인 라벨) ── */
.wrap.hyuna_god .chip { display:inline-block; padding:2px 10px; border-radius:999px; background:rgba(128,165,253,0.18); border:1px solid rgba(128,165,253,0.35); font-weight:800; color:#0f172a; margin:0 2px; white-space:nowrap; font-size:13px; }
.wrap.hyuna_god .chip.green { background:rgba(16,185,129,0.15); border-color:rgba(16,185,129,0.3); color:#065f46; }
.wrap.hyuna_god .chip.red { background:rgba(239,68,68,0.12); border-color:rgba(239,68,68,0.25); color:#991b1b; }
.wrap.hyuna_god .chip.purple { background:rgba(139,92,246,0.15); border-color:rgba(139,92,246,0.3); color:#5b21b6; }
.wrap.hyuna_god .chip.orange { background:rgba(245,158,11,0.15); border-color:rgba(245,158,11,0.3); color:#92400e; }
.wrap.hyuna_god .tag { display:inline-block; padding:2px 8px; border-radius:6px; background:#f1f5f9; font-weight:700; color:#475569; font-size:12px; margin:0 2px; }

/* ── Badge (숫자/아이콘 원형) (NEW) ── */
.wrap.hyuna_god .num-badge { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#3b82f6; color:#fff; font-weight:800; font-size:13px; margin-right:6px; flex-shrink:0; }
.wrap.hyuna_god .num-badge.sm { width:22px; height:22px; font-size:11px; }

/* ── Step / 프로세스 (NEW) ── */
.wrap.hyuna_god .step-list { margin:12px 0; padding:0; list-style:none; counter-reset:step; }
.wrap.hyuna_god .step-list li { position:relative; padding:10px 12px 10px 48px; margin:8px 0; background:#f8fafc; border:1px solid rgba(0,0,0,0.06); border-radius:12px; counter-increment:step; }
.wrap.hyuna_god .step-list li::before { content:counter(step); position:absolute; left:10px; top:10px; width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,#3b82f6,#6366f1); color:#fff; font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; }

/* ── Compare 비교 (NEW) ── */
.wrap.hyuna_god .compare { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0; }
.wrap.hyuna_god .compare .col { border-radius:14px; padding:14px; border:1px solid rgba(0,0,0,0.08); box-shadow:0 6px 16px rgba(0,0,0,0.05); }
.wrap.hyuna_god .compare .col.left { background:linear-gradient(135deg,rgba(59,130,246,0.08),#fff); }
.wrap.hyuna_god .compare .col.right { background:linear-gradient(135deg,rgba(239,68,68,0.08),#fff); }
.wrap.hyuna_god .compare .col-title { font-weight:800; font-size:14px; margin-bottom:8px; padding-bottom:6px; border-bottom:2px solid rgba(0,0,0,0.06); }
.wrap.hyuna_god .compare .col.left .col-title { color:#1d4ed8; }
.wrap.hyuna_god .compare .col.right .col-title { color:#dc2626; }

/* ── Blockquote 인용 (NEW) ── */
.wrap.hyuna_god .quote-block { margin:14px 0; padding:12px 16px; border-left:4px solid #6366f1; background:rgba(99,102,241,0.05); border-radius:0 12px 12px 0; font-style:italic; color:#374151; }
.wrap.hyuna_god .quote-block .quote-src { display:block; margin-top:6px; font-style:normal; font-size:12px; color:#6b7280; font-weight:600; }

/* ── 이미지 캡션 (NEW) ── */
.wrap.hyuna_god .fig { margin:14px 0; text-align:center; }
.wrap.hyuna_god .fig img { border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.wrap.hyuna_god .fig .caption { margin-top:8px; font-size:12px; color:#6b7280; font-weight:600; }

/* ── 수식/코드 영역 (NEW) ── */
.wrap.hyuna_god .formula { margin:10px 0; padding:12px 16px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; font-family:'Courier New',monospace; font-size:14px; text-align:center; overflow-x:auto; }

/* ── Table ── */
.wrap.hyuna_god .tblwrap { margin:12px 0 16px 0; border-radius:18px; overflow:hidden; border:1px solid rgba(0,0,0,0.08); box-shadow:0 18px 34px rgba(0,0,0,0.10),inset 0 1px 0 rgba(255,255,255,0.75); background:#fff; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.wrap.hyuna_god table.timeline { width:100%; border-collapse:separate; border-spacing:0; min-width:400px; display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.wrap.hyuna_god table.timeline thead, .wrap.hyuna_god table.timeline tbody { display:table; width:100%; min-width:400px; }
.wrap.hyuna_god table.timeline thead th { padding:12px; text-align:left; font-weight:900; color:#0f172a; background:linear-gradient(180deg,rgba(128,165,253,0.55),rgba(128,165,253,0.18)); border-bottom:1px solid rgba(0,0,0,0.10); white-space:nowrap; }
.wrap.hyuna_god table.timeline tbody td { padding:12px; vertical-align:top; border-bottom:1px solid rgba(0,0,0,0.06); }
.wrap.hyuna_god table.timeline tbody tr:nth-child(odd) td { background:linear-gradient(180deg,#fff,#fbfcff); }
.wrap.hyuna_god table.timeline tbody tr:nth-child(even) td { background:linear-gradient(180deg,#fff,#f7fbff); }
.wrap.hyuna_god table.timeline tbody tr:hover td { background:linear-gradient(180deg,rgba(128,165,253,0.12),rgba(255,255,255,0.92)); }
.wrap.hyuna_god table.timeline tbody td:first-child { font-weight:900; color:#111827; }

/* ── Lists ── */
.wrap.hyuna_god .bullets { margin:8px 0 8px 18px; padding:0; }
.wrap.hyuna_god .bullets li { margin:6px 0; }
.wrap.hyuna_god .checklist { margin:8px 0 8px 18px; padding:0; list-style:none; }
.wrap.hyuna_god .checklist li { margin:6px 0; padding-left:22px; position:relative; }
.wrap.hyuna_god .checklist li::before { content:'✓'; position:absolute; left:0; color:#10b981; font-weight:800; }
.wrap.hyuna_god .num-list { margin:8px 0 8px 0; padding:0; list-style:none; counter-reset:numlist; }
.wrap.hyuna_god .num-list li { margin:6px 0; padding-left:28px; position:relative; counter-increment:numlist; }
.wrap.hyuna_god .num-list li::before { content:counter(numlist)'.'; position:absolute; left:0; font-weight:800; color:#3b82f6; }

/* ── Grid 레이아웃 (NEW) ── */
.wrap.hyuna_god .grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0; }
.wrap.hyuna_god .grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin:12px 0; }
.wrap.hyuna_god .grid-item { border-radius:12px; padding:12px; border:1px solid rgba(0,0,0,0.06); background:#f8fafc; }

/* ── Card (NEW) ── */
.wrap.hyuna_god .card { border-radius:16px; padding:16px; margin:12px 0; background:#fff; border:1px solid rgba(0,0,0,0.08); box-shadow:0 8px 20px rgba(0,0,0,0.06); }
.wrap.hyuna_god .card .card-title { font-weight:800; font-size:15px; color:#0f172a; margin-bottom:8px; }

/* ── Spacing helpers ── */
.wrap.hyuna_god .mt-sm { margin-top:8px; }
.wrap.hyuna_god .mt-md { margin-top:16px; }
.wrap.hyuna_god .mt-lg { margin-top:24px; }
.wrap.hyuna_god .mb-sm { margin-bottom:8px; }
.wrap.hyuna_god .mb-md { margin-bottom:16px; }
.wrap.hyuna_god .mb-lg { margin-bottom:24px; }
.wrap.hyuna_god .text-center { text-align:center; }
.wrap.hyuna_god .text-sm { font-size:13px; }

/* ── 화살표 메모 (→ 따라서..., => 의심) ── */
.wrap.hyuna_god .arrow-note { margin:6px 0 6px 12px; padding:8px 12px; border-radius:10px; background:rgba(99,102,241,0.06); border-left:3px solid #6366f1; color:#374151; font-size:14px; }
.wrap.hyuna_god .arrow-note.warn { background:rgba(239,68,68,0.06); border-left-color:#ef4444; }
.wrap.hyuna_god .arrow-note.ok { background:rgba(16,185,129,0.06); border-left-color:#10b981; }

/* ── 정의형 목록 (라벨: 설명) ── */
.wrap.hyuna_god .def-list { margin:8px 0; padding:0; list-style:none; }
.wrap.hyuna_god .def-list li { margin:5px 0; padding:6px 10px; border-radius:8px; background:#f8fafc; }
.wrap.hyuna_god .def-list .def-label { font-weight:800; color:#1e40af; margin-right:6px; white-space:nowrap; }
.wrap.hyuna_god .def-list .def-val { color:#374151; }

/* ── 긴급 알림 박스 (즉시 노티) ── */
.wrap.hyuna_god .alert-box { border-radius:14px; padding:14px; margin:14px 0; border:2px solid rgba(239,68,68,0.3); background:linear-gradient(135deg,rgba(239,68,68,0.08),rgba(255,255,255,0.95)); box-shadow:0 8px 20px rgba(239,68,68,0.08); }
.wrap.hyuna_god .alert-box .alert-title { font-weight:900; color:#dc2626; font-size:15px; margin-bottom:8px; }
.wrap.hyuna_god .alert-box ul { margin:4px 0 4px 16px; padding:0; }
.wrap.hyuna_god .alert-box li { margin:4px 0; color:#1f2937; }

/* ── 소소제목 (1) 2) 3) 서브섹션) ── */
.wrap.hyuna_god .sub-sec { font-size:15px; font-weight:800; color:#334155; margin:14px 0 6px 0; padding:6px 10px; border-radius:8px; background:rgba(128,165,253,0.08); display:inline-block; }

/* ── 원문자 리스트 (①②③) ── */
.wrap.hyuna_god .circle-list { margin:8px 0 8px 4px; padding:0; list-style:none; }
.wrap.hyuna_god .circle-list li { margin:6px 0; padding:6px 10px 6px 36px; position:relative; border-radius:8px; background:#fafbfc; }
.wrap.hyuna_god .circle-list li .cnum { position:absolute; left:8px; top:6px; width:24px; height:24px; border-radius:50%; background:#3b82f6; color:#fff; font-weight:800; font-size:12px; display:inline-flex; align-items:center; justify-content:center; }

/* ── 들여쓰기 ── */
.wrap.hyuna_god .indent { margin-left:16px; }
.wrap.hyuna_god .indent-2 { margin-left:32px; }

/* ── 인라인 라벨 ([Intro], [Closing] 등) ── */
.wrap.hyuna_god .label { display:inline-block; padding:2px 8px; border-radius:6px; background:#6366f1; color:#fff; font-weight:800; font-size:12px; margin-right:6px; vertical-align:middle; }
.wrap.hyuna_god .label.green { background:#10b981; }
.wrap.hyuna_god .label.red { background:#ef4444; }
.wrap.hyuna_god .label.orange { background:#f59e0b; color:#1f2937; }

/* ── 키워드 강조 (의학 용어) ── */
.wrap.hyuna_god .term { font-weight:800; color:#0f172a; border-bottom:2px solid rgba(59,130,246,0.3); }
.wrap.hyuna_god .term-en { font-weight:700; color:#475569; font-style:italic; font-size:0.95em; }

/* ── 클로징/오프닝 멘트 (오늘의 간호사 한 마디) ── */
.wrap.hyuna_god .ment { border-radius:18px; padding:20px 18px; margin:20px 0; position:relative; }
.wrap.hyuna_god .ment.intro { background:linear-gradient(135deg,rgba(128,165,253,0.12),rgba(99,102,241,0.06)); border:1px solid rgba(128,165,253,0.2); }
.wrap.hyuna_god .ment.closing { background:linear-gradient(135deg,rgba(99,102,241,0.10),rgba(236,254,245,0.3)); border:1px solid rgba(99,102,241,0.15); box-shadow:0 12px 30px rgba(99,102,241,0.08); }
.wrap.hyuna_god .ment .ment-label { display:inline-block; padding:3px 10px; border-radius:8px; background:#6366f1; color:#fff; font-weight:800; font-size:12px; margin-bottom:12px; }
.wrap.hyuna_god .ment .ment-quote { font-size:15px; color:#374151; line-height:1.8; font-style:italic; }
.wrap.hyuna_god .ment .ment-quote p { margin:6px 0; }
.wrap.hyuna_god .ment .ment-body { font-size:15px; color:#1f2937; line-height:1.8; margin:10px 0; }
.wrap.hyuna_god .ment .ment-sig { margin-top:14px; padding-top:10px; border-top:1px solid rgba(0,0,0,0.06); text-align:right; font-weight:800; color:#6366f1; font-size:14px; }

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

/* ══════════════════════════════════════════════ */

/* ── Responsive ── */

/* ══════════════════════════════════════════════ */

@media (max-width:768px) {
  .wrap.hyuna_god { font-size:14px; line-height:1.7; padding:0 4px; }
  .wrap.hyuna_god h2 { font-size:19px; }
  .wrap.hyuna_god h3 { font-size:16px; }
  .wrap.hyuna_god h4 { font-size:15px; }
  /* TOC 1열 */
  .wrap.hyuna_god .toc ul { grid-template-columns:1fr; }
  .wrap.hyuna_god .toc { border-radius:12px; padding:10px; }
  .wrap.hyuna_god .toc a { padding:8px 10px; font-size:13px; }
  /* 섹션 제목 */
  .wrap.hyuna_god .sec-title { padding:10px; border-radius:14px; }
  .wrap.hyuna_god .sec-badge { min-width:36px; height:36px; border-radius:10px; font-size:14px; }
  .wrap.hyuna_god .sec-title h3 { font-size:16px; }
  .wrap.hyuna_god .mini-title { padding:10px; border-radius:12px; }
  .wrap.hyuna_god .mini-badge { min-width:32px; height:32px; border-radius:10px; }
  .wrap.hyuna_god .mini-title h4 { font-size:14px; }
  /* Callout / Note */
  .wrap.hyuna_god .callout { padding:12px; border-radius:12px; }
  .wrap.hyuna_god .note-box { padding:10px 12px; }
  /* 비교 1열 */
  .wrap.hyuna_god .compare { grid-template-columns:1fr; }
  .wrap.hyuna_god .grid-3 { grid-template-columns:1fr; }
  .wrap.hyuna_god .grid-2 { grid-template-columns:1fr; }
  /* 테이블 가로 스크롤 */
  .wrap.hyuna_god .tblwrap { border-radius:12px; margin:8px 0 12px 0; }
  .wrap.hyuna_god table.timeline thead th { padding:8px; font-size:13px; }
  .wrap.hyuna_god table.timeline tbody td { padding:8px; font-size:13px; }
  /* Step list */
  .wrap.hyuna_god .step-list li { padding:8px 10px 8px 40px; }
  .wrap.hyuna_god .step-list li::before { width:24px; height:24px; font-size:11px; left:8px; top:8px; }
  /* 새 클래스 반응형 */
  .wrap.hyuna_god .alert-box { padding:12px; border-radius:12px; }
  .wrap.hyuna_god .arrow-note { margin-left:4px; font-size:13px; }
  .wrap.hyuna_god .circle-list li { padding-left:32px; }
  .wrap.hyuna_god .circle-list li .cnum { width:22px; height:22px; font-size:11px; }
  .wrap.hyuna_god .def-list li { padding:5px 8px; }
  .wrap.hyuna_god .indent { margin-left:10px; }
  .wrap.hyuna_god .indent-2 { margin-left:20px; }
  .wrap.hyuna_god .sub-sec { font-size:14px; }
}

@media (max-width:480px) {
  .wrap.hyuna_god { font-size:13.5px; }
  .wrap.hyuna_god h2 { font-size:17px; }
  .wrap.hyuna_god .sec-title { flex-direction:column; gap:6px; }
  .wrap.hyuna_god .mini-title { flex-direction:column; gap:6px; }
  .wrap.hyuna_god .sec-badge { width:fit-content; padding:0 12px; height:32px; min-width:auto; }
  .wrap.hyuna_god .mini-badge { width:fit-content; padding:0 10px; height:28px; min-width:auto; }
  .wrap.hyuna_god .chip { font-size:12px; padding:1px 8px; }
  .wrap.hyuna_god .label { font-size:11px; padding:1px 6px; }
  .wrap.hyuna_god .indent { margin-left:8px; }
  .wrap.hyuna_god .indent-2 { margin-left:16px; }
}