/* =================================================================
   ШРИФТЫ СТАТЕЙ БЛОГА  (v5)
   КУДА: в поле CSS Тильды — там, где они работали раньше.
   Это ЧИСТЫЙ CSS, без тегов .
   Здесь ТОЛЬКО типографика: тип, размер, начертание, цвет текста.
   Структура и скрипты — в файле HEAD. Дублировать эти правила
   в HEAD НЕ нужно, иначе шрифты снова «поедут».
   ================================================================= */

:root {
  --manrope: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Текст статьи — Manrope 500 / 15px */
.t-feed__post-popup .t-redactor__text,
.t-feed__post-popup .t-redactor__text p,
.t-feed__post-popup .t-redactor__text li {
  font-family: var(--manrope) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

/* Метаданные: дата, uptitle — Manrope 500 / 15px / серый / lowercase */
.t-feed__post-popup .js-feed-post-date,
.t-feed__post-popup .t-feed__post-popup__date,
.t-feed__post-popup .t-uptitle_xs,
.t-feed__post-popup .t-uptitle_sm,
.t-feed__post-popup .t-uptitle:not(.t-feed__post-popup__relevants-title) {
  font-family: var(--manrope) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  color: #949494 !important;
  letter-spacing: normal !important;
  text-transform: lowercase !important;
}

/* Автор — Manrope 500 / 15px / серый / без смены регистра */
.t-feed__post-popup .js-feed-post-author-name,
.t-feed__post-popup .t-feed__post-popup__author-name {
  font-family: var(--manrope) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  color: #949494 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Заголовок статьи — YesevaOne 500 / 20px / -0.7px */
.t-feed__post-popup .t-feed__post-popup__title,
.t-feed__post-popup .js-feed-post-title {
  font-family: 'YesevaOne', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.7px !important;
}

/* «Также читают» — заголовок блока — YesevaOne 500 / 20px / -0.7px */
.t-feed__post-popup .t-feed__post-popup__relevants-title {
  font-family: 'YesevaOne', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.7px !important;
}

/* «Также читают» — заголовок карточки — YesevaOne 500 / 20px / -0.7px / #6864A4 */
.t-feed__post-popup .t-feed__post-popup__relevants .t-feed__post-popup__relevants-item-title.t-name.t-name_xs,
.t-feed__post-popup .t-feed__post-popup__relevants a .t-feed__post-popup__relevants-item-title.t-name.t-name_xs {
  font-family: 'YesevaOne', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.7px !important;
  display: inline-block;
  color: #6864A4 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* «Также читают» — описание карточки — Manrope 500 / 15px / #282828 */
.t-feed__post-popup .t-feed__post-popup__relevants :is(
  .t-feed__post-popup__relevants-item-descr.t-descr.t-descr_xxs,
  .t-descr, .t-descr_xxs, .t-descr_sm) {
  font-family: var(--manrope) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  color: #282828 !important;
  margin-top: 10px !important;
}

/* Лента постов: тег и дата — нормальный letter-spacing */
.t-feed .t-feed__post-tag.t-uptitle,
.t-feed .t-feed__post-tag.t-uptitle_xs,
.t-feed .t-feed__post-date.t-uptitle,
.t-feed .t-feed__post-date.t-uptitle_xs,
.t-feed .js-feed-post-date.t-uptitle,
.t-feed .js-feed-post-date.t-uptitle_xs {
  letter-spacing: normal !important;
}

/* Лента постов: дата и тег — строчными буквами */
.t-feed .t-feed__post-date,
.t-feed .js-feed-post-date,
.t-feed .t-feed__post-tag {
  text-transform: lowercase !important;
}

/* Цитата (quote) — Manrope 500 / 15px */
.t-feed__post-popup blockquote.t-redactor__quote {
  font-family: var(--manrope) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

/* Префейс-цитата — YesevaOne 500 / 20px / -0.7px / #6864A4 */
.t-feed__post-popup blockquote.t-redactor__preface {
  font-family: 'YesevaOne', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.7px !important;
  color: #6864A4 !important;
}

/* H3 — Manrope 500 / 18px / #6864A4 */
.t-feed__post-popup h3.t-redactor__h3 {
  font-family: var(--manrope) !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: #6864A4 !important;
}

/* Callout-текст — Manrope 500 / 15px */
.t-feed__post-popup .t-redactor__callout-text,
.t-feed__post-popup .t-redactor__callout-text p,
.t-feed__post-popup .t-redactor__callout-text li {
  font-family: var(--manrope) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

/* H2 — YesevaOne 500 / 20px / -0.7px / #6864A4 */
.t-feed__post-popup h2.t-redactor__h2 {
  font-family: 'YesevaOne', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.7px !important;
  color: #6864A4 !important;
}

/* Заголовок блока T668 — цвет */
.t668__title.t-name.t-name_xl {
  color: #6864A4 !important;
}

/* Текст кнопки закрытия — YesevaOne 500 / 20px / -0.7px / #6864A4 */
.js-feed-popup-title.t-feed__post-popup__close-text,
.t-feed__post-popup__close-text.t-descr,
.t-feed__post-popup__close-text.t-descr_xxs {
  font-family: 'YesevaOne', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  color: #6864A4 !important;
  letter-spacing: -0.7px !important;
}


/* ============ МОБИЛЬНЫЕ РАЗМЕРЫ ШРИФТА ============ */

/* ≤320px */
@media (max-width: 320px) {
  .t-feed__post-popup .t-redactor__text,
  .t-feed__post-popup .t-redactor__text p,
  .t-feed__post-popup .t-redactor__text li { font-size: 14px !important; line-height: 1.3 !important; }

  .t-feed__post-popup .js-feed-post-date,
  .t-feed__post-popup .t-feed__post-popup__date,
  .t-feed__post-popup .js-feed-post-author-name,
  .t-feed__post-popup .t-feed__post-popup__author-name,
  .t-feed__post-popup .t-uptitle_xs,
  .t-feed__post-popup .t-uptitle_sm,
  .t-feed__post-popup .t-uptitle:not(.t-feed__post-popup__relevants-title) { font-size: 14px !important; }

  .t-feed__post-popup .t-feed__post-popup__relevants .t-feed__post-popup__relevants-item-title.t-name.t-name_xs,
  .t-feed__post-popup .t-feed__post-popup__relevants a .t-feed__post-popup__relevants-item-title.t-name.t-name_xs { font-size: 20px !important; }

  .t-feed__post-popup .t-feed__post-popup__relevants :is(
    .t-feed__post-popup__relevants-item-descr.t-descr.t-descr_xxs,
    .t-descr, .t-descr_xxs, .t-descr_sm) { font-size: 14px !important; }

  .t-feed__post-popup .t-feed__post-popup__relevants-title { font-size: 20px !important; }
  .t-feed__post-popup blockquote.t-redactor__quote { font-size: 14px !important; line-height: 1.3 !important; }

  .t-feed__post-popup .t-redactor__callout-text,
  .t-feed__post-popup .t-redactor__callout-text p,
  .t-feed__post-popup .t-redactor__callout-text li { font-size: 14px !important; line-height: 1.3 !important; }

  .t-feed__post-popup h2.t-redactor__h2 { font-size: 18px !important; line-height: 1.3 !important; }
}

/* ≤640px — preface, h3, текст кнопки закрытия */
@media screen and (max-width: 640px) {
  .t-feed__post-popup blockquote.t-redactor__preface { font-size: 18px !important; }
  .t-feed__post-popup h3.t-redactor__h3 { font-size: 16px !important; }
  .js-feed-popup-title.t-feed__post-popup__close-text,
  .t-feed__post-popup__close-text.t-descr,
  .t-feed__post-popup__close-text.t-descr_xxs { font-size: 18px !important; }
}