/*
 * Shared typography for the first introduction block below a subpage hero.
 * PROGRAM GOAL on /program/ is the source of truth.
 */
.school-intro-label {
	margin-top: 0 !important;
	margin-bottom: 14px !important;
	color: #f38091 !important;
	font-family: "Nunito", sans-serif !important;
	font-size: .76rem !important;
	font-weight: 700 !important;
	line-height: 1.8 !important;
	letter-spacing: .22em !important;
}

.school-intro-title {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	color: #264a43 !important;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif !important;
	font-size: clamp(1.75rem, 3vw, 2.7rem) !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	letter-spacing: .04em !important;
}

.school-intro-body {
	color: #264a43 !important;
	font-family: "Noto Sans JP", system-ui, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 2 !important;
	letter-spacing: normal !important;
}

.about-purpose .school-intro-title span {
	width: auto !important;
	white-space: normal !important;
}

/* Graduates retain only their established page-specific colors. */
.un_graduates .school-intro-label {
	color: var(--coral) !important;
}

.un_graduates .school-intro-title,
.un_graduates .school-intro-body {
	color: var(--ink) !important;
}

@media (max-width: 767px) {
	.school-intro-title {
		font-size: 1.75rem !important;
	}

	.school-intro-body {
		font-size: .94rem !important;
	}
}