/* ============================================================================
   ПРОБА (2026-10-11): оформление текста урока по стилю md2pdf.

   Перенос стилей из /Users/someone/Coding/Obsidian/md2pdf/assets/style.css —
   того же вида, в котором уроки собираются в PDF: PT Mono для текста,
   PT Sans для заголовков, жирный красный, курсив зелёный, плотность списков
   по уровням, цитаты, код и таблицы как в PDF.

   Область действия — только текст урока (`.lesson-section__body`): статья
   (`/articles/…`) и остальной сайт не затрагиваются. Файл подключается на
   странице уроков после `longread.css`, поэтому перекрывает его.

   Откат: убрать подключение в `inc/enqueue.php` (и сам файл, и ссылку на
   шрифты PT Mono / PT Sans / JetBrains Mono там же).

   Соответствие заголовков: в PDF md-заголовки идут как есть (`#` → h1,
   `##` → h2), в тексте урока они сдвинуты на уровень вниз (`##` → h3,
   `###` → h4), поэтому правила PDF h2/h3/h4/h5 перенесены на h3/h4/h5/h6.
   ============================================================================ */

/* --- 1. Базовый текст: моноширинный, как в PDF --- */
.lesson-section__body {
	font-family: 'PT Mono', ui-monospace, monospace;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	color: #333;
}

/* --- 2. Заголовки: PT Sans, шкала размеров из PDF --- */
.lesson-section__body h1,
.lesson-section__body h2,
.lesson-section__body h3,
.lesson-section__body h4,
.lesson-section__body h5,
.lesson-section__body h6 {
	font-family: 'PT Sans', 'Helvetica Neue', sans-serif;
	font-weight: 700;
}

/* PDF h2: капс + линия снизу (в тексте урока это md `##` → h3) */
.lesson-section__body h3 {
	margin: 1.4em 0 1.2em;
	padding-bottom: 6px;
	border-bottom: 2px solid #222;
	font-size: 1.375em;
	text-transform: uppercase;
	color: #333;
}

/* PDF h3 (md `###` → h4) */
.lesson-section__body h4 {
	margin: 1.2em 0 0.3em;
	font-size: 1.25em;
	color: #333;
}

/* PDF h4 (md `####` → h5) */
.lesson-section__body h5 {
	margin: 1em 0 0.3em;
	font-size: 1.125em;
	color: #333;
}

/* PDF h5/h6 (md `#####`/`######` → h6) */
.lesson-section__body h6 {
	margin: 0.8em 0 0.2em;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: #333;
}

/* --- 3. Акценты: жирный = красный, курсив = зелёный --- */
.lesson-section__body strong {
	font-weight: 900;
	color: #c33;
}

.lesson-section__body em,
.lesson-section__body i,
.lesson-section__body blockquote {
	/* У PT Mono нет курсивного начертания — берём JetBrains Mono с настоящим Italic */
	font-family: 'JetBrains Mono', 'PT Mono', monospace;
	font-weight: 300;
}

.lesson-section__body em,
.lesson-section__body i {
	font-style: italic;
	color: #5a7a45;
}

/* --- 4. Списки: плотность по уровням вложенности --- */
.lesson-section__body ul,
.lesson-section__body ol {
	margin: 0.3em 0;
	padding-left: 1.4em;
	line-height: 2;
}

.lesson-section__body li {
	font-weight: 700;
}

.lesson-section__body li li {
	font-weight: 400;
	color: #444;
}

.lesson-section__body li li li {
	color: #777;
}

.lesson-section__body li li li li {
	color: #999;
}

/* --- 5. Цитаты --- */
.lesson-section__body blockquote {
	margin: 1em 0;
	padding: 0 0 0 1em;
	border-left: 4px solid #ccc;
	font-size: 0.9em;
	line-height: 1.6;
	color: #666;
	opacity: 0.85;
}

/* --- 6. Код --- */
.lesson-section__body code {
	padding: 2px 5px;
	border: 0;
	border-radius: 3px;
	background: #f4f4f4;
	font-family: 'PT Mono', monospace;
	font-size: 0.9em;
	color: #333;
}

.lesson-section__body pre {
	margin: 0 0 1em;
	padding: 12px;
	font-family: 'PT Mono', monospace;
	border: 0;
	border-radius: 6px;
	background: #f4f4f4;
	overflow-x: auto;
}

.lesson-section__body pre code {
	padding: 0;
	background: none;
	font-size: 0.85em;
	line-height: 1.4;
}

/* --- 7. Таблицы: полная сетка, как в PDF --- */
.lesson-section__body table {
	margin: 1em 0;
	border-collapse: collapse;
	font-size: 0.9em;
}

.lesson-section__body th,
.lesson-section__body td {
	padding: 6px 12px;
	border: 1px solid #ddd;
	color: #333;
}

.lesson-section__body th {
	background: #f4f4f4;
	font-family: 'PT Mono', monospace;
	font-size: 1em;
	font-weight: 700;
}

/* --- 8. Прочее: картинки, разделители, ссылки, выделение --- */
.lesson-section__body img {
	max-width: 100%;
}

.lesson-section__body hr {
	width: auto;
	height: 0;
	margin: 1.5em 0;
	border: 0;
	border-top: 1px solid #ddd;
	background: none;
}

.lesson-section__body a {
	color: #b9553c;
	text-decoration-color: color-mix(in srgb, #b9553c 40%, transparent);
}

.lesson-section__body a:hover,
.lesson-section__body a:focus {
	color: #8b3d2a;
	text-decoration-color: currentColor;
}

.lesson-section__body mark {
	padding: 2px 6px;
	border-radius: 3px;
	background-color: #8b1a1a;
	color: #fff;
	font-weight: 900;
}