/* terms-conditions + privacy-policy: long legal text with a fixed TOC on the
   right. Loaded as pages/terms-conditions.css and pages/privacy-policy.css
   would be identical, so functions.php maps both slugs here. */

.p-legal__title {
	margin-top: 40px;
	text-align: center;
}

.p-legal__text {
	width: 80%;
	max-width: 80%;
	font-size: 14px;
}

.p-legal--privacy .p-legal__text {
	text-align: justify;
}

.p-legal--privacy .p-legal__row {
	max-width: 1200px;
}

.p-legal--privacy .p-legal__title {
	margin-top: 20px;
}

.p-legal__toc {
	position: fixed;
	width: 20%;
	max-width: 260px;
	top: 200px;
	right: 0;
	z-index: 10;
	background: #fff;
}

.p-legal--privacy .p-legal__toc {
	top: 158px;
	right: 5.5%;
}

@media (max-width: 1024px) {
	.p-legal__text {
		width: 100%;
		max-width: 100%;
	}
}