.table1 {
	font-family: "roboto flex";
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	border-collapse: collapse;
}

td {
  padding-top: 2px;
  padding-bottom: 20px;
  vertical-align: top;
}

@media screen and (min-width: 480px) and (max-width: 959px) {
    .table1 {font-size: 18px}
}
    
@media screen and (max-width: 479px) {
    .table1 {font-size: 16px}
}
 
 
/* ==========================================================================
   Salute Advisory – стили текста (рабочий файл)
   Классы добавляются по мере того, как вы присылаете их названия.
   Брейкпоинты: десктоп от 1200, планшет 641–1199, мобильный до 640.
   ========================================================================== */

:root {
  --sd-font: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  --sd-ink: #19191C;        /* основной текст */
  --sd-blue: #007EA7;       /* голубой */
  --sd-grey: #747474;       /* серый: подписи */
  --sd-light: #F7F8FB;      /* почти белый: заголовок на тёмном фоне */
  --sd-line: #D2D5DC;       /* разделительные линии */
  --sd-on-navy: #C9CEE8;        /* подписи на синем фоне */
  --sd-on-navy-text: #E6E9F6;   /* текст на синем фоне */
  --sd-navy-light: #2B3A8A;     /* светлее синего: заглушка фото на синей плитке */
  --sd-ph: #E3E6EE;             /* заглушка фото на белой плитке */
  --sd-shadow: 0 10px 10px 2px rgba(169, 171, 178, .10);   /* тень плашек: #A9ABB2, 10%, смещение Y 10, размытие 10, растяжение 2 */
  --sd-muted: #5E6068;      /* второстепенный текст */
  --sd-navy: #1A2A74;       /* акцент */
  --sd-white: #FFFFFF;
}

/* ---------- ДЕСКТОП, от 1200 px ---------- */

/* Названия показателей: «ЗАВЕРШЕННЫЕ ПРОЕКТЫ», «ОБЪЕМ СДЕЛОК» */
.sd-section-name {
  font-family: var(--t-text-font, Arial, sans-serif);
  text-align: left;
  color: var(--sd-grey);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 1.2;
  text-transform: uppercase;
}

/* Самый крупный текст на обложке страницы */
.sd-page-title {
  font-family: var(--t-text-font, Arial, sans-serif);
  text-align: left;
  color: var(--sd-navy);
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}

/* Заголовки секций: «Направления деятельности: от продажи бизнеса или доли до проектного финансирования» */
.sd-section-header {
  font-family: var(--t-text-font, Arial, sans-serif);
  text-align: left;
  color: var(--sd-ink);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: none;
}

/* Заголовки в карточках */
.sd-tile-title {
  font-family: var(--t-text-font, Arial, sans-serif);
  text-align: left;
  color: var(--sd-ink);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: none;
}

/* Простые текстовые блоки; на обложке: «Полный цикл сопровождения…» */
.sd-main-text {
  font-family: var(--t-text-font, Arial, sans-serif);
  text-align: left;
  color: var(--sd-ink);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}

/* Расшифровки рядом с большими цифрами, пояснения в карточках */
.sd-descriptor {
  font-family: var(--t-text-font, Arial, sans-serif);
  text-align: left;
  color: var(--sd-ink);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}

/* Подложка под таблицу этапов: белая, радиус 20, тень как в настройках Тильды
   (цвет #A9ABB2, прозрачность 10%, смещение X 0 / Y 10, размытие 10, растяжение 2),
   отступ от края подложки до таблицы 20 */
.sd-steps-box {
  box-sizing: border-box;
  margin: 4px 14px 24px;                          /* запас под тень, чтобы HTML-элемент её не обрезал */
  width: calc(100% - 28px);
  padding: 20px;
  background: var(--sd-white);
  border-radius: 20px;
  box-shadow: var(--sd-shadow);
}

/* Таблица этапов процесса («Продажа бизнеса: восемь этапов до закрытия»).
   Верхняя строка (th) – названия этапов, нижняя (td) – пояснения.
   Размер 14 px на всех разрешениях. Селекторы вида «.sd-steps td» сильнее
   общего правила «td» на сайте, поэтому его отступы здесь не действуют. */
.sd-steps {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;                            /* колонки одинаковой ширины */
  font-family: var(--t-text-font, Arial, sans-serif);
}
.sd-steps th,
.sd-steps td {
  width: 12.5%;                                   /* 8 колонок */
  padding: 10px;                                  /* отступ со всех сторон, чтобы тексты не сливались */
  border: 0;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: break-word;
}
.sd-steps th { font-weight: 500; color: var(--sd-ink);   padding-bottom: 2px; }  /* названия: Medium; малое нижнее поле */
.sd-steps td { font-weight: 400; color: var(--sd-muted); padding-top: 2px; }    /* пояснения: обычные; малое верхнее поле */

/* Кружки с цифрами над колонками: первая строка таблицы <tr class="sd-step-row">
   с ячейками <span class="sd-step-num">01</span></td> */
.sd-steps .sd-step-row td {
  position: relative;
  padding: 0 10px 10px;
}
.sd-steps .sd-step-row td::before {               /* линия через центры кружков */
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 11px;                                      /* центр кружка 24px, линия 2px */
  height: 2px;
  background: var(--sd-navy);
}
.sd-steps .sd-step-row td:first-child::before { left: 50%; }    /* начинается в центре первого кружка */
.sd-steps .sd-step-row td:last-child::before  { right: 50%; }   /* заканчивается в центре последнего */
.sd-step-num {
  position: relative;
  z-index: 1;                                     /* кружок поверх линии */
  display: flex;                                  /* блок, а не строчный элемент: центр кружка точно на линии */
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--sd-navy);
  color: var(--sd-white);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

/* Маркированный список с разделительными линиями (как во втором макете).
   Разметка: <ul class="sd-list"><li class="sd-list-item">Начало:</b> текст</li>…</ul> */
.sd-list {
  font-family: var(--t-text-font, Arial, sans-serif);  /* шрифт текста из настроек сайта Тильды */
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--sd-line);       /* линия под последним пунктом */
}
.sd-list-item {
  position: relative;
  margin: 0;
  font-family: var(--t-text-font, Arial, sans-serif);
  padding: 13px 0 13px 19px;                      /* 19px слева = кружок 7px + зазор 12px */
  border-top: 1px solid var(--sd-line);           /* линия над каждым пунктом */
  text-align: left;
  color: var(--sd-muted);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}
.sd-list-item b {
  font-weight: 700;
  color: var(--sd-ink);                           /* жирное начало тезиса */
}
.sd-list-item::before {                           /* кружок-маркер */
  content: "";
  position: absolute;
  left: 0;
  top: calc(13px + .75em - 3.5px);                /* по центру первой строки */
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sd-navy);
}

/* ---------- ПЛАНШЕТ, 641–1199 px ---------- */
@media screen and (max-width: 1199px) {

  .sd-page-title { font-size: 36px; }   /* действует и на мобильном */
  .sd-descriptor { font-size: 12px; }   /* на мобильном возвращается к 14, см. ниже */

  /* Таблица этапов: на узких экранах не сжимается, а прокручивается по горизонтали
     (действует и на мобильном). Нужна обёртка <div class="sd-steps-wrap"> вокруг таблицы. */
  .sd-steps-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .sd-steps { min-width: 1040px; }       /* 8 колонок по 130 px */
}

/* ---------- МОБИЛЬНЫЙ, до 640 px ---------- */
@media screen and (max-width: 640px) {

  .sd-main-text { font-size: 16px; }
  .sd-section-header { font-size: 24px; }
  .sd-descriptor { font-size: 14px; }
  .sd-list-item { font-size: 12px; }
}


/* ==========================================================================
   КОМАНДА: плитки и панель с биографией, переключение без JavaScript.
   Разметка лежит в salute_team.html. Для каждого человека по порядку идут:
   скрытая радиокнопка, плитка (label), панель с биографией (div).
   Выбранная плитка становится синей, а её панель показывается.
   Тексты: имена .sd-tile-title, должности .sd-section-name,
   основной текст панели .sd-descriptor (классы стоят прямо в разметке).
   ========================================================================== */
.sd-team {
  font-family: var(--t-text-font, Arial, sans-serif);
  color: var(--sd-ink);
}
.sd-team fieldset {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;             /* две колонки плиток и широкая панель */
  grid-template-rows: repeat(4, 100px);           /* базовая высота карточки в ряду: 100 (сдвоенная 220, большая 460) */
  gap: 20px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.sd-team legend {                                  /* подпись группы только для читалок экрана */
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.sd-team input {                                   /* радиокнопки скрыты, но доступны с клавиатуры */
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* ----- плитки: содержимое слева вверху, поле 20, фото и текст через 20 ----- */
.sd-team label {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  min-width: 0;
  padding: 20px;
  overflow: hidden;
  background: var(--sd-white);
  border-radius: 16px;
  box-shadow: var(--sd-shadow);
  cursor: pointer;
}
.sd-team input:not(:checked) + label:hover { background: #F7F8FB; }
.sd-team input:focus-visible + label { outline: 2px solid var(--sd-blue); outline-offset: 2px; }
.sd-team-t1 { grid-column: 1; grid-row: 1 / span 2; }   /* Пенкин: высокая */
.sd-team-t2 { grid-column: 2; grid-row: 1; }            /* Флинк */
.sd-team-t3 { grid-column: 2; grid-row: 2 / span 2; }   /* Южаков: высокая */
.sd-team-t4 { grid-column: 1; grid-row: 3; }            /* Пронин */
.sd-team-t5 { grid-column: 1; grid-row: 4; }            /* Ивахненко */
.sd-team-t6 { grid-column: 2; grid-row: 4; }            /* Малахова */

.sd-team-tall {                                    /* высокие плитки: фото 130, текст ниже фото */
  flex-direction: column;
  gap: 20px;
}
.sd-team-text { display: block; min-width: 0; }
.sd-team-name { display: block; }                  /* стиль задаёт .sd-tile-title */
.sd-team-role { display: block; margin-top: 4px; } /* стиль задаёт .sd-section-name */
.sd-team-bio {                                     /* краткая строка только на высоких плитках */
  display: none;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--sd-muted);
}
.sd-team-tall .sd-team-bio { display: block; }
.sd-team-ph {                                      /* заглушка фото: инициалы на сером; заменить на  */
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;                                     /* фото-превью: и на базовых, и на сдвоенных карточках */
  height: 60px;
  border-radius: 12px;                             /* радиус всех фото */
  background: var(--sd-ph);
  color: var(--sd-navy);
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;                                /* фото обрезается по скруглению */
}
.sd-team-ph img {                                  /* фото вместо инициалов */
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;                               /* обрезка по центру, если фото не квадратное */
  border-radius: inherit;
}

/* ----- выбранная плитка ----- */
.sd-team input:checked + label { background: var(--sd-navy); }
.sd-team input:checked + label .sd-team-name { color: var(--sd-white); }
.sd-team input:checked + label .sd-team-role { color: var(--sd-on-navy); }
.sd-team input:checked + label .sd-team-bio  { color: var(--sd-on-navy-text); }
.sd-team input:checked + label .sd-team-ph   { background: var(--sd-navy-light); color: var(--sd-white); }

/* ----- панель с биографией ----- */
.sd-team-panel {
  display: none;
  grid-column: 3;
  grid-row: 1 / span 4;
  box-sizing: border-box;
  min-width: 0;
  padding: 20px;
  overflow: hidden;                                /* сама карточка не прокручивается: прокручивается только текст (.sd-team-scroll) */
  background: var(--sd-white);
  border-radius: 16px;
  box-shadow: var(--sd-shadow);
}
.sd-team input:checked + label + .sd-team-panel { display: flex; flex-direction: column; }

/* Прокручивается только текст биографии; фото, имя и должность остаются на месте.
   Полоса: тонкая (3 px), серая (--sd-grey), без стрелок. Она появляется, только если текст не поместился. */
.sd-team-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-right: 12px;                             /* воздух между текстом и полосой */
}
.sd-team-scroll::-webkit-scrollbar { width: 9px; }                       /* Chrome, Edge, Safari: 9 px, из них 3 px рисует ползунок */
.sd-team-scroll::-webkit-scrollbar-track { background: transparent; }
.sd-team-scroll::-webkit-scrollbar-thumb {
  background: var(--sd-grey);
  background-clip: padding-box;
  border: 3px solid transparent;                                         /* прозрачные поля: ползунок 3 px и отступ 3 px от края */
  border-radius: 6px;
}
.sd-team-scroll::-webkit-scrollbar-button { display: none; width: 0; height: 0; }   /* без стрелок */
@supports (-moz-appearance: none) {                                      /* Firefox: только стандартные свойства */
  .sd-team-scroll { scrollbar-width: thin; scrollbar-color: var(--sd-grey) transparent; }
}
.sd-team-head { flex: none; display: flex; align-items: flex-start; gap: 20px; margin-bottom: 20px; }   /* фото, имя и должность остаются на месте */
.sd-team-ph-lg { width: 160px; height: 160px; font-size: 48px; }   /* фото в большой карточке: только на десктопе */
.sd-team-panel p {                                 /* стиль текста задаёт .sd-descriptor; буллеты как у .sd-list-item, без линий */
  position: relative;
  margin: 0 0 6px;
  padding-left: 19px;                              /* кружок 7px + зазор 12px */
}
.sd-team-panel p::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(.65em - 3.5px);                        /* по центру первой строки */
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sd-navy);
}

/* ----- планшет, 641–1199 px: плитки по три в ряд, панель под ними.
         Поле плашки, зазор между фото и текстом = зазору между плашками (14) ----- */
@media screen and (max-width: 1199px) {
  .sd-team fieldset { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; gap: 14px; }
  .sd-team-t1, .sd-team-t2, .sd-team-t3, .sd-team-t4, .sd-team-t5, .sd-team-t6 { grid-column: auto; grid-row: auto; }
  .sd-team label { gap: 14px; padding: 14px; }
  .sd-team-ph, .sd-team-tall .sd-team-ph { width: 48px; height: 48px; font-size: 17px; }
  .sd-team-tall { flex-direction: row; gap: 14px; }
  .sd-team-tall .sd-team-bio { display: none; }
  .sd-team-panel { grid-column: 1 / -1; grid-row: 3; padding: 14px; }
  .sd-team-head { gap: 14px; margin-bottom: 14px; }
  .sd-team-ph-lg { display: none; }                /* на планшете фото в большой карточке убрано */
}

/* ----- мобильный, до 640 px: одна колонка, аккордеон.
         Поле плашки, зазор между фото и текстом = зазору между плашками (10) ----- */
@media screen and (max-width: 640px) {
  .sd-team fieldset { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .sd-team label { gap: 10px; padding: 10px; scroll-margin-top: 16px; }   /* отступ сверху при прокрутке к нажатой плитке */
  .sd-team-panel { grid-column: 1; grid-row: auto; padding: 10px; overflow: visible; background: none; box-shadow: none; border-radius: 0; }   /* без плашки: текст прямо на фоне страницы */
  .sd-team-head { display: none; }                 /* имя и должность уже есть на плитке над раскрытой панелью */
  .sd-team-scroll { overflow: visible; padding-right: 0; }   /* на мобильном текст не прокручивается */
}


/* ==========================================================================
   СПИСОК ВАКАНСИИ (блок «Карьера»): без линий, без жирного начала.
   Отдельные классы, не связанные со списком с линиями (.sd-list), поэтому
   линии оттуда сюда попасть не могут. Первая строка (Tasks / Requirements)
   набрана тем же стилем, что и пункты, но без кружка.
   Разметка: <div class="sd-points-head">Tasks</div>
             <ul class="sd-points"><li class="sd-points-item">…</li></ul>
   ========================================================================== */
.sd-points { margin: 0; padding: 0; list-style: none; }
.sd-points-head,
.sd-points-item {
  position: relative;
  margin: 0;
  padding: 2px 0;
  font-family: var(--t-text-font, Arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  color: var(--sd-muted);
}
.sd-points-item { padding-left: 19px; }            /* кружок 7px + зазор 12px */
.sd-points-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(2px + .65em - 3.5px);                  /* по центру первой строки */
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sd-navy);
}