/* Block: Course header. Figma: Syllabus 1:718-1:720 */

.section--course-header { --pt: clamp(56px, 5.83vw, 112px); }

.course-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 54.55%) minmax(0, 1fr); /* title is 744 of 1364 */
	align-items: start;
}

.course-header__number,
.course-header__next {
	margin-top: clamp(12px, 1.875vw, 36px);
	font-size: clamp(0.9375rem, 0.9375vw, 1.125rem); /* 18 */
	line-height: 1.11;
	letter-spacing: -0.027em;
}

.course-header__next { text-align: right; }
.course-header__next a:hover { text-decoration: underline; text-underline-offset: 0.2em; }

.course-header__title {
	font-size: clamp(2.5rem, 4.69vw, 5.625rem); /* 90 */
	line-height: 0.944;
	letter-spacing: -0.05em;
	text-align: center;
	text-wrap: balance; /* a centred title of unknown length: even lines matter more than fixed breaks */
}

@media (max-width: 767px) {
	.course-header { grid-template-columns: 1fr 1fr; }

	.course-header__title {
		grid-column: 1 / -1;
		grid-row: 2;
		margin-top: 24px;
		text-align: left;
	}

	.course-header__number,
	.course-header__next { margin-top: 0; }
}