/* Диаграмма окна зарядки на главной и примеры вывода скриптов рисуются
   псевдографикой: без переноса строк и с моноширинным шрифтом они читаются,
   с переносом — распадаются. */
.md-typeset pre > code {
  white-space: pre;
}

/* Таблиц в документации много, и почти все — «параметр / значение /
   почему именно так». Неразрывные заголовки экономят место колонке
   с объяснением — но только там, где ширины хватает: на телефоне тот же
   приём выталкивает последнюю колонку за пределы экрана. */
@media screen and (min-width: 60em) {
  .md-typeset table:not([class]) th {
    white-space: nowrap;
  }
}

/* Ширина по умолчанию рассчитана на короткие английские строки; русский текст
   при ней даёт слишком длинную строку для чтения с монитора. */
.md-grid {
  max-width: 62rem;
}

/* Карточки на главной: ровная сетка вместо колонок разной высоты. */
.md-typeset .grid.cards > ul > li {
  display: flex;
  flex-direction: column;
}