@charset "utf-8";
/* doc.css — the three policy pages run off this one file */

.doc_head {
	padding: 34px 0 30px;
	border-bottom: 1px solid var(--rule);
}

.doc_kicker {
	font-family: var(--latin);
	font-size: 11px;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--ink_faint);
}

.doc_title {
	margin-top: 14px;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: .02em;
}

.doc_meta {
	margin-top: 14px;
	max-width: 640px;
	font-size: 13px;
	line-height: 2;
	color: var(--ink_faint);
}

.doc_body { padding: 38px 0 10px; }

.doc_h {
	font-family: var(--latin);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--blue);
	padding-bottom: 9px;
	border-bottom: 1px solid var(--rule);
}

.doc_p {
	font-size: 14.5px;
	line-height: 2.15;
	color: var(--ink_soft);
}

.doc_h + .doc_p { margin-top: 16px; }
.doc_p + .doc_p { margin-top: 13px; }
.doc_p + .doc_h { margin-top: 40px; }

.doc_p a { color: var(--ink); border-bottom: 1px solid var(--rule); }
.doc_p a:hover { border-bottom-color: var(--blue); }
.doc_p strong { font-weight: 500; color: var(--ink); }

.doc_note {
	margin-top: 38px;
	padding: 18px 20px;
	background: var(--white);
	border-left: 2px solid var(--blue);
	font-size: 13px;
	line-height: 2;
	color: var(--ink_soft);
}

.doc_note strong { font-weight: 500; color: var(--ink); }

@media screen and (min-width: 768px) {
	.doc_head { padding: 54px 0 44px; }
	.doc_title { font-size: 36px; }
	.doc_body { padding: 56px 0 16px; }
	.doc_h { font-size: 13px; }
	.doc_p { font-size: 15px; }
}

@media screen and (min-width: 1100px) {
	.doc_title { font-size: 42px; }
	.doc_body { padding: 70px 0 20px; }
}