.wrap-left .field_photo {
  margin: inherit;
}


/* =========================================
   Карточка сотрудника (.data-wrap-person)
   ========================================= */
.data-wrap-person {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  padding: 24px;
  margin-bottom: 28px;
  background-color: #faf9f6; /* Единый теплый фон с остальными блоками */
  border: 1px solid #e6e2d8;
  border-radius: 8px;
}

/* Левая колонка: фотография */
.data-wrap-person .wrap-left {
  flex: 0 0 200px;
}

.data-wrap-person .field_photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  border: 1px solid #e6e2d8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.data-wrap-person .field_photo a:hover img {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
}

/* Правая колонка: информация (используем Flexbox с переносом для бейджей) */
.data-wrap-person .wrap-right {
  margin-top: 0;
  margin-left: 0;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  min-width: 0;
}

/* Все поля по умолчанию занимают всю ширину строки */
.data-wrap-person .wrap-right > div {
  width: 100%;
}

/* Ученая степень и должность (акцентный статус) */
.data-wrap-person .field_science_degree {
  font-size: 16px;
  font-weight: 600;
  color: #2b2927;
  line-height: 1.4;
}

.data-wrap-person .field_post {
  font-size: 16px;
  color: #4a4640;
  line-height: 1.4;
}

/* Отдел */
.data-wrap-person .field_otdels {
  margin-top: 4px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ece9e0;
  font-size: 16px;
  line-height: 1.45;
}

.data-wrap-person .field_otdels a {
  color: #8c4a27;
  text-decoration: none;
  border-bottom: 1px solid rgba(140, 74, 39, 0.3);
  transition: color 0.15s ease, border-color 0.15s ease;
}

.data-wrap-person .field_otdels a:hover {
  color: #5e2f16;
  border-bottom-color: #5e2f16;
}

.data-wrap-person .field_rabtel {
  font-size: 16px;
  color: #33312e;
}

.data-wrap-person .field_rabtel .label {
  font-size: 16px;
  color: #7a756d;
  text-transform: lowercase;
}

/* Контакты и научные профили: выстраиваем в аккуратный ряд кнопок-бейджей */




.data-wrap-person .field_istina_msu,
.data-wrap-person .field_google_scholar_link,
.data-wrap-person .field_researcher_id_link,
.data-wrap-person .field_elibrary_link,
.data-wrap-person .field_academia_link,
.data-wrap-person .field_orcid_link,
.data-wrap-person .field_scopus_link {
  width: auto !important; /* Отменяем 100% ширины, чтобы встали в одну линию */
  margin-top: 6px;
}

.data-wrap-person .field_istina_msu a,
.data-wrap-person .field_google_scholar_link a,
.data-wrap-person .field_researcher_id_link a,
.data-wrap-person .field_elibrary_link a,
.data-wrap-person .field_academia_link a,
.data-wrap-person .field_orcid_link a,
.data-wrap-person .field_scopus_link a {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: #8c4a27;
  background-color: #ffffff;
  border: 1px solid #d5cfc2;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.data-wrap-person .field_istina_msu a:hover,
.data-wrap-person .field_google_scholar_link a:hover,
.data-wrap-person .field_researcher_id_link a:hover,
.data-wrap-person .field_elibrary_link a:hover,
.data-wrap-person .field_academia_link a:hover,
.data-wrap-person .field_orcid_link a:hover,
.data-wrap-person .field_scopus_link a:hover {
  background-color: #8c4a27;
  border-color: #8c4a27;
  color: #ffffff;
}


/* Блок «Научные интересы» */
.data-wrap-person .field_interest {
  margin-top: 0;
  padding-top: 14px;
  border-top: 1px solid #ece9e0;
  font-size: 16px;
  line-height: 1.55;
  color: #33312e;
}

/* Сбрасываем стили Bulma для .label */
.data-wrap-person .field_interest .label {
  margin: 0 0 6px 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #7a756d;
}

/* =========================================
   Мобильная версия (экраны меньше 640px)
   ========================================= */
@media (max-width: 640px) {
  .data-wrap-person {
    flex-direction: column;
    align-items: center;
    padding: 18px 16px;
    gap: 18px;
  }

  .data-wrap-person .wrap-left {
    flex: none;
    width: 170px;
  }

  .data-wrap-person .wrap-right {
    width: 100%;
  }

  /* На телефоне центрируем степень, должность и отдел под фото */
  .data-wrap-person .field_science_degree,
  .data-wrap-person .field_post,
  .data-wrap-person .field_otdels {
    text-align: center;
  }

  /* Центрируем ряд плашек ORCID / Scopus / Email */
  .data-wrap-person .field_orcid_link {
    margin-left: auto;
  }

  .data-wrap-person .field_e_mail {
    margin-right: auto;
  }
}



/* e-mail */

.data-wrap-person .field_e_mail {
  margin: 80;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Оформление ссылки в виде аккуратной плашки */
.data-wrap-person .field_e_mail a {
  color: #1e293b;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  letter-spacing: 0.08em;
}

/* Эффект при наведении */
.data-wrap-person.field_e_mail a:hover {
  color: #1d4ed8;
  transform: translateY(-1px);
}