/* ===== Grid (same structure you had) ===== */
.epss-dir-grid{display:grid;gap:22px}
@media(min-width:480px){.epss-dir-grid.cols-2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.epss-dir-grid.cols-3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:992px){.epss-dir-grid.cols-4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){.epss-dir-grid.cols-5{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1400px){.epss-dir-grid.cols-6{grid-template-columns:repeat(6,1fr)}}

/* ===== Card (flat, condensed) ===== */
.epss-card{
  background:#fff;
  border-radius:0;                 /* square corner card to match request */
  box-shadow:none;
  padding:12px;
  height:100%;
  display:flex;flex-direction:column;align-items:flex-start;
}

.epss-avatar-wrap{display:block;margin:0 0 10px 0}

/* ===== Avatar: force perfect square + no rounding (beats theme rules) ===== */
.epss-dir-grid .epss-card img.epss-avatar{
  width:180px !important;
  height:180px !important;
  max-width:none !important;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:15px !important;      /* square */
  background:#f2f2f2;
  display:block;
}
@media (max-width:640px){
  .epss-dir-grid .epss-card img.epss-avatar{
    width:150px !important;height:150px !important;
  }
}

/* ===== Name (single, authoritative rule) ===== */
.epss-card .epss-name{
  margin:6px 0 2px;
  font-weight:700;
  font-size:16px;                  /* 16–18px per feedback */
  line-height:1.25;
  max-width:180px;                 /* align with image width */
}
.epss-card .epss-name a,
.epss-card .epss-name a:visited{
  color:#00598C;                   /* UCLA blue */
  text-decoration:none;
}
.epss-card .epss-name a:hover,
.epss-card .epss-name a:focus{
  color:#004978;
}

/* ===== One compact gray line (job title) ===== */
.epss-card .epss-line,
.epss-card .epss-job{
  display:block;             /* no clamp */
  overflow:visible;
  white-space:normal;
  min-height:auto;           /* remove fixed height */
}


/* Subtle hover (optional) */
.epss-card:hover{transform:translateY(-2px);transition:transform .1s ease}