/* TOP / 05 PEOPLE: paired names, faculty buttons, unified profile link (2026-10-13) */
#people .top-faculty-names {
  display:flex; flex-direction:row; align-items:baseline; flex-wrap:nowrap;
  gap:11px; margin:12px 0 6px; min-width:0;
}
#people .top-faculty-names h3 {
  margin:0; padding:0; flex:0 0 auto; white-space:nowrap;
}
#people .top-faculty-names .role-en {
  display:inline-block; flex:0 1 auto; min-width:0;
  margin:0; color:#647b67; white-space:nowrap; line-height:1.45;
}
#people .top-person-actions {
  display:flex; align-items:center; flex-wrap:nowrap; gap:8px; margin-top:16px;
}
#people .top-person-actions .researchmap-link,
#people .top-person-actions .kit-handbook-link {
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
  height:38px; min-height:38px; margin:0; padding:7px 10px;
  white-space:nowrap; line-height:1.25; text-decoration:none;
}
#people .team-note-actions {
  display:flex; flex-direction:column; align-items:stretch;
  gap:9px; margin-top:21px;
}
#people .team-note-actions a {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  box-sizing:border-box; min-height:42px; padding:10px 12px;
  border:1px solid #b1cba5; border-radius:9px;
  font-weight:750; font-size:12px; text-decoration:none; line-height:1.6;
  color:#20412a; background:#f3f8ea;
}
#people .team-note-actions a:hover {background:#fff; border-color:#78a36c}
#people .team-note-actions a:focus-visible {outline:3px solid #5b8fdf; outline-offset:2px}
/* Both buttons intentionally share identical backgrounds, borders, colors and hover styles. */
#people .team-note-actions a>span:last-child {flex:0 0 auto}
@media(max-width:420px) {
  #people .top-faculty-names {gap:7px;flex-wrap:wrap;row-gap:1px}
  #people .top-person-actions {gap:7px; flex-wrap:wrap}
}
