/* === Заголовок «SEE ALSO» под статьёй — как H2 в статье === */
.t-cms__seealso .t-cms__seealso__title .t-heading{
  font-family: 'Druk', Arial, sans-serif !important;
  font-weight: 500 !important;          /* 500 — узкий Druk, 600 — широкий */
  font-size: 60px !important;           /* размер на компьютере */
  line-height: 60px !important;
  color: #0D1711 !important;            /* цвет */
  text-transform: uppercase !important; /* все буквы заглавные */
  letter-spacing: normal !important;
}
/* Телефоны и планшеты (до 640 px) */
@media screen and (max-width: 640px){
  .t-cms__seealso .t-cms__seealso__title .t-heading{
    font-size: 40px !important;
    line-height: 44px !important;
  }
}

/* =====================================================================
   UJITSU — стандартные блоки Потоков под сетку сайта
   (лента блога, табы-разделы, страница статьи, «See also»)

   Сетка сайта (как у зероблоков):
     • экран 1440 и шире  — колонка 1280 px по центру (80 px от края на 1440)
     • экран 960–1439     — колонка 940 px по центру
     • экран до 959       — колонка 335 px по центру (как шапка и поиск)

   Менять можно только числа в блоке «НАСТРОЙКИ СЕТКИ».
   ===================================================================== */

/* ---------- НАСТРОЙКИ СЕТКИ ---------- */
:root{
  --uj-grid: 1280px;          /* ширина колонки на экранах 1440+          */
  --uj-side: 20px;            /* минимальный отступ от края экрана        */
  --uj-article: 860px;        /* ширина текста статьи (колонка для чтения) */
}
@media screen and (max-width: 1439.98px){
  :root{ --uj-grid: 940px; }  /* экраны 960–1439                          */
}
@media screen and (max-width: 959.98px){
  :root{ --uj-grid: 335px; }  /* телефоны и планшеты                      */
}

/* ---------- 1. ЛЕНТА БЛОГА (табы, карточки, кнопка «ещё») ---------- */
.t2823 .t-container{
  width: min(var(--uj-grid), calc(100% - 2 * var(--uj-side))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.t2823 .t-container > .t-col{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.t2823 .t2823__items{
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* карточки тянутся на всю колонку (3 в ряд на компьютере, 1 — на телефоне) */
@media screen and (min-width: 960px){
  .t2823 .t2823__items{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media screen and (max-width: 959.98px){
  .t2823 .t2823__items{ grid-template-columns: minmax(0, 1fr) !important; }
}
.t2823 .t2823__items > .t-cms__card{
  width: auto !important;
  max-width: none !important;
}

/* ---------- 2. СТРАНИЦА СТАТЬИ ---------- */
/* убираем лишние боковые отступы внешнего контейнера Тильды */
.t-cms__page-container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* общая обёртка — по сетке сайта */
.t-cms__page-wrapper{
  width: min(var(--uj-grid), calc(100% - 2 * var(--uj-side))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
/* сам текст статьи — узкая колонка для чтения по центру */
.t-cms__page-wrapper > .t-cms__page{
  width: 100% !important;
  max-width: var(--uj-article) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ---------- 3. «SEE ALSO» под статьёй — по сетке сайта ---------- */
.t-cms__seealso{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (min-width: 960px){
  .t-cms__seealso .t-cms__seealso__items{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media screen and (max-width: 959.98px){
  .t-cms__seealso .t-cms__seealso__items{ grid-template-columns: minmax(0, 1fr) !important; }
}
.t-cms__seealso .t-cms__seealso__items > *{
  width: auto !important;
  max-width: none !important;
}

/* === Страница статьи: заголовок в 10 px под хлебными крошками === */
.t-cms__page-container{
  padding-top: 0 !important;               /* убираем встроенные 60 px */
}
.t-cms__page-wrapper{
  padding-top: 10px !important;            /* отступ от блока хлебных крошек */
}
.t-cms__page > .t-cms__page__cell:first-child,
.t-cms__page > .t-cms__page__cell:first-child .t-cms__page__molecule{
  margin-top: 0 !important;
  padding-top: 0 !important;
}