/* ================================================
   RESPONSIVE — memorylossnutrition.shop
   ================================================ */

/* Base: mobile first */
.container-main { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px; }

@media (min-width: 576px) {
  .container-main { padding: 0 24px; }
}

@media (min-width: 768px) {
  .edu-hero { padding: 100px 0 80px; }
  .container-main { padding: 0 32px; }
}

@media (min-width: 992px) {
  .article-body { padding: 60px 0; }
  .facts-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Touch target minimum */
a, button { min-height: 44px; }
nav a { min-height: auto; }

/* Utility */
.text-center { text-align: center; }
.d-flex { display: flex; }
.align-center { align-items: center; }
.justify-between { justify-content: space-between; }
.flex-wrap { flex-wrap: wrap; }
.gap-2 { gap: 8px; }
.gap-3 { gap: 12px; }
.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.mt-4 { margin-top: 32px; }
.mb-0 { margin-bottom: 0; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.py-2 { padding-top: 16px; padding-bottom: 16px; }
.py-3 { padding-top: 24px; padding-bottom: 24px; }
.py-4 { padding-top: 32px; padding-bottom: 32px; }
.py-5 { padding-top: 48px; padding-bottom: 48px; }