/* HKU JC ESGRI — Global Affiliates grid (replaces Premium Addons Person widget) */
.ga-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  width:100%;
  max-width:100%;
  margin:0 auto;
  font-family:inherit;
  box-sizing:border-box;
}
.ga-grid *,
.ga-grid *::before,
.ga-grid *::after{ box-sizing:inherit; }

.ga-card{
  width:20%;
  padding:0 5px;
  margin:5px 0;
  display:flex;
  flex-direction:column;
}

.ga-image{
  position:relative;
  display:block;
  width:100%;
  height:230px;
  overflow:hidden;
  text-decoration:none;
  outline:none;
}
.ga-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .5s ease-in-out;
  border:0;
}
.ga-image:hover img{ transform:scale(1.2); }

.ga-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  box-shadow:inset 0 0 120px 0 rgba(0,0,0,.5);
  opacity:0;
  transition:opacity .5s linear;
  pointer-events:none;
}
.ga-image:hover .ga-overlay{ opacity:1; }

.ga-info{
  background:#FFFFFF;
  text-align:center;
  padding:30px 15px;
  flex:1 0 auto;
}
.ga-name{
  margin:0 0 5px;
  color:#486F6A;
  font-size:19px;
  font-weight:600;
  line-height:1em;
}
.ga-title{
  margin:0;
  padding:0;
  color:#7F7F7F;
  font-size:1em;
  font-weight:400;
  line-height:1.25em;
}
.ga-title span{ display:inline; }
.ga-inst{
  margin:0;
  color:#7F7F7F;
  font-size:13px;
  font-weight:600;
  line-height:1.25em;
}
.ga-inst p{ margin:0; }

/* Tablet — original config keeps 5 per row at 20% */
@media (max-width:1024px){
  .ga-card{ width:20%; }
  .ga-title{ font-size:.9em; }
}

/* Mobile — 2 per row */
@media (max-width:767px){
  .ga-card{ width:50%; }
  .ga-title{ font-size:.8em; }
}