/* ╔══════════════════════════════════════════════════════════════╗
   ║  prevention.css — Styles specific to the PREVENTION page   ║
   ╚══════════════════════════════════════════════════════════════╝ */
/* prevention.css — Prevention & Healthy Living */
.prev-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.prev-c { background: #fff; border-radius: 16px; padding: 30px 24px; box-shadow: var(--shadow); }
.prev-c h3 { font-size: 1rem; font-weight: 700; color: var(--green); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.prev-c ul { list-style: none; }
.prev-c ul li { padding: 8px 0; border-bottom: 1px solid #f2f2f2; font-size: .84rem; color: var(--gray); display: flex; align-items: center; gap: 8px; }
.prev-c ul li:last-child { border: 0; }
.prev-c ul li i { font-size: .6rem; color: var(--green); }
.warn-c { background: #fff9f9; border-left: 4px solid var(--red); }
.warn-c h3 { color: var(--red); }
.warn-c ul li i { color: var(--red); }
@media (max-width: 1024px) { .prev-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 768px)  { .prev-grid { grid-template-columns: 1fr; } }