/* Основные настройки страницы */
body {
	font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	background-color: #f5f7fa; /* Светло-серый фон страницы */
	color: #333333; /* Темно-серый цвет текста для комфортного чтения */
	line-height: 1.6; /* Межстрочный интервал */
	margin: 0;
	padding: 0;
}

/* Контейнер для текста политики */
.policy-container {
	max-width: 900px; /* Ограничение ширины для удобства чтения */
	margin: 40px auto; /* Центрирование по горизонтали */
	background-color: #ffffff; /* Белый фон для документа */
	padding: 40px 60px; /* Внутренние отступы */
	border-radius: 8px; /* Скругленные углы */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Легкая тень */
}

/* Заголовок H1 */
h1 {
	text-align: center;
	color: #2c3e50;
	font-size: 24px;
	margin-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 2px solid #eaeaea;
	padding-bottom: 20px;
}

/* Обычные параграфы */
p {
	margin-bottom: 15px;
	text-align: justify; /* Выравнивание текста по ширине (как в документах) */
}

/* Выделение важных данных (highlight) */
.highlight {
	font-weight: 700;
	color: #000;
	background-color: #f0f4f8; /* Очень легкий фон для акцента */
	padding: 0 4px;
	border-radius: 4px;
}

/* Заголовки разделов (например, 2., 7., 8.) */
.section-title {
	font-weight: 600;
	color: #000;
	margin-top: 30px; /* Отступ сверху больше, чтобы визуально делить разделы */
	margin-bottom: 15px;
}

/* Подпункты (8.1, 8.2...) */
.sub-clause {
	margin-left: 25px; /* Отступ слева */
	font-size: 0.95em;
	color: #444;
}

/* Вложенные пункты (11.6.1...) */
.nested-clause {
	margin-left: 50px; /* Двойной отступ слева */
	font-size: 0.95em;
	color: #555;
	font-style: italic;
}

/* Блок "Сведения о компании" внизу */
.company-details {
	margin-top: 50px;
	padding-top: 30px;
	border-top: 2px solid #2c3e50;
	background-color: #fafafa;
	padding: 20px;
	border-radius: 4px;
}

.company-details h3 {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 15px;
	color: #2c3e50;
}

.company-details p {
	margin-bottom: 8px;
	text-align: left; /* Контакты выравниваем по левому краю */
}

@media (max-width: 768px) {
	.policy-container {
		margin: 0;
		padding: 20px;
		border-radius: 0;
		box-shadow: none;
	}

	h1 {
		font-size: 20px;
	}

	.sub-clause {
		margin-left: 15px;
	}

	.nested-clause {
		margin-left: 30px;
	}
}