@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
.directory-menu {
  align-items: baseline;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
  font-size: 1em;
  margin: 2em 0 3em;
  padding: 1em 0;
}

.directory-menu--alpha-links.menu li {
  margin: 0;
}
.directory-menu--alpha-links li > * {
  display: block;
  height: 2.75em;
  margin: 0.25em;
  opacity: 0.4;
  padding: 0.75em 1em;
  text-align: center;
  width: 2.75em;
}
.directory-menu--alpha-links li > a {
  border-radius: 2.75em;
  opacity: 1;
  text-decoration: underline;
}
.directory-menu--alpha-links li > a:focus, .directory-menu--alpha-links li > a:hover {
  background: rgba(40, 63, 175, 0.1);
}

.person-callout {
  background: #ffffff;
  border: 1px solid #E7E7E7;
  border-radius: 1px;
  padding: 1.5em 1.5em 2em;
}

.person-card {
  align-items: start;
  background: #ffffff;
  border: 1px solid #E7E7E7;
  border-radius: 1px;
  padding: 1em 1em 2em;
}
.person-card picture {
  display: block;
  margin: -1em -1em 1em;
}

.person-row:not(tr) {
  align-items: start;
  display: grid;
}

.person-row:has(picture) {
  gap: 0 1em;
  grid-template-columns: 5em 1fr;
  grid-template-columns: 5em calc(100% - 6em);
  grid-template-rows: repeat(10, min-content);
}
.person-row:has(picture) > * {
  grid-column: 2;
}
.person-row:has(picture) > :first-child {
  grid-column: 1;
  grid-row: 1/-1;
}
.person-row:has(picture) img {
  --aspect-ratio: 2/3;
}

.person-row.has-picture {
  gap: 0 1em;
  grid-template-columns: 5em 1fr;
  grid-template-columns: 5em calc(100% - 6em);
  grid-template-rows: repeat(10, min-content);
}
.person-row.has-picture > * {
  grid-column: 2;
}
.person-row.has-picture > :first-child {
  grid-column: 1;
  grid-row: 1/-1;
}
.person-row.has-picture img {
  --aspect-ratio: 2/3;
}

.person-row.profile:has(picture) {
  grid-template-columns: 8em 1fr;
}
.person-row.profile:has(picture) img {
  --aspect-ratio: 3/2;
}

.person-row.row > .columns {
  grid-column: auto;
  max-width: none;
  padding: 0;
}

.advisor-list dt::after,
.interests-list dt::after {
  content: ":";
}

.advisor-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.35em;
  line-height: 1.25;
}
.advisor-list dt {
  font-size: 0.95em;
}
.position + .advisor-list {
  font-size: 1.05em;
  margin-block-start: -0.675em;
}

.interests-list dt {
  margin: 0 0 0.4em;
}
.interests-list dd {
  display: grid;
  grid-template-columns: auto 1fr;
  line-height: 1.25;
  margin: 0 0 0.35em;
}
.interests-list dd::before {
  content: "•";
  margin: 0 0.34em 0 0;
}

@media screen and (min-width: 40em) {
  .person-row:has(picture) {
    gap: 0 2em;
    grid-template-columns: 8em 1fr;
  }
  .person-row.has-picture {
    gap: 0 2em;
    grid-template-columns: 8em 1fr;
  }
  .person-row.profile:has(picture) {
    grid-template-columns: 21em 1fr;
  }
}
.people-section {
  margin: 2em 0 4em;
}
.people-section > h2 {
  border-block-end: 1px solid #f4f4f4;
  padding: 0 0 0.1em;
  margin: 0 0 0.5em;
}

.person-table th + th,
.person-table td + td {
  border-left: none;
}
