/* =========================================================
   ТЕКСТОВЫЕ СТРАНИЦЫ: лицензия, правила, страницы оплаты.
   Подключается после project.css и model.css.
   ========================================================= */

.legal {
	max-width: 720px;
	margin: 0 auto;
	padding: 40px var(--gutter) 140px;
	color: #141414;
	font-size: 16px;
	line-height: 1.5;
}

.legal h1 {
	margin: 0 0 12px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
}

.legal h2 {
	margin: 48px 0 12px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}

.legal p,
.legal li {
	margin: 0 0 12px;
}

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

.legal a {
	color: inherit;
	text-underline-position: from-font;
}

.legal__meta {
	color: #6b6b6b;
}

/* Места, которые нужно заполнить перед публикацией. Уберите <mark>, когда впишете данные. */
.legal mark {
	padding: 0 4px;
	background: #ffe98a;
	color: inherit;
}

/* Реквизиты */
.legal .requisites {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 8px 32px;
	margin: 0;
}

.legal .requisites dt,
.legal .requisites dd {
	margin: 0;
}

/* Страницы оплаты (pay/) */
.pay-message .buy__button {
	margin: 12px 0;
}

.pay-message a.buy__button {
	color: #fff;
}

@media (max-width: 760px) {
	.legal {
		padding-bottom: 80px;
	}
}