/* #region Child Pages */
.team-page section.team {
  margin: 2rem 0 0;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}

.team-page section.team h2 {
  margin: 0;
  grid-column: 1 / -1
}

.team-page .team-member {
  display: grid;
  gap: 1rem;
  border: 1px solid var(--medium-grey);
  border-radius: var(--border-radius);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 1rem;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
}

.team-page .team-member:hover,
.team-page .team-member:focus-within {
  background-color: var(--light-grey);
}

.team-page .team-member > :not(.headshot) {
  grid-column: 1 / -1;
}

.team-page .team-member .headshot {
  grid-row: span 2;
}

.team-page .team-member .headshot img {
  display: block;
}

.team-page .team-member .headshot ~ h3,
.team-page .team-member .headshot ~ .title {
  grid-column: 2;
}

.team-page .team-member h3,
.team-page .team-member p {
  margin: 0;
}
/* #endregion */