/* Health Header */ 

.health-header { 
background: linear-gradient(135deg, #ec4899, #be185d); 
color: white; 
padding: 4rem 0; 
text-align: center; 

}  .health-header h1 { 
font-size: 2.5rem; 
margin-bottom: 1rem; 

}  .health-header h1 i { 
margin-right: 1rem; 

}  .health-header p { 
font-size: 1.2rem; 
opacity: 0.9; 

}  /* Health Tools Grid */ 

.health-tools { 
padding: 4rem 0; 

}  .health-grid { 
display: grid; 
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
gap: 2rem; 
margin-top: 2rem; 

}  /* Health-specific Calculator Card Styling */ 

.calculator-card { 
/* Inherits core styles from style.css */ 
border-top: 4px solid #ec4899; 
padding: 2rem; 

}  /* Only keep health-specific overrides */ 

.calculator-card .card-icon { 
font-size: 2rem; 
color: white; 
margin-bottom: 1.5rem; 

}  .calculator-card h3 { 
color: #be185d; 
margin-bottom: 1rem; 

}  .calculator-card p { 
color: #6b7280; 
margin-bottom: 1.5rem; 

}  .card-badge { 
display: inline-block; 
padding: 0.25rem 0.75rem; 
background: #fce7f3; 
color: #be185d; 
border-radius: 50px; 
font-size: 0.8rem; 
font-weight: 500; 

}  .bg-pink { 
background-color: #ec4899; 

}  /* Responsive Adjustments */ 

@media (max-width: 768px) { 
.health-grid { 
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); 
} 
 
.health-header h1 { 
    font-size: 2rem; 
} 

}  @media (max-width: 480px) { 
.health-grid { 
    grid-template-columns: 1fr; 
} 
 
.calculator-card { 
    padding: 1.5rem; 
} 

}