/* Страница /teachers: исключения страницы поверх переиспользуемых блоков
   программ (pg-hero, pg-faq). Первый экран здесь без аномалии высоты фото
   (в отличие от body.page-doshkolniki в pg-hero.css), но свой кегль H1 -
   см. docs/stranicy.md, "Кегль заголовка первого экрана у каждой страницы
   свой - замерено": у педагогов (как у учеников, контактов, стоимости и
   лагерей) 44/50 на компьютере и 28/32 на телефоне, а не 42/48 и 27/31,
   снятые на дошкольниках в pg-hero.css. Без этого правила пиксели
   расходились ровно на разницу высоты строки x число строк заголовка
   (2 строки): 1,8 % на компьютере и коробка 962 против 964 на телефоне.

   Правило - в своём файле, не в общем pg-hero.css (он держит геометрию
   семи страниц программ, снятую на дошкольниках - правка там сдвинула бы
   их все, см. тот же раздел документа). Селектор с body.page-teachers -
   по образцу body.page-doshkolniki в самом pg-hero.css, настольное
   правило заперто в @media (min-width: 861px) тем же приёмом. */

@media (min-width: 861px) {
  body.page-teachers .pg-hero__h1 {
    font-size: 44px;
    line-height: 50px;   /* 44 x 1.14 */
  }
}

@media (max-width: 860px) {
  body.page-teachers .pg-hero__h1 {
    font-size: 28px;
    line-height: 32px;   /* 28 x 1.14 */
  }
}