.person-list {
  container-type: inline-size;
  container-name: person-list;
}
.person-list .person-list__list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.person-list .person-list__list hr {
  flex: 0 0 100%;
  border: none;
  height: 1px;
  background-color: var(--secondary-color);
}
.person-list .person-list__list .person-list__item {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 60px;
  column-gap: 60px;
  justify-items: center;
}
.person-list .person-list__list .person-list__item .kll-map {
  margin: 0 8px 0 0;
}
.person-list .person-list__list .person-list__item .person-list__image {
  max-width: 335px;
}
.person-list .person-list__list .person-list__item .person-list__image img {
  border-radius: 50%;
}
.person-list .person-list__list .person-list__item .person-list__content {
  width: calc(100% - 395px);
}
.person-list .person-list__list .person-list__item .person-list__content ul {
  margin: 26px 0 0;
}
.person-list .person-list__list .person-list__item .person-list__content ul li {
  list-style: none outside none;
}
.person-list .person-list__list.person-list__list--simple {
  display: block;
}
.person-list .person-list__list .person-list__simple-item {
  margin-bottom: 20px;
}

@container person-list (max-width: 728px) {
  .person-list .person-list__item {
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 20px;
  }
  .person-list .person-list__item .person-list__image {
    max-width: initial;
    text-align: center;
    flex: 0 0 100%;
  }
  .person-list .person-list__item .person-list__image img {
    max-width: 300px;
  }
  .person-list .person-list__item .person-list__content {
    width: initial;
    flex: 0 0 100%;
  }
}