.worker-structure__container {
  padding: 0 var(--wrap-1);
  margin-bottom: 20px;
}

.worker-structure._grey .worker-structure__wrapper {
  background-color: var(--color-grey-010);
}

.worker-structure__title__container {
  border-bottom: 1px solid var(--color-grey-050);
  padding-bottom: 0.5rem;
  margin-bottom: 1.2rem;
}

.worker-structure__title {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 116%;
  color: var(--color-blue-200);
}

.worker-structure-list._marked {
  list-style-type: disc;
  list-style-position: outside;
}

.worker-structure-list._numeric {
  list-style-type: decimal;
  list-style-position: outside;
}

.worker-structure-list > * + * {
  margin-top: 1rem;
}

.worker-structure-list__item {
  line-height: 140%;
  color: var(--color-black);
}

.worker-structure-list._marked .worker-structure-list__item::marker {
  color: var(--color-green-100);
}

.worker-structure-list._numeric .worker-structure-list__item {
  padding-left: 0.875rem;
}

.worker-structure-list._numeric .worker-structure-list__item::marker {
  color: var(--color-grey-020);
}

.worker-structure-list__link {
  color: var(--color-blue-200);
}

.worker-structure-list__link > * {
  text-underline-offset: 0.375rem;
}

html:not(.v-mobile) .worker-structure-list__link:hover > *,
.worker-structure-list__link:focus-visible > * {
  text-decoration: underline;
}

.worker-structure-list__title {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 116%;
  color: inherit;
}

.worker-structure-list__title span,
.worker-structure-list__title span a {
  color: var(--color-grey-300);
}

.worker-structure-list__title span a:hover {
  text-decoration: underline;
}

.worker-structure-list__additional {
  margin-top: 0.625rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-grey-300);
}

.worker-structure-list__description {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 116%;
}

.faculty-typography__wrapper > * + * {
  margin-top: 1.75rem;
}

.worker-profile {
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-grey-300);
}

.worker-profile__img {
  width: 100%;
}

.worker-profile__img img {
  width: 100%;
  height: auto;
}

.worker-profile-details__item {
  display: flex;
}

.worker-profile-details__name {
  width: 100%;
  max-width: 9.6875rem;
  flex-shrink: 0;
}

.worker-contacts .worker-profile-details__name {
  max-width: 10.375rem;
}

.worker-profile-details__value {
  color: var(--color-black);
}

.worker-profile-details__value p > a {
  color: var(--color-blue-100);
  text-decoration: underline;
  transition: color 0.3s ease;
}

html:not(.v-mobile) .worker-profile-details__value p > a:hover,
.worker-profile-details__value p > a:focus-visible {
  color: var(--color-blue-200);
}

.worker-profile-details__value > a {
  color: inherit;
  word-break: break-word;
  text-decoration-color: var(--color-blue-200);
  text-underline-offset: 0.1875rem;
}

html:not(.v-mobile) .worker-profile-details__value > a:hover,
.worker-profile-details__value > a:focus-visible {
  text-decoration: underline;
}

.worker-contacts .worker-profile-details__value {
  display: inline-flex;
  color: var(--color-black);
  word-break: break-word;
}

.worker-contacts .worker-profile-details__value > * + * {
  margin-left: 0.25em;
}

.worker-contacts .worker-profile-details__value > *:last-child::after {
  display: none;
}

/* --- MEDIA QUERIES --- */

@media (max-width: 550px) {
  .worker-profile-details__name {
    max-width: 5.8125rem;
  }
  .worker-contacts .worker-profile-details__name {
    max-width: 5rem;
  }

  .worker-contacts .worker-profile-details__value {
    flex-direction: column;
  }
  .worker-contacts .worker-profile-details__value > * + * {
    margin-left: unset;
    margin-top: 0.5em;
  }
}

@media (max-width: 899px) {
  .worker-structure._grey .worker-structure__container {
    padding: 0;
  }
  .worker-structure._grey .worker-structure__wrapper {
    padding: 1.5rem var(--wrap-colored);
  }
  .worker-structure__title {
    font-size: 1.25rem;
  }
  .worker-structure-list {
    margin-left: 1.25rem;
  }
  .worker-structure-list__title {
    font-size: 1rem;
  }
  .worker-structure-list__additional {
    padding-left: 0.75rem;
    font-size: 0.75rem;
  }
  .worker-structure-list__additional > * + * {
    margin-top: 0.5em;
  }
  .worker-structure-list__description {
    font-size: 1rem;
  }

  .worker-profile {
    flex-direction: column;
    font-size: 0.75rem;
  }
  .worker-profile > * + * {
    margin-top: 1.5rem;
  }
  .worker-profile__img {
    max-width: 70%;
  }
  .worker-profile-details > * + * {
    margin-top: 1.125rem;
  }
  .worker-profile-details__item > * + * {
    margin-left: 0.5rem;
  }
}

@media (max-width: 1199px) {
  .worker-structure._grey .worker-structure__container {
    padding: 0;
  }
}

@media (min-width: 900px) {
  .worker-structure._grey .worker-structure__wrapper {
    padding: 2rem 2.5rem;
  }
  .worker-structure-list__additional > * + * {
    margin-top: 0.25em;
  }

  .worker-profile > * + * {
    margin-left: 2rem;
  }
  .worker-profile__img {
    max-width: 35.17%;
    flex-shrink: 0;
  }
  .worker-profile-details > * + * {
    margin-top: 1.2rem;
  }
  .worker-profile-details__item > * + * {
    margin-left: 2.25rem;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .worker-structure__title {
    font-size: 1.375rem;
  }
  .worker-structure-list {
    margin-left: 3.75rem;
  }
  .worker-structure-list__title {
    font-size: 1rem;
  }
  .worker-structure-list__additional {
    padding-left: 2.625rem;
    font-size: 1rem;
  }
  .worker-structure-list__description {
    font-size: 1rem;
  }
  .worker-profile {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .worker-structure__title {
    font-size: 1.375rem;
  }
  .worker-structure-list {
    max-width: 82.522%;
    margin-left: 3.5rem;
  }
  .worker-structure-list__title {
    font-size: 1.125rem;
  }
  .worker-structure-list__additional {
    padding-left: 3.875rem;
    font-size: 1rem;
  }
  .worker-structure-list__description {
    font-size: 1.125rem;
  }
  .worker-profile {
    font-size: 1.125rem;
  }
}

@media (min-width: 1200px) and (min-width: 1540px) {
  .worker-structure__title {
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) and (min-width: 1600px) {
  .worker-profile {
    max-width: 89.639%;
  }
}
