.board-section{
  padding:2rem 2.5rem 2rem;

}

.board-section .container{
  max-width: 1200px;
}

/* Category heading */
.cat-heading{
  display:flex;align-items:center;
  justify-content: center;
  margin-bottom:2rem;
}

.cat-tag{
  display:flex;align-items:center;gap:0.5rem;
  font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;
  font-weight:600;color:var(--teal);
  flex-shrink:0;
}

/* Chief Editors — large cards */
.chief-grid{
  gap:1.2rem;
  margin-bottom:4rem;
}
.chief-grid .row {
  row-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
.card-chief{
  background:white;
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(11,24,41,0.07);
  transition:all 0.35s cubic-bezier(0.16,1,0.3,1);
 
}

.card-chief:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 48px rgba(11,24,41,0.14);
  border-color:rgba(13,140,122,0.3);
}

/* top stripe */
.card-stripe{
  height:6px;
  background:linear-gradient(90deg,var(--teal),var(--teal2));
}

.card-chief-inner{
  padding:2rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.avatar-wrap{
  position:relative;
  margin-bottom:1.3rem;
}

.avatar{
  width:90px;height:90px;border-radius:50%;
  object-fit:cover;
  border:3px solid white;
  box-shadow:0 0 0 3px var(--teal),0 8px 24px rgba(13,140,122,0.2);
  display:block;
  background:var(--teal-light);
  overflow:hidden;
  transition:box-shadow 0.3s;
}

.card-chief:hover .avatar{
  box-shadow:0 0 0 3px var(--teal),0 12px 32px rgba(13,140,122,0.35);
}

.avatar-initials{
  width:220px;height:220px;
  border-radius: 10px;
  border:3px solid white;
  box-shadow:0 0 0 3px var(--teal),0 8px 24px rgba(13,140,122,0.2);
  background:linear-gradient(135deg,var(--teal),var(--teal2));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:1.5rem;font-weight:600;color:white;
  transition:box-shadow 0.3s;
}

.card-chief:hover .avatar-initials{
  box-shadow:0 0 0 3px var(--teal),0 12px 32px rgba(13,140,122,0.35);
}

.avatar-badge{
  position:absolute;
  bottom:2px;right:2px;
  width:22px;height:22px;
  border-radius:50%;
  background:var(--teal);
  border:2px solid white;
  display:flex;align-items:center;justify-content:center;
  font-size:0.6rem;color:white;
}

.card-name{
  font-family:var(--serif);
  font-size:1.2rem;font-weight:600;
  color:var(--text);
  margin-bottom:0.25rem;
  line-height:1.2;
}

.card-role{
  font-size:0.72rem;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--teal);
  margin-bottom:0.8rem;
  display:flex;align-items:center;justify-content:center;gap:0.4rem;
}

.role-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--teal);
  display:inline-block;
}

.card-affil{
  font-size:0.82rem;color:var(--muted);
  line-height:1.5;margin-bottom:1.3rem;
}

.card-divider{
  width:40px;height:1px;
  background:linear-gradient(90deg,transparent,var(--border),transparent);
  margin:0 auto 1.2rem;
}

.card-contacts{
  display:flex;gap:0.6rem;flex-wrap:wrap;justify-content:center;
}

.contact-chip{
  display:inline-flex;align-items:center;gap:0.35rem;
  padding:0.35rem 0.8rem;
  border:1px solid var(--border);
  border-radius:100px;
  font-size:0.72rem;color:var(--muted);
  text-decoration:none;
  transition:all 0.2s;
  background:var(--bg);
}

.contact-chip:hover{
  border-color:var(--teal);
  color:var(--teal);
  background:var(--teal-light);
}

.contact-icon{font-size:0.75rem;}

/* Board Members — compact cards */


.card-member{
  background:white;
  border:1px solid var(--border);
  border-radius:12px;
  padding:1.4rem;
  display:flex;
  align-items:center;
  gap:1rem;
  box-shadow:0 2px 10px rgba(11,24,41,0.05);
  transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
  cursor:default;
  position:relative;
  overflow:hidden;
}

.card-member::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--teal),var(--teal2));
  opacity:0;
  transition:opacity 0.3s;
}

.card-member:hover{
  transform:translateY(-3px) translateX(2px);
  box-shadow:0 10px 32px rgba(11,24,41,0.1);
  border-color:rgba(13,140,122,0.2);
}

.card-member:hover::before{opacity:1;}

.mem-avatar{
  width:52px;height:52px;border-radius:50%;
  flex-shrink:0;
  background:linear-gradient(135deg,var(--teal),var(--teal2));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:1.05rem;font-weight:600;color:white;
  border:2px solid var(--border);
  transition:all 0.3s;
}

.card-member:hover .mem-avatar{
  border-color:var(--teal);
  box-shadow:0 4px 14px rgba(13,140,122,0.3);
  transform:scale(1.05);
}

.mem-info{flex:1;min-width:0;}

.mem-name{
  font-family:var(--serif);
  font-size:0.95rem;font-weight:600;
  color:var(--text);
  line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.mem-role{
  font-size:0.68rem;font-weight:600;
  letter-spacing:0.1em;text-transform:uppercase;
  color:var(--teal);margin:0.2rem 0 0.3rem;
}

.mem-affil{
  font-size:0.75rem;color:var(--muted);
  line-height:1.4;
  display:-webkit-box;
  line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;
}

.mem-arrow{
  color:var(--light);font-size:0.8rem;
  transition:all 0.2s;flex-shrink:0;
}

.card-member:hover .mem-arrow{color:var(--teal);transform:translateX(3px);}

/* Reviewer list */
.reviewer-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:0.8rem;
}

.card-reviewer{
  background:white;
  border:1px solid var(--border);
  border-radius:8px;
  padding:1rem 1.1rem;
  display:flex;align-items:center;gap:0.8rem;
  transition:all 0.25s;
}

.card-reviewer:hover{
  border-color:rgba(13,140,122,0.25);
  background:var(--teal-light);
  transform:translateX(4px);
}

.rev-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--teal);flex-shrink:0;
  transition:transform 0.2s;
}

.card-reviewer:hover .rev-dot{transform:scale(1.5);}

.rev-name{
  font-size:0.83rem;font-weight:500;
  color:var(--text);flex:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.rev-uni{
  font-size:0.7rem;color:var(--light);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ── SEARCH BAR ── */
.search-row{
  display:flex;align-items:center;gap:1rem;
  margin-bottom:3rem;
  flex-wrap:wrap;
}

.search-wrap{
  flex:1;min-width:200px;position:relative;
}

.search-input{
  width:100%;
  padding:0.75rem 1rem 0.75rem 2.8rem;
  border:1px solid var(--border);
  border-radius:8px;
  background:white;
  font-family:var(--sans);font-size:0.86rem;
  color:var(--text);outline:none;
  transition:all 0.25s;
  box-shadow:0 2px 8px rgba(11,24,41,0.04);
}

.search-input:focus{
  border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(13,140,122,0.1);
}

.search-ico{
  position:absolute;left:0.9rem;top:50%;transform:translateY(-50%);
  color:var(--light);font-size:0.85rem;pointer-events:none;
}

.count-badge{
  font-size:0.78rem;color:var(--muted);white-space:nowrap;
}

.count-badge strong{color:var(--teal);}

/* ── HIDDEN ── */
.hidden{display:none!important;}

/* ===== RESPONSIVE ===== */

/* Large screens */


/* Tablet */