/* ================================================================
   HEALTH PORTAL — Tablet CSS (769px - 1024px)
   ================================================================ */

.health-portal {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.health-hero {
  padding: 36px 28px 32px;
  border-radius: 0 0 20px 20px;
}

.health-hero-bg {
  width: 350px;
  height: 350px;
}

.health-hero-inner {
  gap: 28px;
}

.health-hero-title {
  font-size: 32px;
}

.health-hero-sub {
  font-size: 14px;
  max-width: 420px;
}

.health-hero-stats {
  gap: 10px;
}

.health-hero-stat {
  padding: 14px 12px;
}

.health-stat-val {
  font-size: 19px;
}

.health-bodies-inner {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 14px 28px 18px;
}

.health-body-card {
  padding: 14px 12px;
}

.health-body-name {
  font-size: 17px;
}

.health-featured-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.health-feat-large .health-feat-img {
  min-height: 260px;
}

.health-feat-placeholder,
.health-feat-large .health-feat-placeholder {
  min-height: 180px;
}

.health-feat-body h3 {
  font-size: 15px;
}

.health-submit-cta {
  padding: 24px 24px;
}

.health-submit-inner {
  gap: 24px;
}

.health-submit-icon {
  width: 50px;
  height: 50px;
  font-size: 20px;
}

.health-submit-title {
  font-size: 16px;
}

.health-news-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.health-bottom-cta {
  padding: 28px 28px;
  margin-top: 28px;
}

.health-bottom-inner h3 {
  font-size: 18px;
}

.health-bottom-actions {
  flex-wrap: wrap;
}

.health-social-btn {
  flex: 1;
  min-width: 140px;
  justify-content: center;
}

.health-section-title {
  margin-top: 28px;
  padding: 0 2px;
}

.health-section-title h2 {
  font-size: 20px;
}