/* --- 기본 레이아웃 --- */
.dental-guide { font-family: Pretendard, -apple-system, sans-serif; padding: var(--space-lg); font-size: var(--font-size-md); color: var(--text-dark-color); /* Color */ --primary-color: #0d6efd; --primary-light-color: #e7f1ff; --highlight-bg-color: #fff3cd; --highlight-text-color: #664d03; --text-dark-color: #212529; --text-medium-color: #495057; --text-light-color: #adb5bd; --border-color: #dee2e6; --bg-light-color: #f8f9fa; --bg-white-color: #ffffff; --secondary-color: var(--bg-light-color); --border-radius-card: 12px; --shadow-card: 0 4px 12px rgba(33,37,41,.06); --required-color: #c62828; --optional-color: #6c757d; /* Spacing */ --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; /* Font Size */ --font-size-sm: 14px; --font-size-md: 16px; --font-size-lg: 18px; --font-size-xl: 22px; /* Border Radius & Shadow */ --border-radius-md: 8px; --border-radius-lg: 12px; --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05); }
.dental-guide .guide-header { text-align: center; margin-bottom: 40px; }
h {  }
dental-guide h {  }
.dental-guide .guide-title { text-align: center; margin: 0 0 var(--space-xl) 0; font-size: 28px; font-weight: 700; color: var(--primary-color) ; }

/* --- 시술 카드 --- */
.dental-guide .procedure-card { background-color: #fff; border-radius: var(--border-radius-card); box-shadow: var(--shadow-card); margin-bottom: var(--space-lg); overflow: hidden; border: 1px solid var(--border-color); }
.dental-guide .procedure-header { padding: var(--space-md) var(--space-lg); border-bottom: 1px solid var(--border-color); background-color: var(--secondary-color); }
.dental-guide .procedure-title { font-size: var(--font-size-lg); margin: 0; display: flex; align-items: baseline; gap: var(--space-sm); }
.dental-guide .procedure-middle { font-size: 17px; border-left: 4px solid #007bff; padding-left: 15px; margin-bottom: var(--space-lg) }
.dental-guide .procedure-number { color: var(--primary-color); font-weight: 700; }
.dental-guide .procedure-name-ko { font-weight: 600; }
.dental-guide .procedure-name-en { font-size: 14px; color: var(--text-light-color); font-weight: 400; }
.dental-guide .procedure-body { padding: var(--space-lg); }

/* --- 사용기구 목록 --- */
.dental-guide .instrument-list { margin-bottom: var(--space-lg); }
.dental-guide .list-title { font-size: 14px; font-weight: 600; color: var(--text-medium-color); margin: 0 0 var(--space-sm) 0; text-transform: uppercase; }
.dental-guide .tags-container { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.dental-guide .instrument-tag { background-color: var(--primary-light-color); color: var(--primary-color); padding: 6px 12px; border-radius: 20px; font-size: 14px; font-weight: 500; }
.dental-guide .instrument-tag.required { background-color: #fbe9e7; color: var(--required-color); font-weight: 600; }
.dental-guide .instrument-tag.optional { background-color: #f5f5f5; color: var(--optional-color); }

/* --- 기구 설명 목록 --- */
.dental-guide .instrument-descriptions { list-style: none; padding: 0; margin: 0; border-top: 1px dashed var(--border-color); padding-top: var(--space-lg); }
.dental-guide .instrument-descriptions li { padding: 10px 0; line-height: 1.7; color: var(--text-medium-color); display: flex; }
.dental-guide .instrument-descriptions li strong { font-weight: 600; color: var(--text-dark-color); min-width: 110px; /* 이름 너비를 고정하여 줄 맞춤 */ }

/* --- 임상 TIP 스타일 --- */
.dental-guide .procedure-tip { background-color: var(--highlight-bg-color); border: 1px solid #ffecb5; padding: var(--space-md); margin-top: var(--space-lg); border-radius: var(--border-radius-md); color: var(--highlight-text-color); }
.dental-guide .tip-title { font-size: var(--font-size-sm); font-weight: 700; margin: 0 0 var(--space-sm) 0; color: var(--highlight-text-color); }
.dental-guide .tip-content { margin: 0; padding: 0; list-style: none; line-height: 1.6; }
.dental-guide .tip-content li::before { content: "💡"; margin-right: var(--space-sm); }
.dental-guide .tip-content li { padding-bottom: var(--space-sm); }
.dental-guide .clinicaltip-body { padding: var(--space-lg); }

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

/* ?€?€ Tables ?€?€ */
.heyhygene_01 .table-container { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0; }
.heyhygene_01 .table-container table { width: 100%; min-width: 500px; border-collapse: separate; border-spacing: 0; border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; }
.heyhygene_01 table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 15px 0; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.heyhygene_01 thead, .heyhygene_01 tbody { display: table; width: 100%; min-width: 500px; }
.heyhygene_01 th { background: #f1f3f5; padding: 10px 14px; text-align: left; font-weight: 600; font-size: 14px; border-bottom: 2px solid #dee2e6; white-space: nowrap; }
.heyhygene_01 td { padding: 10px 14px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: top; }
.heyhygene_01 tr:last-child td { border-bottom: none; }
.heyhygene_01 tr:hover td { background: #f8f9fa; }

@media screen and (max-width: 768px) {
  .dental-guide { padding: var(--space-md); }
}