/*
 * LANDING V2 — ПРАВОВАЯ СТРАНИЦА (политика конфиденциальности).
 *
 * Отдельного макета у страницы нет и не должно быть: она обязана выглядеть
 * продолжением посадочной, а не вторым дизайном. Отсюда те же токены, та же
 * красная черта над заголовком и та же кнопка возврата, что у блока «О подходе».
 *
 * ОДНА УЗКАЯ КОЛОНКА. Юридический текст читают сверху вниз; вторая колонка
 * заставила бы возвращаться глазами наверх, а полная ширина экрана дала бы
 * строку, в которой теряется место возврата.
 */

.lp .lp-legal__inner {
	display: grid;
	gap: clamp(2rem, 1.2rem + 2.6vw, 3.5rem);
	justify-items: start;
}

.lp .lp-legal__rule {
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--lp-crimson);
}

.lp .lp-legal__head {
	display: grid;
	justify-items: start;
	gap: var(--lp-space-sm);
}

.lp .lp-legal__eyebrow,
.lp .lp-legal__updated {
	margin: 0;
}

.lp .lp-legal__title {
	max-width: 24ch;
	margin: 0;
	text-transform: uppercase;
}

.lp .lp-legal__updated {
	color: var(--lp-ink-muted);
}

/*
 * Текст документа приходит из редактора: правила навешиваются на потомков,
 * а не на классы — владелец расставляет абзацы и списки обычными кнопками
 * редактора и не обязан помнить ни одного имени класса.
 */
.lp .lp-legal__doc {
	max-width: var(--lp-container-narrow);
	color: var(--lp-ink-muted);
}

.lp .lp-legal__doc > * {
	margin-block: 0 var(--lp-space-md);
}

.lp .lp-legal__doc > *:last-child {
	margin-bottom: 0;
}

.lp .lp-legal__doc h2,
.lp .lp-legal__doc h3 {
	margin-top: clamp(2rem, 1.4rem + 1.8vw, 3rem);
	color: var(--lp-ink);
	font-family: var(--lp-font-display);
	font-weight: var(--lp-display-weight-soft);
	line-height: var(--lp-leading-tight);
	text-transform: uppercase;
}

.lp .lp-legal__doc h2 {
	font-size: var(--lp-text-h3);
}

.lp .lp-legal__doc h3 {
	font-size: var(--lp-text-lead);
}

.lp .lp-legal__doc ul,
.lp .lp-legal__doc ol {
	padding-left: 1.25rem;
}

.lp .lp-legal__doc li {
	margin-bottom: var(--lp-space-2xs);
}

.lp .lp-legal__doc a {
	color: var(--lp-crimson);
}

.lp .lp-legal__doc a:hover,
.lp .lp-legal__doc a:focus-visible {
	color: var(--lp-ink);
}

.lp .lp-legal__doc strong {
	color: var(--lp-ink);
}

/* Кнопка возврата — единственное действие страницы, потому и единственный цвет. */
.lp .lp-legal__back {
	color: var(--lp-crimson);
	background-color: transparent;
	border-color: var(--lp-crimson);
}

.lp .lp-legal__back:hover,
.lp .lp-legal__back:focus-visible {
	color: var(--lp-ink);
	background-color: var(--lp-burgundy);
	border-color: var(--lp-burgundy);
}

/*
 * Таблица целей обработки — единственная таблица документа: слева название
 * графы, справа её содержимое. На узком экране графы складываются в строки:
 * две колонки в 375px дали бы столбец шириной в одно слово.
 */
.lp .lp-legal__doc table {
	width: 100%;
	border-collapse: collapse;
}

.lp .lp-legal__doc th,
.lp .lp-legal__doc td {
	padding: var(--lp-space-sm) var(--lp-space-md) var(--lp-space-sm) 0;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--lp-line);
}

.lp .lp-legal__doc th {
	width: 32%;
	color: var(--lp-ink);
	font-weight: var(--lp-weight-medium);
}

.lp .lp-legal__doc td > ul {
	margin: 0;
}

@media (max-width: 40em) {

	.lp .lp-legal__doc th,
	.lp .lp-legal__doc td {
		display: block;
		width: auto;
	}

	.lp .lp-legal__doc th {
		padding-bottom: var(--lp-space-3xs);
		border-bottom: 0;
	}
}

/* Верхняя полоса правовой страницы. Первого экрана здесь нет, но путь назад
 * и телефон обязаны быть: страницу открывают из формы, и человек должен
 * вернуться к заявке, а не жать «назад» в браузере наугад.
 */
.lp .lp-legal-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lp-space-md);
	padding-top: var(--lp-space-md);
	padding-bottom: var(--lp-space-md);
	border-bottom: 1px solid var(--lp-line);
}

.lp .lp-legal-bar__logo {
	display: block;
	max-height: 2.5rem;
	width: auto;
}

.lp .lp-legal-bar__wordmark {
	font-family: var(--lp-font-display);
	font-size: var(--lp-text-lead);
	font-weight: var(--lp-display-weight);
	letter-spacing: var(--lp-tracking-nav);
	text-transform: uppercase;
}

.lp .lp-legal-bar__phone {
	font-family: var(--lp-font-num);
	font-size: var(--lp-text-body);
	white-space: nowrap;
	/* Без цвета ссылка брала синий по умолчанию браузера. */
	color: var(--lp-ink);
	text-decoration: none;
}

.lp .lp-legal-bar__phone:hover {
	color: var(--lp-ink-muted);
}