/* Стили разметки заметок о версии. Все правила — под префиксом .md-, потому что тема страниц
   продублирована в двух html (index.html:9-12, releases.html:9-12), и правила разметки не
   должны в неё лезть. CSS-переменные (--accent, --dim) приходят оттуда же.

   Файл лежит на том же хосте, в том же каталоге и едет тем же rsync: свойство «сайт не грузит
   ни одного стороннего ресурса» этим не нарушается — оно про сторонние адреса, а не про
   количество тегов. */

/* Одиночный перенос строки остаётся переносом. Именно pre-line, а не pre-wrap: пустая строка
   между абзацами уже съедена разбором, интервал между ними держат отступы абзаца, и pre-wrap
   добавил бы к ним ещё и лишнюю пустую строку. Цена, названная заранее: pre-line схлопывает
   ведущие пробелы, поэтому строка, набранная вручную с отступом, потеряет отступ (но не текст).
   Тот же механизм и то же обоснование, что у клиента (client/src/styles/tokens.css:340-346). */
.md-notes p,
.md-notes li { white-space: pre-line; }

.md-notes p { margin: .5em 0; }
.md-notes p:first-child { margin-top: 0; }
.md-notes p:last-child { margin-bottom: 0; }

/* Заголовок не растёт: размер и цвет — от тела заметки, остаётся только полужирность.
   Настоящих h1–h6 здесь нет вовсе — их не выпускает в документ md.js. */
.md-notes .md-h { font-weight: 700; margin: .6em 0 .2em; }

.md-notes ul,
.md-notes ol { margin: .5em 0; padding-left: 1.4em; }
.md-notes li { margin: .2em 0; }

/* Ссылку и инлайн-код рвём внутри слова: адрес — это одно длинное «слово», и в карточке
   релиза на телефоне он распёр бы её за скруглённый край. */
.md-notes a { color: var(--accent); overflow-wrap: anywhere; }
.md-notes code {
  background: rgba(255,255,255,.06); border-radius: 4px; padding: 1px 5px;
  font-family: ui-monospace, Consolas, "Courier New", monospace; font-size: 12.5px;
  overflow-wrap: anywhere;
}
.md-notes pre {
  background: rgba(255,255,255,.04); border-radius: 8px; padding: 10px; overflow-x: auto;
  margin: .5em 0;
}
.md-notes pre code { background: none; padding: 0; }
.md-notes hr { border: none; border-top: 1px solid rgba(255,255,255,.14); margin: .8em 0; }

/* Предохранитель: заметка длиннее 16384 символов не разбирается вовсе и показывается ровно
   так, как показывалась до этой работы, — plain text под pre-wrap. Правило висит на классе,
   а не на голом текстовом узле, именно поэтому: pre-wrap у сайта всегда был на классе. */
.md-notes .md-raw { white-space: pre-wrap; }