.AboutHeader {
	max-width: none;
}

.AboutHeader .PageTitle {
	font-size: 3.6rem;
	line-height: 1;
}

.AboutHeader .PageLead {
	max-width: none;
}

.AboutIntroGrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--SpaceM);
	align-items: stretch;
}

.AboutPanel {
	display: grid;
	gap: var(--SpaceS);
	align-content: start;
}

.AboutPanelActions {
	margin-top: var(--SpaceS);
}

.AboutDevelopmentCredit {
	color: var(--ColorMuted);
	font-size: 0.875rem;
}

.AboutCredentialSection {
	display: grid;
	gap: var(--SpaceM);
}

.AboutCredentialSection .SectionHeader {
	max-width: none;
}

.AboutCredentialCard {
	width: 100%;
	max-width: 780px;
	padding: var(--SpaceL);
	border: 1px solid var(--ColorHairline);
	border-left: 0.28rem solid var(--ColorSage);
	border-radius: var(--RadiusMedium);
	background:
		linear-gradient(180deg, rgba(22, 127, 133, 0.08), rgba(255, 255, 255, 0.82)),
		var(--ColorSurface);
	box-shadow: var(--ShadowSmall);
}

.AboutCredentialSummary,
.AboutCredentialVerification {
	display: grid;
	gap: var(--SpaceXS);
}

.AboutCredentialHolder {
	color: var(--ColorInk);
	font-family: var(--FontDisplay);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.15;
}

.AboutCredentialDesignation {
	color: var(--ColorInk);
	font-size: 1.05rem;
	font-weight: 700;
}

.AboutCredentialIssuer {
	color: var(--ColorMuted);
	font-weight: 700;
}

.AboutCredentialNumber {
	margin-top: var(--SpaceS);
}

.AboutCredentialVerification {
	margin-top: var(--SpaceL);
	padding-top: var(--SpaceM);
	border-top: 1px solid var(--ColorHairline);
}

.AboutCredentialContactLinks {
	display: flex;
	gap: var(--SpaceXS);
	flex-wrap: wrap;
	align-items: center;
}

.AboutCredentialContactLinks a {
	font-weight: 700;
}

.AboutCredentialContactLinks a:focus-visible {
	border-radius: var(--RadiusSmall);
	outline: 2px solid var(--ColorAqua);
	outline-offset: 3px;
}

@media (min-width: 821px) {
	.AboutPrivacyContent {
		max-width: none;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--SpaceM) var(--SpaceXL);
	}

	.AboutPrivacyContent > * + * {
		margin-top: 0;
	}

	.AboutPrivacyContent .SectionTitle {
		grid-column: 1 / -1;
	}
}

@media (max-width: 820px) {
	.AboutHeader .PageTitle {
		font-size: 2.8rem;
	}

	.AboutIntroGrid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.AboutHeader .PageTitle {
		font-size: 2.3rem;
	}

	.AboutCredentialCard {
		padding: var(--SpaceM);
	}
}