/* Policy and terms pages (privacy.php, terms.php). Standalone: does not load main.css. */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: #f6f2f8;
	color: #2b2233;
	font: 16px/1.65 'Open Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
.legal-head {
	background: #1b1033;
	padding: 14px 16px;
}
.legal-head .wrap {
	max-width: 860px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.legal-head a.logo { display: flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.legal-head a.logo img { height: 44px; width: auto; display: block; }
.legal-head a.logo span { font-size: 13px; line-height: 1.3; letter-spacing: .03em; text-transform: uppercase; }
.legal-head a.back { color: #bc7db4; text-decoration: none; font-size: 15px; white-space: nowrap; }
.legal-head a.back:hover { text-decoration: underline; }

.legal-main {
	max-width: 860px;
	margin: 28px auto;
	padding: 28px 32px 36px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 6px rgba(27, 16, 51, .08);
}
.legal-main h1 { margin: 0 0 4px; font-size: 28px; line-height: 1.25; }
.legal-main .meta { margin: 0 0 24px; color: #7a6d85; font-size: 14px; }
.legal-main h2 { margin: 28px 0 8px; font-size: 19px; line-height: 1.3; }
.legal-main p, .legal-main li { margin: 8px 0; }
.legal-main ul, .legal-main ol { padding-left: 22px; }
.legal-main a { color: #8a3f80; }

/* fields the site owner still has to fill in; must be gone before the page is published */
.todo { background: #fff3a3; padding: 0 3px; border-radius: 3px; }

.legal-foot {
	max-width: 860px;
	margin: 0 auto 32px;
	padding: 0 16px;
	text-align: center;
	color: #7a6d85;
	font-size: 14px;
}
.legal-foot a { color: #8a3f80; }

@media (max-width: 640px) {
	.legal-head a.logo span { display: none; }
	.legal-main { margin: 0; border-radius: 0; padding: 20px 16px 28px; box-shadow: none; }
	.legal-main h1 { font-size: 23px; }
	.legal-main h2 { font-size: 17px; }
}
