/* Геометрия юридического документа: ширина колонки и ритм текста.
   Цвета, шрифт и тёмная тема здесь запрещены - они приезжают из таблицы своего
   контура (`app.css` у российского комплекта, `site.css` у международного),
   подключённой перед этой. Стоит задать тут хоть один цвет, и документ
   перестанет следовать за темой сайта, как это было у английских документов
   со встроенным светлым блоком. */

.legal {
	max-width: 760px;
	margin: 0 auto;
	padding: 48px 24px 80px;
	line-height: 1.65;
}

.legal h1 {
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	margin: 0 0 8px;
}

.legal h2 {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -0.3px;
	margin: 40px 0 12px;
}

.legal h3 {
	font-size: 17px;
	font-weight: 700;
	margin: 28px 0 8px;
}

.legal p {
	margin: 12px 0;
}

.legal ul,
.legal ol {
	margin: 12px 0 12px 24px;
}

.legal li {
	margin: 6px 0;
}

.legal code {
	font-size: 0.92em;
	word-break: break-word;
}

/* Служебная строка под заголовком: дата, версия, предыдущая редакция. Приглушена
   ролью своего контура - у продуктового она называется одним именем, у
   студийного другим, поэтому запасное значение. */
.legal .meta {
	color: var(--text-muted, var(--text-secondary, inherit));
	font-size: 15px;
	margin-bottom: 32px;
}

.legal .brand {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--text-muted, var(--text-secondary, inherit));
	margin-bottom: 24px;
}

.legal .brand a {
	color: inherit;
	text-decoration: none;
}

@media (max-width: 640px) {
	.legal {
		padding: 32px 20px 64px;
	}

	.legal h1 {
		font-size: 25px;
	}

	.legal h2 {
		font-size: 19px;
	}
}