/* HODsList styles */
.hods-section {
  max-width: 1100px;
  margin: 48px auto;
  padding: 36px 20px;
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.hods-title { font-size: 2.2rem; font-weight: 900; color: #092c5c; margin-bottom: 6px; }
.hods-subtitle { color: #37507a; margin-bottom: 18px; font-weight: 600; }

.hods-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 22px;
  align-items: start;
}

.hod-card {
  background: #fff;
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 8px 28px rgba(9,44,92,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hod-photo-wrapper { width: 140px; height: 140px; overflow: hidden; border-radius: 50%; margin-bottom: 12px; }
.hod-photo { width: 100%; height: 100%; object-fit: cover; display: block; }
.hod-name { font-weight: 800; color: #0d3a80; margin-bottom: 6px; }
.hod-dept { color: #556675; font-weight: 600; }

@media (max-width: 600px) {
  .hod-photo-wrapper { width: 110px; height: 110px; }
}