/* Personal-homepage identity grouping within the shared lab-page heading hierarchy. */
body.people-page main#main .director-card {
  display: grid; grid-template-columns: minmax(0,1fr) 180px;
  align-items: start; gap: 32px; padding: 0;
}
body.people-page main#main .director-info { min-width: 0; padding: 0; align-self: start; }
body.people-page main#main .director-info h3 {
  font: 800 32px/1.25 var(--font-heading); color: #4b2e83;
  letter-spacing: 0; margin: 0 0 26px; text-wrap: balance;
}
body.people-page main#main .director-info h3 a { color: inherit; font-weight: inherit; text-decoration: none; }
body.people-page main#main .director-appointments { display: grid; gap: 12px; }
body.people-page main#main .director-info .director-position {
  margin: 0 0 4px; color: #3d3d3d; font: 600 1rem/1.6 var(--font-body);
  text-wrap: balance;
}
body.people-page main#main .director-info .director-affiliation {
  margin: 0; color: #666; font: 400 .95rem/1.65 var(--font-body);
  text-wrap: balance;
}
body.people-page main#main .uw-page-content .director-info :is(.director-affiliation,.director-position) a {
  color: inherit; font-weight: inherit; text-decoration: none;
}
body.people-page main#main .director-verification {
  display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 16px;
  font: 400 14px/1.6 var(--font-body); color: #3d3d3d;
}
body.people-page main#main .director-verification a {
  color: #4b2e83; font-weight: 400; text-decoration: none;
}
body.people-page main#main .uw-page-content .director-info a:hover {
  color: #4b2e83; text-decoration: underline;
}
body.people-page main#main .director-sidebar { min-width: 0; }
body.people-page main#main .director-img { width: 100%; max-width: 180px; }
body.people-page main#main .director-img img { width: 100%; height: auto; }
body.people-page main#main .director-contact-links {
  display: flex; flex-direction: column; gap: 6px; margin-top: 16px;
  font: 400 .9rem/1.6 var(--font-body);
}
body.people-page main#main .director-contact-links a {
  font-weight: 400; text-decoration: none;
}
body.people-page main#main .director-contact-links a:hover { text-decoration: underline; }
@media(max-width:1060px) {
  body.people-page main#main .director-card { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body.people-page main#main .director-sidebar { display: flex; align-items: start; gap: 22px; }
  body.people-page main#main .director-img { max-width: 130px; }
  body.people-page main#main .director-contact-links { margin-top: 0; }
}
@media(max-width:850px) {
  body.people-page main#main .director-info h3 { font-size: 28px; }
}
@media(max-width:360px) {
  body.people-page main#main .director-info h3 { font-size: 24px; }
}