.medical-supervisor {
  padding-bottom: 40px;
}

.medical-supervisor-card {
  grid-template-columns: 170px minmax(0, 1fr);
  max-width: 860px;
  margin-inline: auto;
}

.medical-supervisor-photo {
  min-height: 220px;
}

.medical-supervisor-body {
  padding: 18px 22px;
}

.medical-supervisor-label {
  padding: 3px 9px;
  font-size: 9px;
}

.medical-supervisor-kicker {
  margin-top: 9px;
  font-size: 11px;
}

.medical-supervisor-body h2 {
  font-size: 23px;
}

.medical-supervisor-role {
  margin: 3px 0 10px;
  font-size: 12px;
}

.medical-supervisor-intro {
  margin-bottom: 10px !important;
}

.medical-authority {
  margin-top: 10px;
}

.medical-authority > div {
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 10px;
  padding: 7px 2px;
}

.medical-authority > div:nth-child(n + 3),
.medical-authority-links a:nth-child(n + 4),
.medical-supervisor-note {
  display: none;
}

.medical-authority dt,
.medical-authority dd {
  font-size: 11px;
  line-height: 1.65;
}

.medical-authority-links {
  margin-top: 11px;
  gap: 7px;
}

.medical-authority-links a {
  padding: 6px 9px;
  font-size: 10px;
}

.medical-supervisor-note {
  margin-top: 10px !important;
  padding: 7px 9px;
  font-size: 10px !important;
}

@media (max-width: 680px) {
  .medical-supervisor {
    padding-bottom: 32px;
  }

  .medical-supervisor-card {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .medical-supervisor-photo {
    height: auto;
    min-height: 145px;
    border-right: 3px solid var(--ink);
    border-bottom: 0;
  }

  .medical-supervisor-body {
    padding: 15px 14px;
  }

  .medical-supervisor-body h2 {
    font-size: 20px;
  }

  .medical-supervisor-role {
    font-size: 11px;
    line-height: 1.55;
  }

  .medical-authority > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .medical-authority dd {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .medical-authority-links a:nth-child(n + 3) {
    display: none;
  }
}