/**
 * About page profile and history layout corrections.
 *
 * @since 0.8.4
 */

html body .ab-about-page .ab-profile-card {
	display: block !important;
	min-height: 0 !important;
	padding: clamp(34px, 5vw, 64px) !important;
}

html body .ab-about-page .ab-profile-card .ab-profile-bio,
html body .ab-about-page .ab-profile-card > p {
	width: 100% !important;
	max-width: 76ch !important;
	margin: 0 auto !important;
	color: #3f4551 !important;
	font-family: "Noto Sans JP", sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 2.2 !important;
	letter-spacing: 0.01em !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

html body .ab-about-page .ab-profile-card .ab-profile-person {
	width: 100% !important;
	max-width: 76ch !important;
	margin: 0 auto 22px !important;
	color: #10131a !important;
	font-family: "Noto Sans JP", sans-serif !important;
	font-size: clamp(24px, 2.4vw, 34px) !important;
	font-weight: 800 !important;
	line-height: 1.45 !important;
	letter-spacing: -0.025em !important;
}

html body .ab-about-page #ab-profile-title {
	font-size: clamp(30px, 3.2vw, 46px) !important;
}

html body .ab-about-page .ab-history-list {
	display: block !important;
}

html body .ab-about-page .ab-history-list li {
	display: grid !important;
	grid-template-columns: 120px minmax(0, 1fr) !important;
	gap: 32px !important;
}

html body .ab-about-page .ab-history-list li p {
	min-width: 0 !important;
}

@media (max-width: 680px) {
	html body .ab-about-page .ab-profile-card {
		padding: 28px 22px !important;
	}

	html body .ab-about-page .ab-profile-card .ab-profile-bio,
	html body .ab-about-page .ab-profile-card > p {
		font-size: 15px !important;
		line-height: 2 !important;
	}

	html body .ab-about-page .ab-profile-card .ab-profile-person {
		margin-bottom: 18px !important;
		font-size: 24px !important;
	}

	html body .ab-about-page .ab-history-list li {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}
}