/* Преподаватели: "Как мы отбираем" - кикер+заголовок, ряд из четырёх
   пунктов с крупной цифрой. Макет: фреймы EFxmF (десктоп 1440x531) и
   i6CgFX (телефон 390) страницы "Преподаватели".

   Геометрия и типографика 1:1 совпадают с готовым блоком программ pg-kak
   (сверено дампом на обеих ширинах: кикер 12/11, h2 48/30, цифра 34/23,
   заголовок пункта 19/17, абзац 15/14 - все размеры, цвета и зазоры
   одинаковы). pg-kak.css трогать нельзя, а TV-поля этого блока свои
   (tc_otbor_*) - поэтому значения скопированы сюда под приставкой
   tc-otbor__, а не выведены через общий класс. */

[data-section="otbor"] {
  background: var(--paper);
  padding-block: 100px;   /* дамп: padding [100,56], не токену --section-y (110) */
}

.tc-otbor__wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap-section);   /* дамп: gap 44 = токену */
}

.tc-otbor__head {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tc-otbor__kicker {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;   /* 12 x 1.25 (дамп) */
  letter-spacing: 3px;
  color: var(--magenta-text);
}

.tc-otbor__h2 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 48px;       /* = токену --h2-sm */
  line-height: 55px;     /* 48 x 1.14 (дамп) */
  letter-spacing: -1.6px;
  color: var(--ink);
}

.tc-otbor__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;   /* дамп: 4 x 312,5 + 3 x 26 = 1328 */
}

.tc-otbor__item {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tc-otbor__num {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 34px;
  line-height: 46px;     /* 34 x 1.36 (метрика Manrope) */
  letter-spacing: -1px;
  color: var(--sun);
}

.tc-otbor__item-h3 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 19px;
  line-height: 25px;        /* 19 x 1.3 (дамп) */
  letter-spacing: -0.4px;
  color: var(--ink);
}

.tc-otbor__item-p {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;          /* 15 x 1.75 (дамп) */
  color: var(--muted);
}

@media (max-width: 860px) {
  [data-section="otbor"] {
    padding-block: var(--section-y-m);   /* дамп: padding [52,20] = токену */
  }

  .tc-otbor__kicker {
    font-size: 11px;
    line-height: 13px;   /* 11 x 1.21 (дамп) */
  }

  .tc-otbor__h2 {
    font-size: 30px;      /* дамп: не токен --m-h2 (28) */
    line-height: 34px;    /* 30 x 1.14 */
    letter-spacing: -0.9px;
  }

  .tc-otbor__items {
    grid-template-columns: 1fr;
    gap: 26px;   /* дамп: тот же зазор, что на десктопе */
  }

  .tc-otbor__num {
    font-size: 23px;
    line-height: 31px;   /* 23 x 1.36 */
    letter-spacing: -0.6px;
  }

  .tc-otbor__item-h3 {
    font-size: 17px;
    line-height: 22px;   /* 17 x 1.3 */
    letter-spacing: -0.3px;
  }

  .tc-otbor__item-p {
    font-size: 14px;
    line-height: 25px;   /* дамп: 14 x 1.75 */
  }
}