@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
.directory-menu {
  align-items: baseline;
  border-bottom: 1px solid hsl(0, 0%, 95.7%);
  border-top: 1px solid hsl(0, 0%, 95.7%);
  font-size: 1rem;
  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(2, 27, 195, 0.1);
}

.person-callout {
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 90.6%);
  border-radius: 1px;
  padding: 1.5em 1.5em 2em;
}

.person-card {
  align-items: start;
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 90.6%);
  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 hsl(0, 0%, 95.7%);
  padding: 0 0 0.1em;
  margin: 0 0 0.5em;
}

.person-table th + th,
.person-table td + td {
  border-left: none;
}

.person-header {
  margin: 0 0 2em;
}
.person-header picture {
  margin: 0 0 1em;
  max-width: max-content;
}
.person-header img {
  --aspect-ratio: 2/3;
}

.person-content {
  color: hsl(0, 0%, 14.5%);
  margin: 0 0 3em;
}
.person-content .article {
  max-width: none;
}
.person-content p, .person-content ul, .person-content ol {
  max-width: 38em;
  text-rendering: optimizeLegibility;
}
.person-content a:not([class]) {
  color: inherit;
  font-weight: 700;
  text-decoration-color: #021bc3;
  text-decoration-thickness: 1px;
  transition: text-decoration-thickness 0.15s ease-in-out 50ms;
}
.person-content a:not([class]):focus, .person-content a:not([class]):hover {
  color: #021bc3;
  text-decoration-thickness: 2.5px;
}
.person-content h2 {
  margin-block-start: 1.5em;
}
.person-content figure {
  margin: 1em 2em 1.25em;
}
.person-content h3 {
  margin-top: 2em;
}
.person-content h3:first-of-type {
  margin-top: 0;
}

@media print, screen and (min-width: 40em) {
  .person-header,
  .person-content {
    --person-gap: 2em;
    --person-col-size: 13em;
  }
  .person-header:not(.row) {
    align-items: start;
    display: grid;
    gap: 0 var(--person-gap);
    grid-template-columns: var(--person-col-size) calc(100% - (var(--person-gap) + var(--person-col-size)));
    grid-template-rows: repeat(10, min-content);
  }
  .person-header:not(.row) > * {
    grid-column: 2;
  }
  .person-header:not(.row) picture {
    grid-column: 1;
    grid-row: 1/-1;
    max-width: none;
  }
  .person-content:not(.columns) {
    margin-inline-start: calc(var(--person-gap) + var(--person-col-size));
  }
}