.instructor-lead-grid,
.instructor-grid,
.instructor-tools-grid {
  display: grid;
  gap: 18px;
}

.instructor-leadership-layout {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.instructor-lead-current,
.instructor-former-grid,
.instructor-team-sections {
  display: grid;
  gap: 18px;
}

.instructor-lead-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.instructor-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.instructor-tools-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.instructor-card,
.instructor-lead-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.instructor-card,
.instructor-lead-card,
.instructor-team-section {
  text-align: center;
}

.instructor-profile-link {
  color: inherit;
  display: block;
  text-decoration: none;
}

.instructor-card h4 a,
.instructor-lead-card h4 a {
  color: inherit;
  text-decoration: none;
}

.instructor-card h4 a:hover,
.instructor-card h4 a:focus,
.instructor-lead-card h4 a:hover,
.instructor-lead-card h4 a:focus {
  text-decoration: underline;
}

.instructor-card img,
.instructor-lead-card img {
  margin-left: auto;
  margin-right: auto;
  max-width: 120px;
}

.instructor-legacy-figure {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.instructor-legacy-figure img {
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
}

.instructor-legacy-figure h4 {
  margin-bottom: 0;
}

.instructor-legacy-figure h4 a {
  color: inherit;
  text-decoration: none;
}

.instructor-legacy-figure h4 a:hover,
.instructor-legacy-figure h4 a:focus {
  text-decoration: underline;
}

.instructor-fallback-photo {
  margin-left: auto;
  margin-right: auto;
  max-width: 120px;
}

.instructor-section-heading {
  margin-bottom: 0;
  text-align: center;
}

.instructor-lead-card--feature {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.instructor-role {
  font-weight: 700;
  margin-bottom: 0;
}

.instructor-card h4,
.instructor-lead-card h4 {
  margin-bottom: 0;
}

.instructor-card p,
.instructor-lead-card p {
  margin-bottom: 0;
}

.instructor-card-copy {
  display: grid;
  gap: 4px;
}

.instructor-link-list {
  margin: 0;
  padding-left: 18px;
  text-align: left;
}

.instructor-link-list li + li {
  margin-top: 8px;
}

@media (max-width: 979px) {
  .instructor-grid,
  .instructor-tools-grid {
    grid-template-columns: 1fr 1fr;
  }

  .instructor-leadership-layout,
  .instructor-lead-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .instructor-grid,
  .instructor-tools-grid {
    grid-template-columns: 1fr;
  }

  .instructor-lead-grid,
  .instructor-leadership-layout {
    grid-template-columns: 1fr;
  }

  .instructor-card {
    align-items: start;
    display: grid;
    column-gap: 14px;
    row-gap: 4px;
    grid-template-columns: 92px minmax(0, 1fr);
    text-align: left;
  }

  .instructor-lead-card:not(.instructor-lead-card--feature) {
    align-items: start;
    display: grid;
    column-gap: 14px;
    row-gap: 4px;
    grid-template-columns: 92px minmax(0, 1fr);
    text-align: left;
  }

  .instructor-card img {
    max-width: 92px;
    width: 92px;
  }

  .instructor-lead-card:not(.instructor-lead-card--feature) img {
    max-width: 92px;
    width: 92px;
  }

  .instructor-fallback-photo {
    max-width: 92px;
    width: 92px;
  }

  .instructor-card h4,
  .instructor-card p,
  .instructor-card-copy {
    text-align: left;
  }

  .instructor-lead-card:not(.instructor-lead-card--feature) h4,
  .instructor-lead-card:not(.instructor-lead-card--feature) p,
  .instructor-lead-card:not(.instructor-lead-card--feature) .instructor-card-copy {
    text-align: left;
  }

  .instructor-card img,
  .instructor-card h4 {
    margin: 0;
  }

  .instructor-lead-card:not(.instructor-lead-card--feature) img,
  .instructor-lead-card:not(.instructor-lead-card--feature) h4 {
    margin: 0;
  }

  .instructor-card > img,
  .instructor-card > a {
    align-self: start;
    grid-column: 1;
    grid-row: 1 / span 3;
    justify-self: start;
    width: 92px;
  }

  .instructor-card > a img {
    display: block;
    margin: 0;
    width: 92px;
  }

  .instructor-lead-card:not(.instructor-lead-card--feature) > img,
  .instructor-lead-card:not(.instructor-lead-card--feature) > a {
    align-self: start;
    grid-column: 1;
    grid-row: 1 / span 3;
    justify-self: start;
    width: 92px;
  }

  .instructor-lead-card:not(.instructor-lead-card--feature) > a img {
    display: block;
    margin: 0;
    width: 92px;
  }

  .instructor-card > .instructor-card-copy {
    align-self: start;
    grid-column: 2;
  }

  .instructor-lead-card:not(.instructor-lead-card--feature) > .instructor-card-copy {
    align-self: start;
    grid-column: 2;
  }

  .instructor-legacy-figure img {
    max-width: 160px;
  }
}