/* =========================================================
   PREMIUM PEDIATRIC DESIGN SYSTEM - PART 2
   Color Accents & Principle Card Themes
   Harmonious Color Palette with Medical Context
   ========================================================= */

/* -----------------------------------------------------------
   CARD COLOR ACCENTS - LEFT BORDERS
   Organized by medical specialty with semantic colors
   ----------------------------------------------------------- */

/* MENTAL HEALTH - Blues & Purples for Psychology */
.depression-card { border-left-color: #3b82f6; }
.anxiety-card { border-left-color: #ef4444; }
.peer-card { border-left-color: #10b981; }
.coping-card { border-left-color: #8b5cf6; }

/* NUTRITION - Warm & Earth Tones */
.deficiency-card { border-left-color: #ef4444; }
.eating-card { border-left-color: #8b5cf6; }
.obesity-card { border-left-color: #f59e0b; }
.sports-card { border-left-color: #3b82f6; }

/* PUBERTY & DEVELOPMENT - Gender-Coded */
.male-card { border-left-color: #3b82f6; }
.female-card { border-left-color: #ec4899; }
.timing-card { border-left-color: #10b981; }
.variation-card { border-left-color: #f59e0b; }

/* ADHD - Attention Spectrum */
.inattention-card { border-left-color: #3b82f6; }
.hyperactivity-card { border-left-color: #ef4444; }
.impulsivity-card { border-left-color: #10b981; }

/* AUTISM SPECTRUM DISORDER */
.definition-card { border-left-color: #3b82f6; }
.epidemiology-card { border-left-color: #ef4444; }
.etiology-card { border-left-color: #10b981; }
.clinical-card { border-left-color: #8b5cf6; }

/* SPEECH & LANGUAGE DEVELOPMENT */
.speech-card { border-left-color: #3b82f6; }
.language-card { border-left-color: #ef4444; }
.articulation-card { border-left-color: #10b981; }
.fluency-card { border-left-color: #8b5cf6; }

/* NEONATAL - Critical Care Colors */
.treatment-card { border-left-color: #10b981; }
.prognosis-card { border-left-color: #8b5cf6; }

/* CONGENITAL ANOMALIES */
.gu-card { border-left-color: #3b82f6; }
.msk-card { border-left-color: #ef4444; }
.chromosomal-card { border-left-color: #10b981; }
.management-card { border-left-color: #8b5cf6; }

/* CARDIOLOGY - Heart Health Spectrum */
.acyanotic-card { border-left-color: #3b82f6; }
.cyanotic-card { border-left-color: #ec4899; }
.obstructive-card { border-left-color: #10b981; }

/* DIABETES - Metabolic Colors */
.insulin-card { border-left-color: #0ea5e9; }
.monitoring-card { border-left-color: #10b981; }
.hypoglycemia-card { border-left-color: #ef4444; }
.complications-card { border-left-color: #ec4899; }

/* DIARRHEAL DISEASES - Pathogen Types */
.viral-card { border-left-color: #10b981; }
.bacterial-card { border-left-color: #3b82f6; }
.parasitic-card { border-left-color: #8b5cf6; }

/* EXANTHEMS - Childhood Rashes */
.measles-card { border-left-color: #ef4444; }
.mumps-card { border-left-color: #3b82f6; }
.rubella-card { border-left-color: #10b981; }
.chickenpox-card { border-left-color: #8b5cf6; }

/* RESPIRATORY - Airway Conditions */
.upper-respiratory-card { border-left-color: #10b981; }
.lower-respiratory-card { border-left-color: #3b82f6; }

/* CHILD ABUSE - Serious Attention Colors */
.physical-card { border-left-color: #ef4444; }
.sexual-card { border-left-color: #8b5cf6; }
.neglect-card { border-left-color: #f59e0b; }
.emotional-card { border-left-color: #3b82f6; }

/* CONSENT - Legal & Ethical */
.informed-card { border-left-color: #3b82f6; }
.assent-card { border-left-color: #10b981; }
.emancipated-card { border-left-color: #8b5cf6; }
.mature-card { border-left-color: #f59e0b; }

/* EPILEPSY - Neurological Spectrum */
.seizure-card { border-left-color: #3b82f6; }
.diagnosis-card { border-left-color: #ec4899; }
.syndrome-card { border-left-color: #8b5cf6; }

/* JAUNDICE - Neonatal Care */
.prevention-card { border-left-color: #f59e0b; }

/* NEONATAL SEPSIS */
.complication-card { border-left-color: #8b5cf6; }

/* GROWTH MONITORING */
.percentile-card { border-left-color: #3b82f6; }
.zscore-card { border-left-color: #ef4444; }
.interpretation-card { border-left-color: #10b981; }
.chart-card { border-left-color: #8b5cf6; }

/* ADVERSE DRUG REACTIONS */
.type-a-card { border-left-color: #ef4444; }
.type-b-card { border-left-color: #10b981; }
.severe-card { border-left-color: #dc2626; }

/* MEDICATION SAFETY */
.antibiotic-card { border-left-color: #ef4444; }
.analgesic-card { border-left-color: #10b981; }
.respiratory-card { border-left-color: #3b82f6; }
.cns-card { border-left-color: #8b5cf6; }

/* PHARMACOLOGY - ADME */
.absorption-card { border-left-color: #ef4444; }
.distribution-card { border-left-color: #10b981; }
.metabolism-card { border-left-color: #3b82f6; }
.excretion-card { border-left-color: #8b5cf6; }

/* ADHERENCE - Behavioral Aspects */
.barrier-card { border-left-color: #ef4444; }
.solution-card { border-left-color: #10b981; }
.strategy-card { border-left-color: #3b82f6; }
.tool-card { border-left-color: #8b5cf6; }

/* DOSING - Safety Focus */
.dosing-card { border-left-color: #ef4444; }
.calculation-card { border-left-color: #10b981; }
.safety-card { border-left-color: #3b82f6; }

/* -----------------------------------------------------------
   PRINCIPLE CARD THEMES - ENHANCED BACKGROUNDS
   ----------------------------------------------------------- */

/* MENTAL HEALTH THEMES */
.common-issues {
  border-left-color: #3b82f6;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.peer-dynamics {
  border-left-color: #10b981;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.coping-strategies {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.protective-factors {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.screening {
  border-left-color: #ec4899;
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
}

/* NUTRITION THEMES */
.nutrient-needs {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.eating-disorders {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.obesity {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.sports-nutrition {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

/* PUBERTY THEMES */
.tanner-staging {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.precocious {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.delayed {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.counseling {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

/* SRH THEMES */
.confidentiality {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.contraception {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.sti {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.pregnancy {
  border-left-color: #ec4899;
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
}

/* SUBSTANCE USE THEMES */
.alcohol {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.cannabis {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.tobacco {
  border-left-color: #64748b;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.08);
}

.vaping {
  border-left-color: #06b6d4;
  background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(6, 182, 212, 0.08);
}

.screening-tools {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* ADHD THEMES */
.diagnostic-criteria {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.medication {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.behavioral {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.school {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* ASD THEMES */
.criteria {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.interventions {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.comorbidities {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.family-support {
  border-left-color: #ec4899;
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
}

/* SPEECH DEVELOPMENT THEMES */
.milestones {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.disorders {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.therapy {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.red-flags {
  border-left-color: #dc2626;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
}

/* NEONATAL HIE THEMES */
.pathophysiology-hie {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.staging {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.cooling {
  border-left-color: #0ea5e9;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(14, 165, 233, 0.08);
}

.outcomes {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

/* CONGENITAL ANOMALIES THEMES */
.urogenital {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.musculoskeletal {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.genetic {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.surgical {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

/* CARDIOLOGY THEMES */
.acyanotic {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.cyanotic {
  border-left-color: #ec4899;
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
}

.obstructive {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.prostaglandin {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

/* DIABETES THEMES */
.type1 {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.type2 {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.dka {
  border-left-color: #dc2626;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
}

.lifestyle-diabetes {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

/* JAUNDICE THEMES */
.physiological {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.pathological {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.phototherapy {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.exchange {
  border-left-color: #dc2626;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
}

/* CHILD PROTECTION THEMES */
.recognition {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.reporting {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.interview {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.legal-protection {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

/* CONSENT THEMES */
.capacity {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.parental {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.emergency-consent {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.documentation {
  border-left-color: #64748b;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.08);
}

/* END OF LIFE THEMES */
.palliative {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.pain-management {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.bereavement {
  border-left-color: #ec4899;
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
}

.ethical-eol {
  border-left-color: #64748b;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.08);
}

/* ADVOCACY THEMES */
.rights {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.resources {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.systems {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.policy {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* GROWTH THEMES */
.percentile-details {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.zscore-details {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.interpretation-details {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.clinical-application {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* NUTRITION AGE-SPECIFIC THEMES */
.infant-nutrition {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.toddler-nutrition {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.child-nutrition {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.adolescent-nutrition {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.practical {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* ADR THEMES */
.type-a {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.type-b {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.severe {
  border-left-color: #dc2626;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
}

.monitoring {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.prevention {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* MEDICATION CATEGORIES */
.antibiotics {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.analgesics {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.respiratory {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.cns {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.blackbox {
  border-left-color: #000000;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #ffffff;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* PHARMACOLOGY ADME */
.absorption {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.distribution {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.metabolism {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.excretion {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.clinical {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* ADHERENCE THEMES */
.barriers {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.solutions {
  border-left-color: #10b981;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.communication {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.tools {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.empowerment {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* DOSING THEMES */
.individualized {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.developmental {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.calculation {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.safety {
  border-left-color: #06b6d4;
  background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(6, 182, 212, 0.08);
}

/* INFECTION-SPECIFIC THEMES */
.rotavirus {
  border-left-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.norovirus {
  border-left-color: #8b5cf6;
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.campylobacter {
  border-left-color: #06b6d4;
  background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(6, 182, 212, 0.08);
}

.salmonella {
  border-left-color: #f59e0b;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.shigella {
  border-left-color: #84cc16;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(132, 204, 22, 0.08);
}

.ecoli {
  border-left-color: #ec4899;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
}

.cdiff {
  border-left-color: #dc2626;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
}

.giardia {
  border-left-color: #7c3aed;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);
}

.crypto {
  border-left-color: #0f766e;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(15, 118, 110, 0.08);
}

.dehydration {
  border-left-color: #ef4444;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.nutrition {
  border-left-color: #10b981;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.pearls {
  border-left-color: #f59e0b;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

/* EXANTHEMS */
.measles {
  border-left-color: #ef4444;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.mumps {
  border-left-color: #3b82f6;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.rubella {
  border-left-color: #10b981;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.chickenpox {
  border-left-color: #8b5cf6;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.vaccine {
  border-left-color: #f59e0b;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.comparison {
  border-left-color: #06b6d4;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(6, 182, 212, 0.08);
}

/* RESPIRATORY CONDITIONS */
.cold {
  border-left-color: #3b82f6;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);
}

.pharyngitis {
  border-left-color: #8b5cf6;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.08);
}

.otitis {
  border-left-color: #06b6d4;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(6, 182, 212, 0.08);
}

.bronchiolitis {
  border-left-color: #f59e0b;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.08);
}

.pneumonia {
  border-left-color: #84cc16;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(132, 204, 22, 0.08);
}

.croup {
  border-left-color: #ec4899;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
}

.epiglottitis {
  border-left-color: #dc2626;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
}

/* =========================================================
   END OF PREMIUM PEDIATRIC DESIGN SYSTEM - PART 2
   All color themes & principle cards complete
   ========================================================= */

   .early-childhood, 
.pre-adolescent, 
.adolescent, 
.young-adult, 
.adolescent-confidentiality, 
.health-benefits, 
.social-benefits, 
.down-syndrome, 
.trisomy-18, 
.trisomy-13, 
.turner, 
.klinefelter, 
.stage-mild, 
.stage-moderate, 
.stage-severe, 
.common-issues, 
.peer-dynamics, 
.coping-strategies, 
.protective-factors, 
.screening, 
.nutrient-needs, 
.eating-disorders, 
.obesity, 
.sports-nutrition, 
.tanner-staging, 
.precocious, 
.delayed, 
.counseling, 
.confidentiality, 
.contraception, 
.sti, 
.pregnancy, 
.alcohol, 
.cannabis, 
.tobacco, 
.vaping, 
.screening-tools, 
.diagnostic-criteria, 
.medication, 
.behavioral, 
.school, 
.criteria, 
.interventions, 
.comorbidities, 
.family-support, 
.milestones, 
.disorders, 
.therapy, 
.red-flags, 
.pathophysiology-hie, 
.staging, 
.cooling, 
.outcomes, 
.urogenital, 
.musculoskeletal, 
.genetic, 
.surgical, 
.acyanotic, 
.cyanotic, 
.obstructive, 
.prostaglandin, 
.type1, 
.type2, 
.dka, 
.lifestyle-diabetes, 
.physiological, 
.pathological, 
.phototherapy, 
.exchange, 
.recognition, 
.reporting, 
.interview, 
.legal-protection, 
.capacity, 
.parental, 
.emergency-consent, 
.documentation, 
.palliative, 
.pain-management, 
.bereavement, 
.ethical-eol, 
.rights, 
.resources, 
.systems, 
.policy, 
.percentile-details, 
.zscore-details, 
.interpretation-details, 
.clinical-application, 
.infant-nutrition, 
.toddler-nutrition, 
.child-nutrition, 
.adolescent-nutrition, 
.practical, 
.type-a, 
.type-b, 
.severe, 
.monitoring, 
.prevention, 
.antibiotics, 
.analgesics, 
.respiratory, 
.cns, 
.blackbox, 
.absorption, 
.distribution, 
.metabolism, 
.excretion, 
.clinical, 
.barriers, 
.solutions, 
.communication, 
.tools, 
.empowerment, 
.individualized, 
.developmental, 
.calculation, 
.safety, 
.rotavirus, 
.norovirus, 
.campylobacter, 
.salmonella, 
.shigella, 
.ecoli, 
.cdiff, 
.giardia, 
.crypto, 
.dehydration, 
.nutrition, 
.pearls, 
.measles, 
.mumps, 
.rubella, 
.chickenpox, 
.vaccine, 
.comparison, 
.cold, 
.pharyngitis, 
.otitis, 
.bronchiolitis, 
.pneumonia, 
.croup, 
.epiglottitis,
.confidentiality-principle-card {
  background: rgba(233, 213, 176, 0.372) !important;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}