/* Loaded only on explicitly marked editorial course reviews. */
.u4i-article--u4i_course .u4i-content :is(h2, h3)[id] {
	scroll-margin-top: 100px;
}
.admin-bar .u4i-article--u4i_course .u4i-content :is(h2, h3)[id] {
	scroll-margin-top: 132px;
}
.u4i-course-review__bottom-cta {
	margin: 28px 0 32px;
}
.u4i-course-review__pros-cons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 18px 0 32px;
}
.u4i-course-review__pros-cons-card {
	padding: 20px;
	border: 1px solid #d1e7df;
	border-radius: 18px;
	background: #f1faf7;
}
.u4i-course-review__pros-cons-card--cons {
	border-color: #efd4ad;
	background: #fff9f0;
}
.u4i-course-review__pros-cons-card h3 {
	margin: 0 0 14px;
	font-size: 17px;
	line-height: 1.3;
}
.u4i-course-review__pros-cons-card ul {
	margin: 0;
	padding-left: 22px;
}
.u4i-course-review__pros-cons-card li + li {
	margin-top: 8px;
}
.u4i-course-review__pros-cons-card > p {
	position: relative;
	margin: 0;
	padding-left: 20px;
}
.u4i-course-review__pros-cons-card > p::before {
	position: absolute;
	left: 2px;
	content: "•";
}
.u4i-course-review__pros-cons-card > p + p {
	margin-top: 10px;
}
.u4i-course-review__related {
	margin-top: 42px;
}
.u4i-course-review__related > h2 {
	margin: 8px 0 20px;
}
.u4i-course-review__related .u4i-mini-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 860px) {
	.u4i-article--u4i_course .u4i-content :is(h2, h3)[id] {
		scroll-margin-top: 20px;
	}
	.admin-bar .u4i-article--u4i_course .u4i-content :is(h2, h3)[id] {
		scroll-margin-top: 66px;
	}
	.u4i-course-review__pros-cons,
	.u4i-course-review__related .u4i-mini-grid {
		grid-template-columns: 1fr;
	}
}