/* ============================================
   СТИЛИ ДЛЯ СПИСКОВ В КОНТЕНТЕ РАБОТЫ
   ============================================ */

/* Упорядоченные списки (нумерованные) */
.work-content ol {
	margin: 15px 0 !important;
	padding-left: 40px !important;
	list-style-position: outside !important;
	list-style-type: decimal !important;
}

.work-content ol li {
	margin-bottom: 5px !important;
	padding-left: 10px !important;
	line-height: 1.6 !important;
	position: relative;
}

/* Неупорядоченные списки (маркированные) */
.work-content ul {
	margin: 15px 0 !important;
	padding-left: 40px !important;
	list-style-position: outside !important;
	list-style-type: disc !important;
}

.work-content ul li {
	margin-bottom: 5px !important;
	padding-left: 10px !important;
	line-height: 1.6 !important;
}

/* Вложенные списки */
.work-content ol ol,
.work-content ul ul,
.work-content ol ul,
.work-content ul ol {
	margin: 6px 0 !important;
	padding-left: 30px !important;
}

/* Второй уровень вложенности */
.work-content ol ol {
	list-style-type: lower-alpha !important;
}

/* ИСКЛЮЧЕНИЕ: Кириллические списки - отключаем маркеры */
.work-content ol ol.letter-list-cyrillic {
	list-style: none !important;
}

.work-content ul ul {
	list-style-type: circle !important;
}

/* Третий уровень вложенности */
.work-content ol ol ol {
	list-style-type: lower-roman !important;
}

.work-content ul ul ul {
	list-style-type: square !important;
}

/* ============================================
   СПИСОК ЛИТЕРАТУРЫ (специальные стили)
   ============================================ */

/* Определение списка литературы по заголовку перед ним */
.work-content h3 + ol,
.work-content h2 + ol {
	padding-left: 50px !important;
	margin-top: 15px !important;
}

/* Если список следует после заголовка "Список литературы" */
.work-content ol[start] {
	padding-left: 50px !important;
}

/* Элементы списка литературы */
.work-content ol li {
	text-align: justify !important;
	text-indent: 0 !important;
}

/* Убираем лишние стили */
.work-content ol li,
.work-content ul li {
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	hyphens: auto !important;
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
}

/* ============================================
   МОБИЛЬНАЯ ВЕРСИЯ (до 768px)
   ============================================ */

@media (max-width: 768px) {
	.work-content ol,
	.work-content ul {
		padding-left: 30px !important;
		margin: 12px 0 !important;
	}

	.work-content ol li,
	.work-content ul li {
		margin-bottom: 5px !important;
		padding-left: 8px !important;
		font-size: 14px !important;
		line-height: 1.5 !important;
	}

	.work-content h3 + ol,
	.work-content h2 + ol,
	.work-content ol[start] {
		padding-left: 35px !important;
		margin-top: 12px !important;
	}

	.work-content ol ol,
	.work-content ul ul,
	.work-content ol ul,
	.work-content ul ol {
		padding-left: 25px !important;
		margin: 5px 0 !important;
	}

	/* Буквенные списки на мобильных */
	.work-content ol.letter-list {
		list-style-type: lower-alpha !important;
	}
}

/* ============================================
   ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ (до 480px)
   ============================================ */

@media (max-width: 480px) {
	.work-content ol,
	.work-content ul {
		padding-left: 25px !important;
		margin: 10px 0 !important;
	}

	.work-content ol li,
	.work-content ul li {
		margin-bottom: 5px !important;
		padding-left: 6px !important;
		font-size: 13px !important;
		line-height: 1.4 !important;
	}

	.work-content h3 + ol,
	.work-content h2 + ol,
	.work-content ol[start] {
		padding-left: 30px !important;
		margin-top: 10px !important;
	}

	.work-content ol ol,
	.work-content ul ul,
	.work-content ol ul,
	.work-content ul ol {
		padding-left: 20px !important;
		margin: 4px 0 !important;
	}

	/* Буквенные списки на малых экранах */
	.work-content ol.letter-list {
		list-style-type: lower-alpha !important;
	}
}

/* ============================================
   ДЕСКТОПНАЯ ВЕРСИЯ (больше 768px)
   ============================================ */

@media (min-width: 769px) {
	.work-content ol,
	.work-content ul {
		padding-left: 50px !important;
		margin: 15px 0 !important;
	}

	.work-content ol li,
	.work-content ul li {
		margin-bottom: 5px !important;
		padding-left: 12px !important;
		font-size: 16px !important;
		line-height: 1.6 !important;
	}

	.work-content h3 + ol,
	.work-content h2 + ol,
	.work-content ol[start] {
		padding-left: 60px !important;
		margin-top: 15px !important;
	}

	/* Буквенные списки на десктопе */
	.work-content ol.letter-list {
		list-style-type: lower-alpha !important;
	}
}

/* ============================================
   ДОПОЛНИТЕЛЬНЫЕ УЛУЧШЕНИЯ
   ============================================ */

/* Убираем отступ у первого/последнего элемента */
.work-content ol li:first-child,
.work-content ul li:first-child {
	margin-top: 0 !important;
}

.work-content ol li:last-child,
.work-content ul li:last-child {
	margin-bottom: 0 !important;
}

/* Стили для ссылок */
.work-content ol li a {
	color: #0066cc !important;
	text-decoration: none !important;
	word-wrap: break-word !important;
}

.work-content ol li a:hover {
	text-decoration: underline !important;
	color: #004499 !important;
}

/* Параграфы внутри списка */
.work-content ol li p,
.work-content ul li p {
	margin: 0 !important;
	padding: 0 !important;
}

/* Переопределяем стили темы */
.work-content ol,
.work-content ul {
	display: block !important;
}

.work-content ol li,
.work-content ul li {
	display: list-item !important;
}

/* ============================================
   БУКВЕННЫЕ СПИСКИ (а, б, в, г)
   ВАЖНО: Эти правила должны быть В САМОМ КОНЦЕ
   ============================================ */

/* Буквенные списки - латиница (a, b, c) */
.work-content ol.letter-list {
	list-style-type: lower-alpha !important;
}

/* Буквенные списки - кириллица (а, б, в) - отключаем маркеры */
.work-content ol.letter-list-cyrillic {
	list-style: none !important;
}

/* Буквенные списки с inline стилем */
.work-content ol[style*="lower-alpha"] {
	list-style-type: lower-alpha !important;
}

/* Буквенные списки без маркеров (когда буквы в тексте) */
.work-content ul.letter-list {
	list-style: none !important;
	padding-left: 40px !important;
}

.work-content ul.letter-list li {
	text-indent: -20px !important;
	padding-left: 20px !important;
}

/* МАКСИМАЛЬНАЯ СПЕЦИФИЧНОСТЬ - переопределяет всё выше */
body .work-content ol.letter-list,
body .work-content ol.letter-list li {
	list-style-type: lower-alpha !important;
}

/* Кириллические списки - отключаем маркеры (буквы в тексте) */
body .work-content ol.letter-list-cyrillic,
body .work-content ol.letter-list-cyrillic li,
body .work-content ol ol.letter-list-cyrillic,
body .work-content ol ol.letter-list-cyrillic li {
	list-style: none !important;
}