/* [mpower_people]: layout only. Type and colour come from the active theme. */
.mpower-people {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.5rem 1.5rem;
	max-width: calc(var(--mpower-cols, 3) * 260px);
	margin: 2.5rem auto;
	text-align: center;
}
@media (min-width: 782px) {
	.mpower-people {
		grid-template-columns: repeat(var(--mpower-cols, 3), minmax(0, 1fr));
	}
}
.mpower-person__photo {
	display: block;
	width: min(170px, 100%);
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 auto 0.75rem;
}
.mpower-person__name {
	font-weight: 600;
	margin: 0;
}
.mpower-person__role {
	margin: 0.25rem 0 0;
	font-size: 0.9em;
}
.mpower-person__bio {
	text-align: left;
	margin-top: 0.5rem;
}
.mpower-people .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
/* Names take the surrounding text colour: a theme's link colour can fail
   contrast on its own backgrounds (Bridge's blue on black does). */
.mpower-person__name a {
	color: inherit;
	text-decoration: none;
}
.mpower-person__name a:hover,
.mpower-person__name a:focus {
	text-decoration: underline;
}