.health-page { padding: 40px 0; }
.page-title { text-align: center; margin-bottom: 24px; font-size: 2rem; }
.health-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.health-card { border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff; transition: box-shadow .2s; }
.health-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.health-card__image-wrap { display: block; aspect-ratio: 16/10; background: #f8f8f8; overflow: hidden; }
.health-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.health-card:hover .health-card__image { transform: scale(1.04); }
.health-card__body { padding: 16px; }
.health-card__title { margin: 0 0 8px; font-size: 1rem; line-height: 1.3; }
.health-card__title a { color: #111; text-decoration: none; }
.health-card__title a:hover { color: #c00; }
.health-card__date { display: block; font-size: .8rem; color: #888; margin-bottom: 6px; }
.health-card__excerpt { margin: 0; font-size: .875rem; color: #666; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1024px){
  .health-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; }
}