/* Типографика перенесённых ТЕКСТОВЫХ страниц (канон, раздел 18).

   Общий файл для страниц, которые приехали с действующего сайта текстом и
   показываются по канону сайта: статьи блога и раздел «Вакансии». Правила
   у них одни и те же, поэтому файл один: держать их в blog_cta.css и
   отдельно в vakansii.css - значит развести их при первой же правке.

   Продающие элементы блога (якорная строка, врезка, форма, карусель) сюда
   НЕ входят: они свои у блога и живут в blog_cta.css.

   Что здесь есть и почему (замечания Павла 30.08.2026):
   - заголовки по центру и с единым ритмом: разнобой шёл от разных тегов -
     подзаголовки приезжали то H3, то H4, а у них в perenesyonnaya.css
     разные отступы (22/10 и 18/8). Лестницу выравнивает
     home/tekstovye_stranicy.py, ритм задаётся здесь одной парой чисел;
   - картинки по центру колонки: по левому краю они выглядели оторванными
     от текста;
   - 42 сверху - половина канонного просвета между разделами (--sp-block 70
     на компьютере, 35 на телефоне), 14 снизу - как у подзаголовка под H2
     в разделе 5б канона. */

/* ── Колонка страницы ───────────────────────────────────────────────── */

/* Колонка ровно 1180 - как на главной и на страницах услуг.

   Что было. У `.pblk` свои боковые поля 16 (css/site/perenesyonnaya.css), а
   обёртка `.wrap` даёт такие же 16 сама. Поля складывались, и колонка
   выходила 1148 при отступе слева 146 вместо 1180 при 130: блоки на
   «О компании» были у́же и сдвинуты вправо относительно тех же блоков на
   главной (замер 01.09.2026, замечание Павла «не те отступы и поля»).

   Правило живёт здесь, а не в perenesyonnaya.css: этот файл подключают
   только оформленные текстовые страницы. Перенос, ждущий очереди на
   оформление, свои поля сохраняет. */
.pblk {
  padding-left: 0;
  padding-right: 0;
}

/* ── Основной текст ─────────────────────────────────────────────────── */

/* Правка Павла 01.09.2026 по вакансиям: «шрифт сделать по канону, размер и
   цвет как на всём сайте; основной цвет текста на сайте тёмно-серый, здесь
   должно быть так же. Своих размеров и цветов на странице быть не должно».

   Что было. Текст шёл 16 / 24,8 цветом #1B1B1B - это не решение, а
   умолчание переноса: css/site/perenesyonnaya.css прямо начинается словами
   «только читаемость, без своего оформления», а цвет доставался от
   переменной --ink эталона. Рядом страницы услуг показывали канонные
   15 / 21,75 цветом #3D4247, и разнобой был виден при переходе.

   Что стало. Канон, раздел 6: на компьютере 15 / 21,75, на телефоне
   13 / 17,55, вес 400, цвет #3D4247 - те же числа, что у редакционного
   текста страниц услуг. Правило живёт здесь, а не в perenesyonnaya.css:
   этот файл подключают только страницы, которые оформление уже получили
   (блог, вакансии, страницы по паспорту). Перенос, ждущий своей очереди
   на оформление, остаётся как есть - это отдельный этап.

   Крошки исключены: это служебная строка, а не основной текст, размер и
   цвет ей задаёт общий компонент (bloki/00_obshchee.css). Без исключения
   правило перебивало его по порядку подключения при равном весе, и предки
   в крошках выходили #3D4247 вместо канонного #63676C. */
.pblk p:not(.crumbs),
.pblk li,
.pblk dd {
  font-size: 15px;
  line-height: 21.75px;
  color: #3d4247;
}

@media (max-width: 900px) {
  .pblk p:not(.crumbs),
  .pblk li,
  .pblk dd {
    font-size: 13px;
    line-height: 17.55px;
  }
}

/* ── Заголовки ──────────────────────────────────────────────────────── */

.pblk h1,
.pblk h2 {
  text-align: center;
}

/* 32 / 38,4 / 700 - канон, раздел 18.1.1, и «на телефоне так же».
   Числа Hero (40/46 на компьютере, 24/28,8 на телефоне) к текстовой
   странице не относятся: первого экрана у неё нет, и канон говорит об
   этом прямо - «H1 у текстовой страницы не Hero».

   Замер прогона 10.09.2026: на телефоне H1 вакансий, блога и текстовых
   страниц шёл 24 / 28,8, то есть по шкале Hero. На компьютере при этом
   было верно. Задаём оба размера явно, чтобы страница не зависела от
   того, какое общее правило до неё дотянется.

   Откат: удалить font-size и line-height - вернётся прежний разнобой. */
.pblk h1 {
  margin: 0 0 16px;
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 700;
}

/* 28 / 33,6 / 700 - канон, раздел 6. Перенос отдавал 26 / 32,5: то же
   умолчание perenesyonnaya.css, что и у основного текста. */
.pblk h2 {
  margin: 42px 0 14px;
  font-size: 28px;
  line-height: 33.6px;
}

/* На телефоне 20 / 24 - те же числа, что у H2 страницы услуги (замер
   01.09.2026). Перенос отдавал 26 и на телефоне: заголовок выходил почти
   в размер H1 и ломал лестницу. H1 здесь не трогается - у текстовой
   страницы нет Hero, а первый экран этих страниц Павел править не просил. */
@media (max-width: 900px) {
  .pblk h2 {
    margin: 28px 0 12px;
    font-size: 20px;
    line-height: 24px;
  }

  /* H1 на телефоне - те же 32 / 38,4, что и на компьютере (канон
     18.1.1). Повторено внутри мобильного блока намеренно: иначе сюда
     дотягивается общее правило заголовков и уводит H1 к числам Hero. */
  .pblk h1 {
    font-size: 32px;
    line-height: 38.4px;
  }
}

/* H1 на телефоне приведён к общему размеру сайта правилом в
   home/static/css/site/perenesyonnaya.css - тот файл подключают ВСЕ
   перенесённые страницы, а этот только блог и вакансии. Здесь правила
   нет намеренно, чтобы не держать два источника одного числа. */

/* ── Заголовок перед блоком-компонентом ─────────────────────────────── */

/* 70 сверху и 70 снизу - ровно как на главной (замер 01.09.2026: над H2
   «Услуги нашего Бюро переводов» 70, под ним до карточек 70).

   Пара 42/14 остаётся для обычного текста: заголовок статьи стоит вплотную
   к своему абзацу. Но перед КОМПОНЕНТОМ - карточками со значками, парами
   шагов - этого мало: на «О компании» карточки прижимались к заголовку на
   14 точек, тогда как на главной те же карточки стоят на 70 (замечание
   Павла 01.09.2026: «отступ после H2 совсем не такой, каким должен быть;
   оба блока взяты с главной, значит, и оформление берём с главной»).

   Просвет сверху поднят до тех же 70 намеренно: канон 5и запрещает, чтобы
   от заголовка до его содержимого было дальше, чем от предыдущего блока до
   самого заголовка. */
/* Селекторы начинаются с body намеренно: у самих компонентов отступы
   заданы правилами вида «body .kp-kolonki[data-b]», и без body наше
   правило проигрывало им по порядку подключения при равном весе. */
body .pblk h2 + .cards3,
body .pblk h2 + .kp-kolonki,
body .pblk h2 + .kakpoluchit,
body .pblk h2 + .proekty,
body .pblk h2 + .rekomendacii,
body .pblk h2 + .sertifikaty {
  margin-top: 70px;
}

body .pblk h2:has(+ .cards3),
body .pblk h2:has(+ .kp-kolonki),
body .pblk h2:has(+ .kakpoluchit),
body .pblk h2:has(+ .proekty),
body .pblk h2:has(+ .rekomendacii),
body .pblk h2:has(+ .sertifikaty) {
  margin-top: 70px;
}

@media (max-width: 900px) {
  body .pblk h2 + .cards3,
  body .pblk h2 + .kp-kolonki,
  body .pblk h2 + .kakpoluchit,
  body .pblk h2 + .proekty,
  body .pblk h2 + .rekomendacii,
  body .pblk h2 + .sertifikaty,
  body .pblk h2:has(+ .cards3),
  body .pblk h2:has(+ .kp-kolonki),
  body .pblk h2:has(+ .kakpoluchit),
  body .pblk h2:has(+ .proekty),
  body .pblk h2:has(+ .rekomendacii),
  body .pblk h2:has(+ .sertifikaty) {
    margin-top: 35px;
  }
}

/* ── Картинки ───────────────────────────────────────────────────────── */

.pblk img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ── Ссылки в тексте ────────────────────────────────────────────────── */

/* Перенесённые страницы отдавали ссылки браузерным синим и фиолетовым -
   чужой для сайта цвет (замечание Павла 30.08.2026 про синий в карточках
   блога; на списке вакансий он был виден так же). Цвет фирменный, все
   состояния заданы явно - иначе посещённая ссылка снова станет
   фиолетовой.

   Крошки исключены СЕЛЕКТОРОМ, а не на словах. Раньше здесь стояло просто
   «.pblk p a», и это правило перебивало общее правило крошек по весу
   (0,2,2 против 0,1,2): предки в крошках выходили фирменным красным
   вместо канонного серого #63676C - видно было на вакансиях (замер
   01.09.2026). Оговорка в комментарии про крошки была, а исключения в
   селекторе не было. */
/* Кнопки исключены намеренно: у них белая надпись на красном градиенте.
   Без исключения правило со псевдоклассом :link (вес выше, чем у
   «.bcta-vrezka a.tp-knopka») красило надпись кнопки в красный, и она
   сливалась с фоном - видна была только при наведении. Замечание Павла
   31.08.2026 по статье о платформах открытого доступа. */
.pblk p:not(.crumbs) a:not(.tp-knopka),
.pblk li a:not(.tp-knopka),
.pblk td a:not(.tp-knopka),
.pblk p:not(.crumbs) a:not(.tp-knopka):link,
.pblk li a:not(.tp-knopka):link,
.pblk p:not(.crumbs) a:not(.tp-knopka):visited,
.pblk li a:not(.tp-knopka):visited {
  color: var(--krasnyj, #8c1821);
  text-decoration: none;
}

.pblk p:not(.crumbs) a:not(.tp-knopka):hover,
.pblk li a:not(.tp-knopka):hover,
.pblk td a:not(.tp-knopka):hover,
.pblk p:not(.crumbs) a:not(.tp-knopka):focus-visible,
.pblk li a:not(.tp-knopka):focus-visible {
  text-decoration: underline;
}

/* ── Кнопка раздела ─────────────────────────────────────────────────── */

/* Цвет, градиент, постамент, наведение и нажатие приходят из единого
   правила кнопок сайта (bloki/00_obshchee.css, селектор a.tp-knopka).
   Здесь только размер, выключка и белая надпись: в tehperevod.css те же
   числа заданы через класс секции `.tp-tekst`, которого у текстовой
   страницы нет, и надпись оставалась браузерной синей. */
.pblk a.tp-knopka {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 51.2px;
  margin: 24px auto;
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.pblk a.tp-knopka:hover,
.pblk a.tp-knopka:focus-visible,
.pblk a.tp-knopka:visited {
  color: #fff;
  text-decoration: none;
}

/* ── Хлебные крошки ─────────────────────────────────────────────────── */

/* Правило переехало целиком в bloki/00_obshchee.css, раздел «Хлебные
   крошки» (правка 01.09.2026). Причина: крошки теперь выводятся у КАЖДОЙ
   перенесённой страницы, а этот файл подключают только блог, вакансии и
   страницы по паспорту - размещение доставалось бы не всем, и цены с
   акциями получили бы крошки без отступа и не того размера. Компонент
   должен лежать в одном месте, поэтому здесь не осталось ничего. */


/* ── 3.36. Сертификаты и свидетельства - по центру ──────────────────────

   Пункт 3.36 сводного пакета (К2-49), диктовка Павла 08.09.2026:
   «Сертификаты и свидетельства разместить по центру, а не слева - так же,
   как заголовки. Сейчас они стоят слева».

   Замер на стенде 08.09.2026: снимок сертификата стоял на 29 точках от
   левого края и на 214 от правого. Родитель уже выключен по центру
   (text-align: center), но снимок - блочный элемент фиксированной
   ширины, и выключка текста на него не действует. Центрирует поле
   `margin-inline: auto`.

   Откат: удалить раздел - снимки вернутся к левому краю. */
body .sertifikaty .sert-skan,
body .sertifikaty .skan-knopka,
body .sertifikaty .sert-skan img {
  margin-inline: auto;
}

body .sertifikaty .sert-skan {
  display: flex;
  justify-content: center;
}