/*
 * 미소미함 블로그 공유 콘텐츠 스타일 (v2 · 리파인)
 * 브랜드: 딥그린 + 따뜻한 뉴트럴. 편집디자인 지향 — 핵심요약을 주인공으로, 나머지는 차분히.
 */

:root {
  --green:#3D7260; --green2:#2A5646; --green3:#1F4235;
  --greenlt:#E9F1EC; --gold:#B08A4F;
  --dark:#241F1A; --text:#3A342D; --muted:#877E72;
  --cream:#F5F0E8; --beige:#EAE1D3; --line:#E0D6C6;
  --white:#FFFFFF; --red:#C6534E;
  --sh:0 1px 3px rgba(36,31,26,.05), 0 8px 24px rgba(36,31,26,.05);
  --sh2:0 12px 36px rgba(36,31,26,.10);
  --r:8px; --r2:14px;
}
*, *::before, *::after { box-sizing: border-box; }
.art-wrap { max-width:100%; margin:0; padding:0; }

/* ── 본문 타이포 ─────────────────────────────────────────── */
.post-body { font-family:'Noto Sans KR',sans-serif; font-size:16px; color:var(--text); line-height:1.9; letter-spacing:-.003em; }
.post-body p { margin:0 0 20px; }
.post-body strong { font-weight:700; color:var(--dark); }
.post-body a { color:var(--green2); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; text-decoration-color:rgba(42,86,70,.35); transition:text-decoration-color .2s; }
.post-body a:hover { text-decoration-color:var(--green2); }
.post-body hr { border:none; height:1px; background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent); margin:46px 0; }

/* ── 제목 (편집형: 언더라인 + 짧은 액센트 바) ─────────────── */
.post-body h2 { font-family:'Noto Serif KR',serif; font-weight:700; font-size:clamp(19px,2.6vw,23px); line-height:1.4; color:var(--green3); letter-spacing:-.01em; margin:58px 0 20px; padding-bottom:14px; border-bottom:1px solid var(--line); position:relative; }
.post-body h2::after { content:""; position:absolute; left:0; bottom:-1px; width:54px; height:3px; background:var(--green); border-radius:2px; }
.post-body h3 { font-family:'Noto Serif KR',serif; font-weight:700; font-size:clamp(16px,2vw,17px); line-height:1.5; color:var(--green2); margin:34px 0 12px; padding-left:15px; position:relative; }
.post-body h3::before { content:""; position:absolute; left:0; top:5px; bottom:5px; width:3px; background:var(--green); border-radius:2px; }

/* ── 리스트 ─────────────────────────────────────────────── */
.post-body ul { list-style:none; margin:0 0 22px; padding:0; }
.post-body ul li { position:relative; padding:10px 4px 10px 26px; font-size:15px; line-height:1.75; border-bottom:1px solid var(--beige); }
.post-body ul li:last-child { border-bottom:none; }
.post-body ul li::marker { content:""; font-size:0; }
.post-body ul li::before { content:""; position:absolute; left:5px; top:18px; width:7px; height:7px; border-radius:50%; border:2px solid var(--green); }
.post-body ul li strong { color:var(--green2); }

/* TOC 플러그인 리스트 리셋 */
.ez-toc-list li,.ez-toc-list-level-1 li,.ez-toc-list-level-2 li,.ez-toc-list-level-3 li,.rank-math-block-toc ul li,.rank-math-toc ul li,.wp-block-rank-math-toc-block ul li,.table-of-contents li,.toc_list li { padding-left:0 !important; border-bottom:none !important; background:none !important; }
.ez-toc-list li::before,.ez-toc-list-level-1 li::before,.ez-toc-list-level-2 li::before,.ez-toc-list-level-3 li::before,.rank-math-block-toc ul li::before,.rank-math-toc ul li::before,.wp-block-rank-math-toc-block ul li::before,.table-of-contents li::before,.toc_list li::before { display:none !important; content:none !important; }

/* ── 표 ─────────────────────────────────────────────────── */
.post-body table { width:100%; border-collapse:separate; border-spacing:0; margin:22px 0 26px; font-size:14px; border:1px solid var(--line); border-radius:var(--r2); overflow:hidden; }
.post-body thead th { background:var(--green2); color:#fff; padding:13px 16px; text-align:left; font-weight:600; font-size:13px; }
.post-body tbody td { padding:12px 16px; border-top:1px solid var(--beige); font-family:'Noto Sans KR',sans-serif; }
.post-body tbody tr:nth-child(even) { background:var(--cream); }
.post-body tbody td:first-child { font-weight:700; color:var(--dark); white-space:nowrap; }
.closed { color:var(--red) !important; }

/* ── 그림 ───────────────────────────────────────────────── */
.post-body figure { margin:30px 0; }
.post-body figure img { border-radius:var(--r2); width:100%; display:block; }
.post-body figcaption { font-size:12px; color:var(--muted); text-align:center; margin-top:10px; line-height:1.6; }

/* ── 핵심 요약 (글의 주인공) ─────────────────────────────── */
.summary-box { background:linear-gradient(180deg,var(--greenlt) 0%,#F3F8F5 100%); border:1px solid #CFE2D8; border-left:5px solid var(--green); border-radius:var(--r2); padding:24px 26px 22px; margin:4px 0 36px; box-shadow:var(--sh); }
.summary-title { font-family:'Noto Serif KR',serif; font-size:16px; font-weight:700; color:var(--green3); letter-spacing:-.01em; margin-bottom:16px; }
.summary-list { list-style:none; margin:0; padding:0; }
.summary-list li { position:relative; padding:11px 0 11px 30px; font-size:14.5px; line-height:1.7; border:none; border-top:1px dashed rgba(61,114,96,.25); color:var(--text); }
.summary-list li:first-child { border-top:none; padding-top:2px; }
.summary-list li::before { content:"✓"; position:absolute; left:0; top:12px; width:19px; height:19px; background:var(--green); color:#fff; border-radius:50%; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.summary-list li:first-child::before { top:3px; }
.summary-list li strong { color:var(--green3); }

/* ── 목차 ───────────────────────────────────────────────── */
.toc-box { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:20px 24px; margin:28px 0; }
.toc-box-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:12px; }
.toc-box ol { margin:0; padding:0; list-style:none; counter-reset:toc; }
.toc-box ol li { counter-increment:toc; position:relative; padding:8px 0 8px 32px; font-size:14px; line-height:1.5; border-bottom:1px solid var(--beige); }
.toc-box ol li:last-child { border-bottom:none; }
.toc-box ol li::before { content:counter(toc,decimal-leading-zero); position:absolute; left:0; top:9px; font-family:'Noto Serif KR',serif; font-size:12px; font-weight:700; color:var(--green); }
.toc-box ol li a { color:var(--text); text-decoration:none; }
.toc-box ol li a:hover { color:var(--green2); text-decoration:underline; }

/* ── 단계 카드 (시퀀스 — 번호 사용 적절) ─────────────────── */
.step-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:20px 0 28px; }
.step-card { position:relative; background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:22px 20px 18px; overflow:hidden; }
.step-card::before { content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:linear-gradient(90deg,var(--green),var(--green2)); }
.step-no { font-family:'Noto Serif KR',serif; font-size:26px; font-weight:700; color:var(--green); line-height:1; margin-bottom:9px; }
.step-name { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.step-desc { font-size:12.5px; color:var(--muted); line-height:1.75; font-family:'Noto Sans KR',sans-serif; }

/* ── 주의사항 카드 ──────────────────────────────────────── */
.warn-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:16px 0 28px; }
.warn-card { background:var(--cream); border:1px solid var(--line); border-radius:var(--r2); padding:18px 20px; }
.warn-card-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--green3); margin-bottom:12px; }
.warn-card ul { margin:0; }
.warn-card ul li { font-size:13px; color:var(--text); padding:7px 6px 7px 20px; border-bottom:1px solid rgba(36,31,26,.06); font-family:'Noto Sans KR',sans-serif; }
.warn-card ul li:last-child { border:none; }
.warn-card ul li::before { width:6px !important; height:6px !important; border-width:1.5px !important; top:16px !important; left:4px !important; }

/* ── 체크 박스 ──────────────────────────────────────────── */
.check-box { background:var(--greenlt); border:1px solid #CFE2D8; border-radius:var(--r2); padding:20px 22px; margin:16px 0 22px; }
.check-box ul { margin:0; }
.check-box ul li { padding:9px 6px 9px 34px; border-bottom:1px solid rgba(61,114,96,.14); font-size:15px; line-height:1.7; font-family:'Noto Sans KR',sans-serif; }
.check-box ul li:last-child { border:none; }
.check-box ul li::before { content:"✓" !important; width:20px !important; height:20px !important; background:var(--green) !important; border:none !important; border-radius:50% !important; color:#fff !important; font-size:11px !important; font-weight:700 !important; line-height:20px !important; text-align:center !important; left:4px !important; top:50% !important; transform:translateY(-50%) !important; }

/* ── 팁 ─────────────────────────────────────────────────── */
.tip { background:var(--greenlt); border:1px solid #D3E5DC; border-left:4px solid var(--green); border-radius:0 var(--r) var(--r) 0; padding:16px 20px; margin:20px 0; }
.tip-lbl { font-size:12px; font-weight:700; color:var(--green2); margin-bottom:6px; font-family:'Noto Sans KR',sans-serif; }
.tip p { font-size:14px; color:var(--text); margin:0; line-height:1.8; font-family:'Noto Sans KR',sans-serif; }

/* ── 지역 태그 ──────────────────────────────────────────── */
.geo-box { background:var(--cream); border:1px solid var(--line); border-radius:var(--r2); padding:18px 20px; margin:18px 0 26px; }
.geo-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.geo-tag { background:var(--white); border:1px solid var(--line); color:var(--green2); font-size:13px; font-weight:600; padding:7px 14px; border-radius:30px; font-family:'Noto Sans KR',sans-serif; }

/* ── 작성 시그널 ────────────────────────────────────────── */
.signoff { background:var(--cream); border:1px dashed var(--line); border-radius:var(--r); padding:14px 18px; margin:26px 0; font-size:12.5px; color:var(--muted); text-align:center; line-height:1.7; font-family:'Noto Sans KR',sans-serif; }
.signoff strong { color:var(--green2); }

/* ── FAQ ────────────────────────────────────────────────── */
.faq-list { margin:16px 0 26px; }
.faq-item { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); margin-bottom:10px; overflow:visible; }
.faq-q { padding:16px 20px; font-family:'Noto Sans KR',sans-serif; font-size:15px; font-weight:600; color:var(--dark); display:flex; align-items:flex-start; gap:12px; }
.faq-q::before { content:"Q"; flex-shrink:0; width:24px; height:24px; background:var(--green); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; font-family:'Noto Serif KR',serif; }
.faq-q span { flex:1; padding-top:2px; }
.faq-a { padding:0 20px 18px 56px; font-size:14px; color:var(--muted); line-height:1.85; font-family:'Noto Sans KR',sans-serif; }

/* ── CTA (딥그린 · 브랜드 일치, 전화 버튼 고대비) ─────────── */
.cta { background:linear-gradient(135deg,var(--green3) 0%,var(--green2) 100%); border-radius:var(--r2); padding:34px 24px; margin:42px 0; text-align:center; }
.cta-title { font-family:'Noto Serif KR',serif; font-size:18px; font-weight:700; color:#fff; margin-bottom:8px; }
.cta-sub { font-size:13px; color:rgba(255,255,255,.72); margin-bottom:22px; line-height:1.7; font-family:'Noto Sans KR',sans-serif; }
.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.cta-call { background:#fff; color:var(--green3); padding:13px 26px; border-radius:30px; font-size:14px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:transform .2s,box-shadow .2s; font-family:'Noto Sans KR',sans-serif; }
.cta-call:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.22); color:var(--green3); }
.cta-naver { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55); padding:13px 26px; border-radius:30px; font-size:14px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:background .2s; font-family:'Noto Sans KR',sans-serif; }
.cta-naver:hover { background:rgba(255,255,255,.12); color:#fff; }

/* ── 저자 ───────────────────────────────────────────────── */
.author-box { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:22px 24px; display:flex; gap:18px; margin-top:34px; box-shadow:var(--sh); }
.author-av { width:54px; height:54px; border-radius:50%; background:linear-gradient(135deg,var(--green),var(--green2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.author-name { font-family:'Noto Serif KR',serif; font-size:16px; font-weight:700; color:var(--dark); margin-bottom:3px; }
.author-role { font-size:12px; color:var(--green2); font-weight:600; margin-bottom:10px; font-family:'Noto Sans KR',sans-serif; }
.author-career { font-size:12.5px; color:var(--muted); line-height:1.85; font-family:'Noto Sans KR',sans-serif; }

/* ── 면책 ───────────────────────────────────────────────── */
.disclaimer { background:var(--cream); border-radius:var(--r); border-top:2px solid var(--line); padding:14px 18px; margin-top:16px; font-size:11.5px; color:var(--muted); text-align:center; line-height:1.8; font-family:'Noto Sans KR',sans-serif; }

/* ── 관련 글 ────────────────────────────────────────────── */
.related { margin-top:48px; }
.related-title { font-family:'Noto Serif KR',serif; font-size:17px; font-weight:700; color:var(--dark); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--line); position:relative; }
.related-title::after { content:""; position:absolute; left:0; bottom:-1px; width:48px; height:3px; background:var(--green); border-radius:2px; }
.related-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.rel-card { display:block; background:var(--white); border:1px solid var(--line); border-radius:var(--r2); overflow:hidden; text-decoration:none; color:inherit; transition:box-shadow .25s,transform .25s; }
.rel-card:hover { box-shadow:var(--sh2); transform:translateY(-3px); }
.rel-thumb { background:linear-gradient(135deg,var(--greenlt),#DCEBE3); height:96px; display:flex; align-items:center; justify-content:center; font-size:30px; }
.rel-body { padding:14px 16px; }
.rel-cat { font-size:11px; color:var(--green2); font-weight:700; margin-bottom:6px; font-family:'Noto Sans KR',sans-serif; }
.rel-ttl { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:600; color:var(--dark); line-height:1.5; }

/* ── 모션 ───────────────────────────────────────────────── */
.fi { opacity:0; transform:translateY(16px); transition:opacity .6s ease,transform .6s ease; }
.fi.on { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .fi{opacity:1 !important;transform:none !important;transition:none !important;} .rel-card,.cta-call{transition:none !important;} }

/* ── 반응형 ─────────────────────────────────────────────── */
@media (max-width:600px){
  .post-body { font-size:15px; }
  .step-grid,.warn-grid,.related-grid { grid-template-columns:1fr; }
  .cta-btns { flex-direction:column; align-items:stretch; }
  .cta-call,.cta-naver { width:100%; justify-content:center; }
  .author-box { flex-direction:column; }
  .summary-box { padding:20px 20px 18px; }
}

/* ============================================================
   CGF · Sticky Bone 박스 (골이식 관련 글 공용) — 골드 액센트
   ============================================================ */
.cgf-box { background:linear-gradient(135deg,#FBF6EC 0%,#F7EFDF 100%); border:1px solid var(--gold); border-radius:var(--r2); padding:22px 24px; margin:18px 0 26px; }
.cgf-box-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--gold); margin-bottom:12px; display:flex; align-items:center; gap:6px; }
.cgf-box p { font-size:13.5px; color:var(--text); margin:0 0 10px; line-height:1.85; font-family:'Noto Sans KR',sans-serif; }
.cgf-box p:last-child { margin-bottom:0; }
.cgf-box p strong { color:var(--green3); }
.cgf-flow { display:flex; align-items:center; justify-content:center; gap:7px; flex-wrap:wrap; margin:16px 0; }
.cgf-step { background:var(--white); border:1px solid var(--gold); color:var(--green2); font-size:12px; font-weight:600; padding:8px 14px; border-radius:30px; font-family:'Noto Sans KR',sans-serif; }
.cgf-arrow { color:var(--gold); font-weight:700; }
@media (max-width:600px){ .cgf-flow{ flex-direction:column; } .cgf-arrow{ transform:rotate(90deg); } }

/* ============================================================
   경고 박스 (수술 후 주의사항 등) — 레드 액센트
   ============================================================ */
.warn-box { background:#FCF4F3; border:1px solid #E7BEBB; border-radius:var(--r2); padding:18px 22px; margin:16px 0 26px; }
.warn-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--red); margin-bottom:12px; }
.warn-box ul { margin:0; }
.warn-box ul li { font-size:14px; color:var(--text); padding:8px 6px 8px 24px; border-bottom:1px solid #F0DFDF; font-family:'Noto Sans KR',sans-serif; line-height:1.7; }
.warn-box ul li:last-child { border:none; }
.warn-box ul li::before { background:var(--red) !important; border-color:var(--red) !important; width:6px !important; height:6px !important; left:6px !important; top:17px !important; }

/* ============================================================
   Q-ray 배지 (인증/허가 표시)
   ============================================================ */
.qbadges { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 22px; }
.qb { display:inline-flex; align-items:center; gap:5px; background:var(--green3); color:#fff; font-size:11px; padding:7px 14px; border-radius:30px; font-family:'Noto Sans KR',sans-serif; }
.qb em { color:var(--gold); font-style:normal; font-weight:700; }

/* ============================================================
   활용 카드 그리드 (기능/용도 소개)
   ============================================================ */
.use-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:18px 0 26px; }
.use-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:20px 18px; transition:border-color .2s; }
.use-card:hover { border-color:var(--green); }
.use-card-ico { font-size:26px; margin-bottom:10px; }
.use-card-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.use-card-desc { font-size:12.5px; color:var(--muted); line-height:1.75; font-family:'Noto Sans KR',sans-serif; }

/* ============================================================
   원칙/이유 카드 (번호 + 제목 + 설명)
   ============================================================ */
.principle-list { display:flex; flex-direction:column; gap:12px; margin:16px 0 26px; }
.principle-item { display:grid; grid-template-columns:44px 1fr; gap:16px; align-items:start; background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:18px 20px; }
.p-no { font-family:'Noto Serif KR',serif; font-size:26px; font-weight:700; color:var(--green); line-height:1; text-align:center; padding-top:2px; }
.p-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:5px; }
.p-desc { font-size:12.5px; color:var(--muted); line-height:1.75; font-family:'Noto Sans KR',sans-serif; }

@media (max-width:600px){
  .use-grid { grid-template-columns:1fr; }
  .qbadges { flex-direction:column; align-items:flex-start; }
  .principle-item { grid-template-columns:1fr; gap:6px; }
  .p-no { text-align:left; }
}

/* ============================================================
   보험/안내 박스 — 골드 액센트 (cgf-box와 동일 계열)
   ============================================================ */
.insu-box { background:linear-gradient(135deg,#FBF6EC 0%,#F7EFDF 100%); border:1px solid var(--gold); border-radius:var(--r2); padding:20px 22px; margin:18px 0 26px; }
.insu-box-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--gold); margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.insu-box p { font-size:13.5px; color:var(--text); margin:0 0 10px; line-height:1.85; font-family:'Noto Sans KR',sans-serif; }
.insu-box p:last-child { margin-bottom:0; }

/* ============================================================
   치료 방법 카드 (번호 + 뱃지 + 설명)
   ============================================================ */
.treat-list { display:flex; flex-direction:column; gap:12px; margin:18px 0 26px; }
.treat-item { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:20px 18px; display:grid; grid-template-columns:48px 1fr; gap:16px; align-items:start; }
.treat-item-no { font-family:'Noto Serif KR',serif; font-size:30px; font-weight:700; color:var(--green); line-height:1; text-align:center; padding-top:2px; }
.treat-item-title { font-family:'Noto Serif KR',serif; font-size:15px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.treat-item-badge { display:inline-block; background:var(--greenlt); color:var(--green2); font-size:11px; padding:3px 10px; border-radius:20px; margin-bottom:8px; font-family:'Noto Sans KR',sans-serif; font-weight:700; }
.treat-item-desc { font-size:13px; color:var(--muted); line-height:1.8; font-family:'Noto Sans KR',sans-serif; }

/* ============================================================
   강점 카드 2열 (아이콘 + 제목 + 설명)
   ============================================================ */
.strength-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:16px 0 26px; }
.strength-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:20px 18px; transition:border-color .2s; }
.strength-card:hover { border-color:var(--green); }
.strength-ico { font-size:24px; margin-bottom:9px; }
.strength-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.strength-desc { font-size:12.5px; color:var(--muted); line-height:1.75; font-family:'Noto Sans KR',sans-serif; }

@media (max-width:600px){ .strength-grid{ grid-template-columns:1fr; } .treat-item{ grid-template-columns:1fr; gap:6px; } .treat-item-no{ text-align:left; } }

/* ============================================================
   비교 카드 2열 (안전/경고 태그 + 설명) — 예: 치은염 vs 치주염
   ============================================================ */
.compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:16px 0 26px; }
.compare-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:18px 20px; }
.compare-card.danger { border-color:#E5B8B8; }
.compare-tag { display:inline-block; font-size:11px; padding:3px 10px; border-radius:20px; margin-bottom:10px; font-weight:700; font-family:'Noto Sans KR',sans-serif; }
.compare-tag.safe { background:var(--greenlt); color:var(--green2); }
.compare-tag.warn { background:#FBEAEA; color:var(--red); }
.compare-title { font-family:'Noto Serif KR',serif; font-size:15px; font-weight:700; color:var(--dark); margin-bottom:8px; }
.compare-desc { font-size:12.5px; color:var(--muted); line-height:1.75; font-family:'Noto Sans KR',sans-serif; }
.compare-num { color:var(--green2); font-weight:700; }

@media (max-width:600px){ .compare-grid{ grid-template-columns:1fr; } }

/* ============================================================
   증상 체크 그리드 (아이콘 + 텍스트) — 예: 턱관절 증상
   ============================================================ */
.symptom-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:16px 0 26px; }
.symptom-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:16px 18px; display:flex; align-items:flex-start; gap:12px; transition:border-color .2s; }
.symptom-card:hover { border-color:var(--green); }
.symptom-ico { font-size:22px; flex-shrink:0; margin-top:2px; }
.symptom-txt { font-size:13px; color:var(--text); line-height:1.6; font-weight:500; font-family:'Noto Sans KR',sans-serif; }

@media (max-width:600px){ .symptom-grid{ grid-template-columns:1fr; } }

/* ============================================================
   측정/기준 안내 박스 (그린 테두리 강조) — 예: 입 벌림 40mm
   ============================================================ */
.measure-box { background:var(--white); border:2px solid var(--green); border-radius:var(--r2); padding:18px 20px; margin:16px 0 24px; }
.measure-title { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--green2); margin-bottom:8px; display:flex; align-items:center; gap:6px; }
.measure-box p { font-size:13.5px; color:var(--text); margin:0; line-height:1.8; font-family:'Noto Sans KR',sans-serif; }
.measure-box .num { font-family:'Noto Serif KR',serif; font-size:18px; font-weight:700; color:var(--green); }

/* ============================================================
   진료 분야 그리드 (아이콘 + 이름 + 설명) — 병원소개 등
   ============================================================ */
.treat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:16px 0 26px; }
.treat-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:20px 18px; transition:border-color .2s; }
.treat-card:hover { border-color:var(--green); }
.treat-ico { font-size:26px; margin-bottom:10px; }
.treat-name { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.treat-desc { font-size:12.5px; color:var(--muted); line-height:1.7; font-family:'Noto Sans KR',sans-serif; }

@media (max-width:600px){ .treat-grid{ grid-template-columns:1fr; } }

/* ============================================================
   진료 분야 그리드 2열 (아이콘 + 이름 + 설명)
   ============================================================ */
.treat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:16px 0 26px; }
.treat-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r2); padding:20px 18px; transition:border-color .2s; }
.treat-card:hover { border-color:var(--green); }
.treat-ico { font-size:26px; margin-bottom:10px; }
.treat-name { font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.treat-desc { font-size:12.5px; color:var(--muted); line-height:1.75; font-family:'Noto Sans KR',sans-serif; }

@media (max-width:600px){ .treat-grid{ grid-template-columns:1fr; } }