.dept-list{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.dept-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:30px;
  align-items:center;
  padding:38px;
  border-radius:var(--radius-lg);
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(14px);
  transition:border-color .4s ease, box-shadow .4s ease, transform .4s ease;
}
.dept-row:hover{
  border-color:rgba(25,217,255,.4);
  box-shadow:var(--glow-cyan);
  transform:translateY(-4px);
}
.dept-row:nth-child(2):hover{ border-color:rgba(32,232,106,.4); box-shadow:var(--glow-green); }
.dept-row:nth-child(4):hover{ border-color:rgba(32,232,106,.4); box-shadow:var(--glow-green); }

.dept-icon-wrap{
  width:100px;
  height:100px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(8,123,255,.18), rgba(25,217,255,.06));
  display:flex;
  align-items:center;
  justify-content:center;
}
.dept-icon{ font-size:42px; }

.dept-tag{
  display:inline-block;
  font-size:12px;
  color:var(--cyan);
  font-family:var(--font-en-display);
  letter-spacing:.08em;
  margin-bottom:8px;
}
.dept-content h2{ font-size:23px; margin-bottom:10px; }
.dept-content p{ font-size:15px; max-width:720px; }

@media (max-width:760px){
  .dept-row{ grid-template-columns:1fr; text-align:center; padding:30px 22px; }
  .dept-icon-wrap{ margin-inline:auto; }
}