nav a.active-link{ color:var(--coral); }

.comp-pill .avatar{
  width:22px; height:22px; border-radius:50%; object-fit:cover; flex-shrink:0;
  background:var(--panel-2);
}

.member-panel{ padding:8px 0 60px; }
.member-card{
  display:grid; grid-template-columns:260px 1fr; gap:32px; align-items:start;
}
.member-photo{
  width:100%; aspect-ratio:4/5; border-radius:14px; object-fit:cover;
  background:var(--panel); border:1px solid var(--line);
}
.member-photo-empty{
  width:100%; aspect-ratio:4/5; border-radius:14px;
  background:var(--panel); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  color:var(--text-mute); font-size:13px;
}
.member-info h2{ font-size:24px; font-weight:800; margin-bottom:6px; }
.member-channel{
  display:inline-block; color:var(--text-dim); font-size:14px; font-weight:600;
  text-decoration:none; margin-bottom:16px; margin-right:16px;
}
.member-channel:hover{ color:var(--coral); }
.member-description{
  color:var(--text-dim); font-size:15px; line-height:1.75; white-space:pre-wrap;
}
.member-description.empty{ color:var(--text-mute); font-style:italic; }

.empty-note{ color:var(--text-mute); font-size:14px; padding:30px 0; text-align:center; }

@media (max-width:600px){
  .member-card{ grid-template-columns:1fr; gap:18px; }
  .member-photo, .member-photo-empty{ aspect-ratio:16/9; max-width:320px; }
}