/* about-lei article page */

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

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

/* article headings follow the site accent */
.p-about .c-prose h3 {
	color: var(--lei-accent);
}

.p-about__explained {
	width: 80%;
	max-width: 80%;
}

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

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

/* the 20-character breakdown infographic markup comes from the translated
   blob; its styles are shared with the homepage in components.css */