/*
  Типографика сайта ArtMonta: стили. Работают вместе с typography.js, но и сами по себе
  уже улучшают строки в современных браузерах.
*/

/* Заголовки и короткие подписи: ровные строки без висящих слов */
h1, h2, h3, h4, h5, h6,
.subtitle,
.title {
	text-wrap: balance;
}

/* Абзацы и списки: без одинокого слова на последней строке (где браузер умеет) */
p, li, blockquote, figcaption {
	text-wrap: pretty;
}

/* Подстраховка: если слово или склеенная пара не помещается в колонку, переносим, а не вылезаем за экран */
h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, .subtitle, .title {
	overflow-wrap: break-word;
}

/* Длинные абзацы: не больше ~10 слов в строке.
   Класс ставит typography.js на абзацы от 11 слов, а ширину он же подгоняет под лимит
   через переменную --typo-measure. !important нужен, потому что у отдельных блоков в
   стилях сайта стоит max-width: none. */
.typo-measure {
	max-width: var(--typo-measure, 58ch) !important;
}

/* Если текст по центру, суженный абзац остаётся по центру */
.typo-measure--center {
	margin-left: auto !important;
	margin-right: auto !important;
}