/* Version 4.5.9: structured pedagogy course and programme records. */
.had-rich-content .had-pedagogy-course-profile,
.had-reader-content .had-pedagogy-course-profile,
.had-unified-record-reader .had-pedagogy-course-profile {
	display: grid;
	gap: 16px;
	margin: 8px 0 0;
	color: inherit;
}

.had-pedagogy-course-profile > * {
	margin-top: 0;
	margin-bottom: 0;
}

.had-pedagogy-course-profile .had-pedagogy-course-summary {
	font-size: clamp(0.98rem, 1.05vw, 1.08rem);
	line-height: 1.72;
	color: var(--had-text, #15334a);
}

.had-pedagogy-course-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
	margin: 2px 0 4px;
}

.had-pedagogy-course-facts > span {
	display: grid;
	gap: 5px;
	min-height: 70px;
	padding: 11px 12px;
	border: 1px solid color-mix(in srgb, var(--had-accent, #22d3ee) 35%, transparent);
	background: color-mix(in srgb, var(--had-accent, #22d3ee) 7%, transparent);
}

.had-pedagogy-course-facts small {
	font-family: var(--had-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
	font-size: 0.67rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--had-text-muted, #668099) 90%, transparent);
}

.had-pedagogy-course-facts b {
	font-size: 0.88rem;
	line-height: 1.35;
	color: var(--had-text-strong, #0c2940);
}

.had-pedagogy-course-profile h2,
.had-pedagogy-course-profile h3 {
	position: relative;
	padding-left: 16px;
	font-size: 0.92rem;
	line-height: 1.35;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--had-text-strong, #0c2940);
}

.had-pedagogy-course-profile h2::before,
.had-pedagogy-course-profile h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.18em;
	bottom: 0.18em;
	width: 3px;
	background: var(--had-accent, #22d3ee);
}

.had-pedagogy-course-profile p,
.had-pedagogy-course-profile li {
	line-height: 1.68;
}

.had-pedagogy-course-profile ul,
.had-pedagogy-course-profile ol {
	display: grid;
	gap: 7px;
	margin: 0;
	padding-left: 1.3rem;
}

.had-pedagogy-course-profile li::marker {
	color: var(--had-accent, #22d3ee);
	font-weight: 800;
}

.had-pedagogy-programme-context {
	margin-top: 18px !important;
	padding: 16px;
	border: 1px solid color-mix(in srgb, var(--had-accent, #22d3ee) 30%, transparent);
	background: color-mix(in srgb, var(--had-accent, #22d3ee) 5%, #ffffff 95%);
}

.had-theme.had-motion-full .had-pedagogy-course-facts > span {
	transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.had-theme.had-motion-full .had-pedagogy-course-facts > span:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--had-accent, #22d3ee) 62%, transparent);
	background: color-mix(in srgb, var(--had-accent, #22d3ee) 11%, transparent);
}

@media (max-width: 760px) {
	.had-pedagogy-course-facts {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 480px) {
	.had-pedagogy-course-facts {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.had-pedagogy-course-facts > span {
		transition: none !important;
	}
}
