.dept-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:var(--sp-4); }
.dept-card {
  padding:var(--sp-5) var(--sp-4); text-align:center; border-radius:var(--radius-md);
  background:var(--color-surface); border:1px solid var(--color-border);
  transition:all var(--dur-fast) var(--ease-out);
}
.dept-card:hover { border-color:var(--color-primary); background:var(--color-bg-deep); transform:translateY(-5px); }
.dept-icon { width:46px; height:46px; margin:0 auto var(--sp-3); border-radius:50%; background:var(--grad-saffron); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; }
.dept-card h4 { font-size:1rem; }

@media (max-width:980px){ .dept-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px){ .dept-grid { grid-template-columns:repeat(2,1fr); } }