/* ╔══════════════════════════════════════════════════════════════╗
   ║  diabetes.css — Styles specific to the DIABETES INFO page  ║
   ╚══════════════════════════════════════════════════════════════╝ */
/* diabetes.css — Diabetes & The Body page */
.body-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.body-c { background: #fff; border-radius: 14px; padding: 24px 20px; display: flex; align-items: flex-start; gap: 14px; box-shadow: 0 2px 12px rgba(0,0,0,.06); transition: all .3s; }
.body-c:hover { transform: translateX(4px); box-shadow: var(--shadow); }
.b-ico { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; }
.body-c h4 { font-size: .92rem; font-weight: 700; margin-bottom: 5px; }
.body-c p  { font-size: .8rem; color: var(--gray); line-height: 1.55; }
.fact-banner { background: linear-gradient(135deg, var(--green), var(--green2)); border-radius: 16px; padding: 32px; text-align: center; margin-top: 40px; }
.fact-banner p { color: #fff; font-size: 1.05rem; font-weight: 600; margin-bottom: 18px; }
@media (max-width: 1024px) { .body-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 768px)  { .body-grid { grid-template-columns: 1fr; } }