/* Текстовая страница — шаблон «Text Template» (page-text.php) — C1
   Структура вывода:
     <section class="text-section"><div class="container"><h1>…</h1> …контент… </div></section>
   Оформление в стиле темы: шрифт Arial, акцент #ff8f10, серый #575757. */

/* ── Отступы секции ── */
.text-section {
	padding: 12rem 0 9.6rem;
}

@media (min-width: 768px) {
	.text-section {
		padding: 18rem 0 12.8rem;
	}
}

/* ── Заголовок страницы (h1 без класса → задаём явно,
      т.к. reset темы снимает браузерные стили) ── */
.text-section h1 {
	color: #ff8f10;
	font-family: Arial, sans-serif;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.064rem;
	line-height: 1.15;
	margin: 0 0 4rem;
}

@media (min-width: 768px) {
	.text-section h1 {
		font-size: 6.4rem;
		letter-spacing: -0.128rem;
		margin: 0 0 6.4rem;
		max-width: 110.7rem;
	}
}

/* ── Заголовки разделов ── */
.text-section h2 {
	color: #ff8f10;
	font-family: Arial, sans-serif;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.048rem;
	line-height: normal;
	margin: 6.4rem 0 2.4rem;
}

.text-section h2:first-of-type {
	margin-top: 0;
}

@media (min-width: 768px) {
	.text-section h2 {
		font-size: 4rem;
		letter-spacing: -0.08rem;
		margin: 8rem 0 3.2rem;
	}
}

.text-section h3 {
	color: #575757;
	font-size: 2rem;
	font-weight: 700;
	line-height: normal;
	margin: 4rem 0 1.6rem;
}

@media (min-width: 768px) {
	.text-section h3 {
		font-size: 2.4rem;
		margin: 5.6rem 0 2rem;
	}
}

/* ── Абзацы ── */
.text-section p {
	color: #575757;
	font-family: Arial, sans-serif;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	margin-bottom: 2.4rem;
	max-width: 87.6rem;
}

@media (min-width: 768px) {
	.text-section p {
		font-size: 2rem;
		line-height: 3.2rem;
		margin-bottom: 3.2rem;
	}
}

/* ── Списки ── */
.text-section ul,
.text-section ol {
	margin-bottom: 3.2rem;
	max-width: 87.6rem;
	padding-left: 2.4rem;
}

.text-section ul {
	list-style: none;
}

.text-section ul li {
	color: #575757;
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-bottom: 1.6rem;
	padding-left: 2.4rem;
	position: relative;
}

.text-section ul li:before {
	background-color: #ff8f10;
	border-radius: 50%;
	content: "";
	height: 0.6rem;
	left: 0;
	position: absolute;
	top: 1rem;
	width: 0.6rem;
}

.text-section ol {
	list-style: decimal;
}

.text-section ol li {
	color: #575757;
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
	.text-section ul,
	.text-section ol {
		margin-bottom: 3.2rem;
		padding-left: 3.2rem;
	}

	.text-section ul li,
	.text-section ol li {
		font-size: 2rem;
		line-height: 3.2rem;
		margin-bottom: 1.6rem;
	}

	.text-section ul li {
		padding-left: 3.2rem;
	}

	.text-section ul li:before {
		height: 0.8rem;
		top: 1.3rem;
		width: 0.8rem;
	}
}

/* ── Ссылки ── */
.text-section a {
	color: #ff8f10;
	position: relative;
	text-decoration: none;
	transition: color 0.3s ease;
}

.text-section a:after {
	background-color: #ff8f10;
	bottom: -0.2rem;
	content: "";
	height: 0.1rem;
	left: 0;
	position: absolute;
	transition: background-color 0.3s ease;
	width: 100%;
}

.text-section a:hover {
	color: #e67512;
}

.text-section a:hover:after {
	background-color: #e67512;
}

/* Номер телефона и e-mail не разрывать при переносе строки */
.text-section a[href^="tel:"],
.text-section a[href^="mailto:"] {
	white-space: nowrap;
}

/* ── Выделения и код ── */
.text-section strong,
.text-section b {
	color: #575757;
	font-weight: 700;
}

.text-section em,
.text-section i {
	font-style: italic;
}

.text-section code {
	background-color: #f2f2f2;
	border-radius: 0.4rem;
	color: #575757;
	font-family: monospace;
	font-size: 0.9em;
	padding: 0.2rem 0.6rem;
}

/* ── Таблицы (запас на будущее) ── */
.text-section table {
	border-collapse: collapse;
	margin-bottom: 3.2rem;
	width: 100%;
}

.text-section th,
.text-section td {
	border-bottom: 0.1rem solid rgba(87, 87, 87, 0.2);
	color: #575757;
	font-size: 1.6rem;
	line-height: 2.4rem;
	padding: 1.2rem 0;
	text-align: left;
}

.text-section th {
	font-weight: 700;
}

/* WP-разметка списков: снимаем лишний отступ у wp-block-list */
.text-section .wp-block-list {
	padding-left: 0;
}