/*
	Legal pages (privacy policy, cookie policy).

	These are plain, always-visible documents rather than the JS-revealed panels
	the rest of the site uses, so they override just enough of main.css to make
	an article render on its own and stay readable at length.
*/

body.is-legal #wrapper {
	justify-content: flex-start;
}

body.is-legal #main {
	align-items: stretch;
	width: 100%;
	padding: 2rem 0 0 0;
}

body.is-legal #main article {
	opacity: 1;
	transform: none;
	display: block;
	width: 48rem;
	max-width: 100%;
	margin: 0 auto;
	padding: 3rem 2.5rem 2rem 2.5rem;
	text-align: left;
}

body.is-legal #footer {
	margin-top: 3rem;
}

.legal-back {
	display: block;
	margin-bottom: 2rem;
	font-size: 0.8rem;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
}

.legal-updated {
	font-size: 0.8rem;
	opacity: 0.75;
	margin-bottom: 2.5rem;
}

.legal-page h3 {
	margin-top: 2.5rem;
}

.legal-page ul {
	list-style: disc;
	padding-left: 1.5rem;
}

.legal-page ul li {
	padding-left: 0.35rem;
}

.legal-page dl dt {
	font-weight: 600;
	margin-bottom: 0.25rem;
}

.legal-page dl dd {
	margin: 0 0 1.5rem 0;
}

.legal-page table td,
.legal-page table th {
	vertical-align: top;
}

@media screen and (max-width: 736px) {

	body.is-legal #main article {
		padding: 2rem 1.5rem 1rem 1.5rem;
	}

}