/* =====================================================================
   СТОРІНКА «ІННОВАЦІЇ ТА НАУКА» (page-science.php)
   ---------------------------------------------------------------------
   Дописати цей блок У КІНЕЦЬ файлу wp-content/themes/ansi/css/custom-fixes.css
   Нічого вище в тому файлі не змінювати.

   Нагадування по темі: html{font-size:10px} → 1rem = 10px.
   Палітра теми: текст #434834, фон #f3f3e5, акцент #767a61,
   лінії #b3b1a4 / rgba(118,122,97,.5) / rgba(179,177,164,.4).
   Заголовки — Cormorant Unicase, текст — Avenir Next Cyr.
   Ширину контейнера НЕ переозначаємо: сторінка живе в штатному .container.
   ===================================================================== */

/* --- надзаголовок у hero ------------------------------------------- */
.science-eyebrow {
  letter-spacing: .25rem;
  opacity: .85;
}

/* --- три демографічні числа ---------------------------------------- */
.science-figures {
  border-top: 1px solid #b3b1a4;
  border-bottom: 1px solid #b3b1a4;
  margin: 4rem 0;
}

.science-figures__el {
  padding: 3rem 2rem;
  text-align: center;
}

.science-figures__value {
  display: block;
  margin-bottom: 1rem;
  color: #434834;
}

.science-figures__caption {
  display: block;
  color: #767a61;
}

@media (min-width: 768px) {
  .science-figures .col-md-4 + .col-md-4 .science-figures__el {
    border-left: 1px solid #b3b1a4;
  }
}

@media (max-width: 767px) {
  .science-figures .col-12 + .col-12 .science-figures__el {
    border-top: 1px solid #b3b1a4;
  }

  .science-figures__el {
    padding: 2.4rem 1rem;
  }
}

/* --- акцентний рядок під демографією -------------------------------- */
.science-accent {
  margin-top: 3rem;
  font-style: italic;
  color: #767a61;
}

/* --- галерея сертифікатів ------------------------------------------- */
.science-certificates__el {
  aspect-ratio: 3 / 4;
  background: #fff;
}

/* сертифікат не обрізаємо — показуємо цілим */
.science-certificates__el img {
  object-fit: contain;
}

/* --- список публікацій у ЗМІ --------------------------------------- */
.science-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.science-list__el {
  border-top: 1px solid rgba(118, 122, 97, .5);
  padding: 3rem 0;
}

.science-list__el:last-child {
  border-bottom: 1px solid rgba(118, 122, 97, .5);
}

.science-list__title {
  display: block;
  color: #434834;
  text-decoration: none;
  transition: color .3s ease;
}

a.science-list__title:hover {
  color: #767a61;
}

.science-list__meta {
  margin-top: 1rem;
  color: #767a61;
}

.science-list__text {
  margin-top: 1.5rem;
}

.science-list__more {
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .science-list__el {
    padding: 2.4rem 0;
  }
}

/* --- наукові теми, розділені лінією -------------------------------- */
.science-topic + .science-topic {
  border-top: 1px solid #b3b1a4;
  margin-top: 8rem;
  padding-top: 8rem;
}

.science-topic__title {
  margin-bottom: 3rem;
}

.science-topic__subtitle {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.science-topic__figure {
  margin: 4rem 0 0;
}

.science-topic__img {
  aspect-ratio: 16 / 9;
}

.science-topic__caption {
  display: block;
  margin-top: 1.2rem;
  font-style: italic;
  color: #767a61;
}

@media (max-width: 991px) {
  .science-topic + .science-topic {
    margin-top: 6rem;
    padding-top: 6rem;
  }

  .science-topic__title {
    margin-bottom: 2.4rem;
  }

  .science-topic__subtitle {
    margin-top: 3rem;
  }
}

/* --- перелік досліджень / публікацій напряму ----------------------- */
.science-refs {
  list-style: none;
  padding: 0;
  margin: 0;
}

.science-refs__el {
  border-top: 1px solid rgba(179, 177, 164, .4);
  padding: 2rem 0;
}

.science-refs__el:last-child {
  border-bottom: 1px solid rgba(179, 177, 164, .4);
}

.science-refs__title {
  display: block;
  font-weight: 600;
}

.science-refs__text {
  display: block;
  margin-top: .8rem;
}

.science-refs__link {
  display: inline-block;
  margin-top: .8rem;
  color: #767a61;
  text-decoration: underline;
  text-underline-offset: .3em;
  word-break: break-word;
}

.science-refs__link:hover {
  opacity: .75;
}

/* --- карточки програм (.how__el із головного макета) --------------- */
/* специфічність вище за .text-content>:not(br):not(:last-child){padding-bottom:2rem} */
.science-program .text-content .science-program__tag {
  padding-bottom: 1rem;
  color: #767a61;
  letter-spacing: .1rem;
}

/* --- фінальний CTA ------------------------------------------------- */
.science-cta {
  max-width: 80rem;
}

.science-cta__text {
  max-width: 64rem;
}

.science-cta__actions {
  gap: 2rem;
}

@media (max-width: 575px) {
  .science-cta__actions .btn {
    width: 100%;
  }
}


/* --- біла підкладка під блоком програм ---------------------- */
/* Тема фарбує колонки всередині .how .row білим градієнтом
   (nth-child(odd)/(even) у main.css). На цій сторінці це читається
   як випадкова біла плашка, тому гасимо - лише тут. */
.page-template-page-science-php .how .row > * {
  background: none;
}