.manabipress-course-lessons {
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid #e2e8f0;
}

.manabipress-course-lessons > h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 0;
	padding: 8px 0 10px 14px;
	border-bottom: 3px solid var(--mp-color-primary, #3157d5);
	border-left: 7px solid var(--mp-color-primary, #3157d5);
	color: var(--mp-color-primary, #3157d5);
}

.mp-course-lesson-count {
	color: var(--mp-color-muted, #64748b);
	font-size: .8rem;
	font-weight: 400;
}

.mp-course-lesson-list {
	position: relative;
	display: block;
	margin-left: 24px;
	padding-left: 42px;
}

.mp-course-lesson-list::before {
	position: absolute;
	top: 22px;
	bottom: 22px;
	left: 5px;
	width: 2px;
	background: var(--mp-color-border, #e2e8f0);
	content: "";
}

.mp-course-lesson-list > li {
	position: relative;
	display: block;
	padding: 16px 0;
	border: 0;
	border-bottom: 1px solid var(--mp-color-border, #e2e8f0);
	border-radius: 0;
}

.mp-course-lesson-list > li:last-child {
	border-bottom: 0;
}

.mp-course-lesson-step {
	position: absolute;
	top: 17px;
	left: -58px;
	width: 42px;
	height: 42px;
	font-size: .95rem;
}

.mp-course-lesson-step small {
	font-size: .5rem;
}

@media (max-width: 520px) {
	.mp-course-lesson-list {
		margin-left: 14px;
		padding-left: 36px;
	}

	.mp-course-lesson-step {
		left: -50px;
		width: 38px;
		height: 38px;
	}
}