/* базовый шрифт для кнопок — чтобы не было Times New Roman */
.lang-control-bar,
.lang-control-bar * {
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Inter", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* общий контейнер */
.lang-control-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 12px 0 !important;
  z-index: 9999 !important;
  padding: 0 !important;
}

/* кнопка "← Telegram" — компактная, без лишних украшений */
.lang-control-bar .back-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  background: #ffffff !important;
  color: #111 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset !important;
  transition: transform .08s ease, box-shadow .12s ease, background .12s ease !important;
}
.lang-control-bar .back-btn svg { display:inline-block; vertical-align:middle; }

/* визуал для hover/focus на back-btn */
.lang-control-bar .back-btn:hover,
.lang-control-bar .back-btn:focus {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
  outline: none !important;
}

/* прижимаем языковой блок вправо */
.lang-control-bar .lang-single {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
}

/* сама языковая кнопка — аккуратно и современно */
.lang-control-bar .lang-single .lang-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  border: 1px solid #ff6a00 !important;
  background: #fff !important;
  color: #ff6a00 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset !important;
  transition: background .12s ease, color .12s ease, transform .08s ease, box-shadow .12s ease !important;
}

/* hover/focus языковой кнопки */
.lang-control-bar .lang-single .lang-btn:hover,
.lang-control-bar .lang-single .lang-btn:focus {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
  outline: none !important;
}

/* активное состояние — заливка оранжевым */
.lang-control-bar .lang-single .lang-btn.active,
.lang-control-bar .lang-single .lang-btn[aria-current="page"] {
  background: #ff6a00 !important;
  color: #fff !important;
  border-color: #ff6a00 !important;
}

/* убираем подчеркивание и не даём ссылкам менять внешний вид */
.lang-control-bar a { text-decoration: none !important; }

/* скрываем подсказку для посетителей (если нужно, можно показывать в редакторе) */
.lang-control-bar .lang-editor-hint { display: none !important; }

/* адаптив: на узких экранах — чуть компактнее и по центру если не помещается */
@media (max-width:520px){
  .lang-control-bar { gap:8px !important; padding: 0 8px !important; }
  .lang-control-bar .back-btn,
  .lang-control-bar .lang-single .lang-btn { padding:6px 10px !important; font-size:14px !important; }
  .lang-control-bar .lang-single { margin-left: auto !important; }
}

/* Скрыть само содержимое */
.t-feed__post-popup__close-wrapper,
.t-feed__post-popup__close-wrapper * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Если обёртка оставляет отступы — принудительно убираем их */
.t-feed__post-popup__close-wrapper {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

/* Если сам popup имеет дополнительный padding-top под иконку — уменьшить */
.t-feed__post-popup,
.t-feed__post-popup__content,
.t-feed__post-popup__header {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Спрятать красный круг/восклицательный знак в врезках */
.t-redactor__callout-icon,
.t-redactor__callout-icon svg {
  display: none !important;
  visibility: hidden !important;
}


/* Быстрый патч — убирает лишние отступы сверху в статьях-потоках */
.flow-article,
.flow-article > .t-container,
.t-feed__post-popup,
.t-feed__post-popup__container,
.t-feed__post-popup__content,
.t-feed__post-popup__header,
.t-feed__post-popup__header-wrapper,
.t-feed__post-popup__title-wrapper,
.t-records,
.t-records__wrapper,
.t-section,
.t-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Заголовки — убрать верхний margin, если он тянет пустоту */
.js-feed-post-title,
.t-feed__post-popup__title-wrapper .js-feed-post-title,
.t-title,
.article-title,
h1, h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Если где-то стоит декоративный псевдоэлемент (например ::before) — скрываем его, безопасно */
.flow-article::before,
.t-feed__post-popup::before,
.t-feed__post-popup__header::before,
.t-feed__post-popup__title-wrapper::before {
  display: none !important;
  content: none !important;
}

/* Мобильная корректировка — если надо */
@media (max-width: 520px) {
  .flow-article, .t-feed__post-popup, .t-feed__post-popup__header-wrapper {
    margin-top: 0 !important;
    padding-top: 8px !important; /* лёгкая воздушность на мобайле */
  }
}

/* ====== Общие стили для трёхкнопочного блока (одна строка) ====== */
.three-btn-bar,
.three-btn-bar * { font-family: -apple-system, "Segoe UI", Roboto, "Inter", Arial, sans-serif !important; }

.three-btn-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 12px 0 !important;
  padding: 0 12px !important;
}

/* Telegram — тихий серый стиль */
.three-btn-bar .back-btn {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(0,0,0,0.06) !important;
  background: #f7f7f7 !important;
  color: #222 !important;
  text-decoration:none !important;
  font-weight:600 !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset !important;
  transition: transform .08s ease, box-shadow .12s ease !important;
}
.three-btn-bar .back-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important; }

/* Кнопка "Контакты" и языковая кнопка — оранжевые */
.three-btn-bar .action-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 14px !important;
  border-radius:10px !important;
  border:1px solid #ff6a00 !important;
  background:#fff !important;
  color:#ff6a00 !important;
  text-decoration:none !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset !important;
  transition: transform .08s ease, box-shadow .12s ease, background .12s ease !important;
}
.three-btn-bar .action-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important; }
.three-btn-bar .action-btn.active,
.three-btn-bar .action-btn[aria-current="page"] {
  background:#ff6a00 !important;
  color:#fff !important;
  border-color:#ff6a00 !important;
}

/* мобильная адаптация — компактнее */
@media (max-width:520px){
  .three-btn-bar { padding: 0 8px !important; gap:8px !important; }
  .three-btn-bar .back-btn, .three-btn-bar .action-btn { padding:6px 10px !important; font-size:14px !important; }
}

/* ===== Убираем лишние паддинги и маргины у заголовков в потоке ===== */
.t-feed__post-popup__title-wrapper,
.t-feed__post-popup__title,
.js-feed-post-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ---- Надёжный патч: принудительно задаём стиль для H3 (даже если внутри ) ---- */
.flow-article h3.t-redactor__h3,
.flow-article h3.t-redactor__h3 > p,
.t-redactor__h3,
.t-redactor__h3 > p,
.t-feed__post-body h3,
.t-redactor__text h3,
.t-feed__post-body h3 > p,
.t-redactor__text h3 > p {
    font-size: 28px !important;     /* поставь желаемый размер */
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Если текст оказался внутри  внутри  — делаем  вести себя как заголовок */
.t-redactor__h3 p {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* ===== Уменьшаем отступы перед и после подзаголовков (точно для потоков) ===== */
.t-feed__post-popup__text-wrapper .t-title,
.t-feed__post-body .t-title,
.t-redactor__text .t-title {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* ===== Уменьшаем расстояния между абзацами ===== */
.t-feed__post-popup__text-wrapper .t-text,
.t-feed__post-body .t-text,
.t-redactor__text .t-text {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    line-height: 1.45 !important;
}

/* ===== Уменьшаем расстояния между списками ===== */
.t-feed__post-popup__text-wrapper li,
.t-feed__post-body li,
.t-redactor__text li {
    margin-bottom: 1px !important;
    line-height: 1.45 !important;
}

/* ===== Уменьшаем расстояние между callout и текстом ===== */
.t-redactor__callout {
    margin-bottom: 1px !important;
}

/* ===== Уменьшаем ПАДДИНГ врезок в потоковых статьях ===== */
.t-redactor__callout {
    padding: 16px 18px !important; /* было ~40-60px */
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

/* Если внутри разные варианты callout — тоже уменьшаем */
.t-redactor__callout *,
.t-redactor__callout-fontSize_s,
.t-redactor__callout-fontSize_m,
.t-redactor__callout-fontSize_l {
    padding: 0 !important;
}

/* Уменьшаем padding у контейнеров, из-за которых появляется оранжевая область */
.t-feed__post-popup__title-wrapper,
.t-feed__post-popup__text-wrapper,
.t-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Убираем большие отступы сверху/снизу у заголовков */
.t-feed__post-body h2,
.t-feed__post-body h3,
.t-feed__post-body h4,
.t-redactor__text h2,
.t-redactor__text h3,
.t-redactor__text h4 {
    margin-top: 10px !important;
    margin-bottom: 8px !important;
}

/* Убираем отступы у врезки */
.t-redactor__callout {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px !important; /* если нужно более компактно */
}

/* уменьшение отступов у подзаголовков H2/H3 только внутри статьи */
.t-redactor__h3,
.t-feed__post-body h3,
.t-redactor__text h3 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
}

/* ===== ГЛОБАЛЬНО УМЕНЬШАЕМ ВСЕ ВНУТРЕННИЕ ОТСТУПЫ (зелёные области) ===== */
.t-redactor__text,
.t-feed__post-body,
.t-feed__post-popup__text-wrapper,
.t-container,
.t-col,
.t-row {
    padding: 0 !important;
}

/* ===== УДАЛЯЕМ ВСЕ ВНЕШНИЕ ОТСТУПЫ (оранжевые области) ===== */
.t-redactor__text > * ,
.t-feed__post-body > *,
.t-feed__post-popup__text-wrapper > * {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/* ===== ДЛЯ H2/H3/H4 — ЧУТЬ БОЛЬШЕ, ЧТОБЫ БЫЛО КРАСИВО ===== */
.t-redactor__text h2,
.t-redactor__text h3,
.t-redactor__text h4,
.t-feed__post-body h2,
.t-feed__post-body h3,
.t-feed__post-body h4 {
    margin-top: 14px !important;
    margin-bottom: 8px !important;
}

___
.uc-nolab {
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: white;
}

.t265__icon {
    display: none;
}

#allrecords {
    background-color: white;
}

#allrecords a {
    text-decoration: underline;
}

.t-text {
    color: #1A1919;
}
.t-title {
    color: #1A1919; 
}
.t-descr {
    color: #1A1919; 
}
.t265__wrapper {
    background: #E9EAFB!important;
}
.uc-nolab {
    background-color: white;
}

.uc-secondary .t265__wrapper {
    background-color: #F6F6F6!important;
}

.uc-brown .t265__wrapper {
    background-color: #FCF3E8!important;
}

.t-container {
    max-width: 700px;
}

.t-container .t-col {
    margin-left: 0;
    margin-right: 0;
}

.t-prefix_2 {
    padding-left: 0;
}

.t795__descr {
    max-width: 100%;
}

.t-text:not(.uc-subtitle *),
.t-descr:not(.uc-subtitle *),
.t-card__descr:not(.uc-subtitle *),
.t-info__descr:not(.uc-subtitle *) {
    font-size: 17px !important;
}

.t-descr {
    word-wrap: break-word;
}

.t265__wrapper {
    padding: 20px!important;
}


@media screen and (max-width: 1200px) {
    .t-col_8 {
        max-width: 100%;
    }
    .t-container .t-col {
        padding-left: 0;
    }
}

@media screen and (max-width: 960px) { 
    .t-container .t-col {
        padding-left: 20px;
    }
}

/* ===== ВРЕЗКА — нежный фон, скругление, без обрезания текста ===== */
.t-redactor__callout {
  background: #E9E9FA !important;             /* твой оттенок */
  border-radius: 14px !important;             /* скругление */
  border: none !important;
  padding: 28px 30px !important;              /* чуть больше отступы, чтобы не резало текст */
  margin: 22px 0 !important;
  overflow: visible !important;               /* больше НЕ обрезаем внутренности */
}

/* Внутренние элементы — просто уберём лишние паддинги */
.t-redactor__callout * {
  padding: 0 !important;
  margin-top: 0 !important;
}

/* ===== Цвет ссылок в статьях — #5742EC ===== */
.t-feed__post-body a,
.t-feed__post-popup__text-wrapper a,
.t-redactor__text a,
.t-text a,
.t-descr a {
    color: #5742EC !important;
    text-decoration: underline !important;
}

/* При наведении — делаем чуть темнее */
.t-feed__post-body a:hover,
.t-feed__post-popup__text-wrapper a:hover,
.t-redactor__text a:hover,
.t-text a:hover,
.t-descr a:hover {
    color: #4737c5 !important;
}

/* ===== Более жирные заголовки в статьях ===== */
.t-feed__post-body h1,
.t-feed__post-body h2,
.t-feed__post-body h3,
.t-feed__post-body h4,
.t-redactor__text h1,
.t-redactor__text h2,
.t-redactor__text h3,
.t-redactor__text h4,
.t-text h1,
.t-text h2,
.t-text h3,
.t-text h4 {
    font-weight: 800 !important;  /* плотный жирный */
}

/* ===== Если в Tilda используются внутренние классы заголовков ===== */
.t-title,
.t-redactor__title,
.t-redactor__h2,
.t-redactor__h3,
.t-redactor__h4 {
    font-weight: 800 !important;
}

/* ===== Убираем пустые зоны вокруг заголовков в статьях ===== */
.flow-article h2,
.flow-article h3,
.flow-article h4,
.t-feed__post-body h2,
.t-feed__post-body h3,
.t-feed__post-body h4,
.t-redactor__text h2,
.t-redactor__text h3,
.t-redactor__text h4 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== Убираем внутренние паддинги, которые создают «пустые блоки» ===== */
.flow-article .t-redactor__text,
.flow-article .t-feed__post-body,
.flow-article .t-container,
.flow-article .t-col,
.flow-article .t-row,
.flow-article .t-feed__post-popup__text-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== Убираем декоративные фоны, которые Safari показывает как «оранжевые» ===== */
/* ============================
   УПРАВЛЕНИЕ ОТСТУПАМИ В СТАТЬЯХ
   ============================ */

/* ===== 1. Заголовки H2/H3/H4 ===== */
.flow-article h2,
.flow-article h3,
.flow-article h4,
.t-feed__post-body h2,
.t-feed__post-body h3,
.t-feed__post-body h4,
.t-redactor__text h2,
.t-redactor__text h3,
.t-redactor__text h4 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== 2. Параграфы, обычный текст, span ===== */
.flow-article p,
.flow-article .t-text,
.flow-article .t-descr,
.flow-article span,
.t-feed__post-body p,
.t-redactor__text p {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.45 !important;
}

/* ===== 3. Убираем внутренние паддинги у контейнеров текста ===== */
.flow-article .t-redactor__text,
.flow-article .t-feed__post-body,
.flow-article .t-container,
.flow-article .t-col,
.flow-article .t-row,
.flow-article .t-feed__post-popup__text-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== 4. Убираем декоративные фоны, которые Safari подсвечивает как «оранжевые зоны» ===== */
.flow-article .t-redactor__text,
.flow-article .t-feed__post-body,
.flow-article .t-container,
.flow-article .t-feed__post-popup__text-wrapper {
    background: transparent !important;
}

/* ===== 5. Убираем лишние внешние отступы между элементами ===== */
.flow-article .t-redactor__text > *,
.flow-article .t-feed__post-body > *,
.flow-article .t-feed__post-popup__text-wrapper > * {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/* ===== 6. Убираем паразитные , создаваемые Tilda при переносах ===== */
.flow-article p:empty,
.flow-article p br:only-child,
.flow-article p:has(br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Скрываем пустые параграфы, с якорями или без */
.flow-article p:empty,
.flow-article p:has(a:only-child),
.flow-article p:has(a[name]:only-child),
.flow-article p:has(a[name]:empty),
.flow-article p[data-anchor]:has(a) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Уменьшаем расстояние между строками внутри callout */
.t-redactor__callout-text br + br {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    line-height: 0.4em !important;  /* ← уменьшает расстояние ДО нужного */
}

/* Добавляем комфортные внутренние отступы для текста в врезке */
.t-redactor__callout-text {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* А для списков — ещё чуть больше */
.t-redactor__callout-text ul,
.t-redactor__callout-text ol {
    padding-left: 24px !important;  /* чтобы кружочки не прилипали */
    margin-left: 0 !important;
}

/* Убираем слишком маленькое расстояние между элементами внутри врезки */
.t-redactor__callout-text li {
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}

/* Если используется  вместо списка — делаем нормальный отступ */
.t-redactor__callout-text br + br {
    line-height: 0 !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Делаем на сайте такой же шрифт, как в Teletype */
body, .t-text, .t-descr, .t-title, .t-redactor__text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.t-text, .t-descr, .t-redactor__text {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

/* Унифицируем размер текста внутри всех врезок */
.t-redactor__callout,
.t-redactor__callout * {
    font-size: 17px !important;
    line-height: 1.52 !important; /* как в Teletype */
}

/* Заголовок внутри врезки (strong первой строки) */
.t-redactor__callout strong {
    font-size: 17px !important;
    font-weight: 700 !important;
}

/* Списки внутри врезки */
.t-redactor__callout li {
    margin-bottom: 8px !important;
    font-size: 17px !important;
}

/* Убираем лишний margin у последнего элемента списка */
.t-redactor__callout li:last-child {
    margin-bottom: 0 !important;
}

/* ===== Исправление сломанных заголовков Tilda ===== */

/* 1 — превращаем  внутри  в настоящий заголовочный текст */
h3.t-redactor__h3 p {
    font-size: 21px !important;    /* поставь свой размер */
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 12px 0 !important;
    display: block !important;
}

/* 2 — скрываем дублирующий параграф после H3 */
h3.t-redactor__h3 + p {
    display: none !important;
}

/* 3 — делаем сам h3 корректным контейнером */
h3.t-redactor__h3 {
    padding: 0 !important;
    margin: 12px 0 !important;
    display: block !important;
}

/* ===== СТИЛЬ ВРЕЗКИ, ПОЛНОСТЬЮ КАК В TELETYPE — ФИНАЛЬНОЕ ПРАВИЛО ===== */
.t-feed__post-body .t-redactor__callout,
.t-redactor__text .t-redactor__callout,
.t-redactor__callout {
    background: #E9E9FA !important;
    border-radius: 10px !important; /* как в Teletype */
    padding: 18px 18px !important;  /* компактнее отступы, ближе к Teletype */
    margin: 18px 0 !important;

    border: none !important;
    overflow: visible !important;
}

/* Внутренний текст — ближе к краям */
.t-redactor__callout-text {
    padding: 0 !important;
    margin: 0 !important;
}

/* Списки внутри врезки — как в Teletype */
.t-redactor__callout-text ul,
.t-redactor__callout-text ol {
    padding-left: 22px !important;
    margin: 0 !important;
}

.t-redactor__callout-text li {
    margin-bottom: 10px !important;
    line-height: 1.52 !important;
}