/* ============================================================
   article-overrides.css
   사례연구 페이지 공통 — 전문 연구 보고서 스타일 조정
   - 파스텔 배경·대시보드 카드 → 중립 회색 + 좌측 테두리 강조
   - 콘텐츠 구조·섹션 순서는 변경 없음; 색상·곡률만 조정
   ============================================================ */

/* 1. 전역 noteBox / wikiSummary — 파스텔 teal → 흰색 */
.noteBox,
.wikiSummary {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  border-left-color: var(--primary) !important;
  color: #334155 !important;
}

/* 2. docInfoBox — 흰색, 왼쪽 테두리만 */
.docInfoBox {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  border-left-color: var(--primary) !important;
  border-radius: 4px !important;
}

/* 3. 목차(TOC) */
.articleToc {
  border-radius: 4px !important;
  background: var(--surface) !important;
}

/* 4. 핵심 수치 카드 (Lancet) — 파스텔 → 중립 */
.statCard,
.statCard.death,
.statCard.hosp,
.statCard.fall,
.statCard.hip {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  border-radius: 4px !important;
}
.statCard.death .statNum,
.statCard.hosp  .statNum,
.statCard.fall  .statNum,
.statCard.hip   .statNum {
  color: #1e293b !important;
}

/* 5. 궤적 비교 블록 레이블 (Lancet) */
.trajectoryBox {
  border-radius: 4px !important;
}
.trajectoryLabel.stable {
  background: transparent !important;
  color: #166534 !important;
  border-right: 1px solid var(--border);
}
.trajectoryLabel.accel {
  background: transparent !important;
  color: #b91c1c !important;
  border-right: 1px solid var(--border);
}

/* 6. 결손 박스 (Lancet) — 파스텔 → 중립 */
.deficitBox,
.deficitBox.positive,
.deficitBox.negative {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  border-radius: 4px !important;
}
.deficitBox.positive .deficitBoxTitle { color: #dc2626 !important; }
.deficitBox.negative .deficitBoxTitle { color: #059669 !important; }

/* 7. 한국 시사점 박스 (전체) — amber → 중립 + 왼쪽 테두리 */
.implicationBox {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 5px solid var(--primary) !important;
  color: #334155 !important;
  border-radius: 4px !important;
}
.implicationBox .iLabel {
  color: var(--primary-dark) !important;
}
.implicationBox strong {
  color: var(--primary-dark) !important;
}

/* 8. 주의/보충 박스 (Lancet cautionBox) */
.cautionBox {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid #64748b !important;
  color: #334155 !important;
  border-radius: 4px !important;
}
.cautionBox strong { color: #1e293b !important; }

/* 9. 6개 영역 도메인 카드 (Australia, Japan NCGG) — 파스텔 → 중립 */
.domainCard,
.domainCard.teal,
.domainCard.blue,
.domainCard.amber,
.domainCard.rose,
.domainCard.violet,
.domainCard.slate {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  border-radius: 4px !important;
}
.domainCard .domainName,
.teal  .domainName,
.blue  .domainName,
.amber .domainName,
.rose  .domainName,
.violet .domainName,
.slate .domainName {
  color: var(--primary-dark) !important;
}
.domainBadge {
  background: #e5e7eb !important;
  color: #374151 !important;
}

/* 10. 노쇠 단계 레이블 (Australia, Tokyo) — 파스텔 → 흰색 + 왼쪽 색선 */
.stageBlock {
  border-radius: 4px !important;
}
.stageLabel,
.stageLabel.mild,
.stageLabel.mod,
.stageLabel.severe {
  background: transparent !important;
}
.stageLabel.mild   { color: #15803d !important; border-left: 3px solid #16a34a; }
.stageLabel.mod    { color: #92400e !important; border-left: 3px solid #d97706; }
.stageLabel.severe { color: #991b1b !important; border-left: 3px solid #dc2626; }

/* 11. 합의 수준 뱃지 (Australia) — 컬러 뱃지 → 테두리 전용 */
.levelBadge,
.levelU,
.levelA,
.levelB,
.levelC {
  background: transparent !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  border-radius: 3px !important;
}

/* 12. 연구 요약 카드 (physical-function) — 파스텔 → 중립 */
.studyCard,
.studyCard.blue,
.studyCard.green,
.studyCard.amber,
.studyCard.purple {
  background: #f9fafb !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
}
.studyCardLabel,
.blue .studyCardLabel,
.green .studyCardLabel,
.amber .studyCardLabel,
.purple .studyCardLabel {
  color: var(--primary-dark) !important;
}
.studyCardStat,
.blue  .studyCardStat,
.green .studyCardStat,
.amber .studyCardStat,
.purple .studyCardStat {
  background: #e5e7eb !important;
  color: #1e293b !important;
}

/* 13. 단계 카드 (Tokyo) — 파스텔 → 중립 */
.stageCard,
.stageCard.s1,
.stageCard.s2,
.stageCard.s3 {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  border-radius: 4px !important;
}

/* 14. 인포그래픽 박스 (cognition) — 파스텔 → 중립 */
.infographic {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  border-radius: 4px !important;
}
.infographic-box,
.infographic-box.problem,
.infographic-box.intervention,
.infographic-box.evidence {
  background: #f0f2f4 !important;
  border-color: #d1d5db !important;
  border-radius: 3px !important;
}
.infographic-sub-box,
.infographic-sub-box.gold,
.infographic-sub-box.blue {
  background: #e9edf1 !important;
  border-color: #c8d0da !important;
  border-radius: 3px !important;
}
.problem     .infographic-box-title { color: #374151 !important; }
.intervention .infographic-box-title { color: #374151 !important; }
.evidence    .infographic-box-title { color: #374151 !important; }

/* 15. 체크리스트 카드 (Lancet) */
.checkCard {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  border-radius: 4px !important;
}

/* 16. sectionTag 뱃지 (Tokyo) */
.sectionTag {
  background: var(--primary) !important;
  border-radius: 3px !important;
}