.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.highlight-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.highlight-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.highlight-card img{width:100%;height:180px;object-fit:cover;transition:transform .5s}
.highlight-card:hover img{transform:scale(1.05)}
.highlight-info{padding:20px;flex:1;display:flex;flex-direction:column}
.highlight-info h3{font-size:17px;font-weight:700;margin-bottom:10px;color:var(--primary);display:flex;align-items:center;gap:8px}
.highlight-info p{font-size:13.5px;color:var(--text-muted);line-height:1.7}

/* Dept Cards - Horizontal Style */
.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.dept-card{background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.1)}
.dept-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,136,229,0.4)}
.dept-card-header{padding:24px;text-align:center;white-space:nowrap}
.dept-card-header h3{font-size:24px;font-weight:700;margin-bottom:10px;color:#fff;white-space:normal}
.dept-card-header .dept-english{font-size:12px;color:rgba(255,255,255,0.85);font-style:italic;white-space:nowrap}
.dept-card-footer{background:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:center}
.dept-card-footer .hospital-logo{width:55%;height:55%;}
.dept-card-footer .hospital-name{display:none}

.partner-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
.partner-tag{background:var(--white);border:1.5px solid var(--primary);color:var(--primary);padding:7px 16px;border-radius:20px;font-size:13px;font-weight:500;transition:background .3s, color .3s}
.mission-box{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:var(--radius);padding:32px;text-align:center;margin-bottom:32px}
.mission-box h3{font-size:18px;font-weight:700;margin-bottom:10px}
.mission-box p{font-size:14px;opacity:.9;line-height:1.8}

@media(max-width:900px){
  .highlight-grid{grid-template-columns:repeat(2,1fr)}
  .dept-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .highlight-grid{grid-template-columns:1fr}
}
@media(max-width:500px){
  .dept-card-header h3{font-size:18px}
  .dept-card-header .dept-english{font-size:10px}
}