/* Правки поверх hugo-theme-relearn. Подключается из layouts/partials/custom-header.html */

/* Ширина колонки оставлена темовая (81.25rem).
   Сужение до 68rem улучшало читаемость прозы (~108 → 84 символа в строке), но
   ломало блоки кода: в конспектах много строк по 80–110 символов с выровненными
   справа комментариями и трёхколоночных разборов («Мини-практика» в занятии 3).
   Тема переносит длинные строки (highlightWrap по умолчанию true), а не
   прокручивает их, поэтому выравнивание рассыпалось. */

/* Заголовки страниц.
   Тема печатает h1 капсом по центру (theme.css). В кириллице капс читается
   хуже латиницы: нет выносных элементов, силуэт слова теряется, а длинные
   русские заголовки занятий уходят в две-три строки. */
#R-body-inner h1 {
  text-transform: none;
  text-align: start;
  font-size: 2.5rem;
  line-height: 1.15;
}

/* Кегль h1 на узких экранах.
   У темы своя лесенка 3.25 / 2.8 / 2.5rem по брейкпоинтам, причём мобильные
   ступени заданы более специфичным селектором — переопределяем именно его,
   иначе правило выше не применится. Брейкпоинты повторяют темовые. */
@media only screen and (min-width: 48rem) and (max-width: 59.999rem) {
  #R-body-inner > .flex-block-wrapper article h1 {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 47.999rem) {
  #R-body-inner > .flex-block-wrapper article h1 {
    font-size: 1.85rem;
  }
}

/* Подзаголовки.
   Тема включает hyphens: auto, и на узких экранах это рвёт русские слова
   посреди подзаголовка («Задача дня: чис-ла Фибоначчи») — переносить целыми
   словами читается лучше. Межстрочный интервал наследуется от основного
   текста (1.574), для крупного кегля это слишком разреженно. */
#R-body-inner :is(h1, h2, h3, h4, h5, h6) {
  hyphens: manual;
}

#R-body-inner :is(h2, h3, h4, h5, h6) {
  line-height: 1.25;
}