.gh-lms-course-content {
	--gh-syllabus-border: var(--gh-ui-border);
	--gh-syllabus-ink: var(--gh-ui-text-heading);
	--gh-syllabus-muted: var(--gh-ui-text-muted);
	--gh-syllabus-soft: var(--gh-ui-surface-subtle);
	display: grid;
	gap: var(--gh-ui-space-4);
	color: var(--gh-syllabus-ink);
	font-size: var(--gh-ui-type-md);
}

.gh-lms-course-content__access {
	display: flex;
	gap: var(--gh-ui-space-4);
	align-items: center;
	justify-content: space-between;
	padding: var(--gh-ui-space-4) var(--gh-ui-space-4-5);
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--gh-ui-radius);
	background: var(--gh-ui-surface-subtle);
}

.gh-lms-course-content__access div,
.gh-lms-course-content__access span {
	display: grid;
	gap: var(--gh-ui-space-1);
}

.gh-lms-course-content__access span {
	color: var(--gh-syllabus-muted);
	font-size: var(--gh-ui-type-sm);
}

.gh-lms-course-content__entry {
	flex: 0 0 auto;
	padding: var(--gh-ui-space-3) var(--gh-ui-space-4);
	border: 1px solid var(--gh-action-primary);
	border-radius: var(--gh-ui-radius-pill);
	background: var(--gh-action-primary);
	color: var(--gh-action-primary-text) !important;
	font-weight: 600;
	text-decoration: none !important;
}

.gh-lms-course-content__entry:hover,
.gh-lms-course-content__entry:focus-visible {
	border-color: var(--gh-action-primary-hover);
	background: var(--gh-action-primary-hover);
}

.gh-lms-course-content__module {
	margin: 0;
	padding: 0;
}

.gh-lms-course-content__module-title {
	margin: 0 0 var(--gh-ui-space-3);
	font-size: clamp(var(--gh-ui-type-md), 2vw, var(--gh-ui-type-lg));
	line-height: 1.35;
}

.gh-lms-course-content__lessons,
.gh-lms-course-content__topics {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gh-lms-course-content__lessons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gh-ui-space-3);
}

.gh-lms-course-content__lesson {
	display: grid;
	grid-template-columns: 2.25em minmax(0, 1fr);
	gap: var(--gh-ui-space-3);
	align-items: start;
	min-width: 0;
	padding: var(--gh-ui-space-4);
	border: 1px solid var(--gh-syllabus-border);
	border-radius: var(--gh-ui-radius);
	background: var(--gh-syllabus-soft);
}

.gh-lms-course-content__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25em;
	height: 2.25em;
	padding: 0;
	border-radius: 50%;
	background: var(--gh-ui-surface-raised);
	box-shadow: inset 0 0 0 1px var(--gh-syllabus-border);
	font-family: var(--gh-ui-font-family, inherit);
	font-size: var(--gh-ui-type-md);
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	line-height: 1;
	text-align: center;
}

.gh-lms-course-content__lesson-title {
	margin: var(--gh-ui-space-1-5) 0 0;
	font-size: var(--gh-ui-type-md);
	line-height: 1.45;
}

.gh-lms-course-content__lesson-title a,
.gh-lms-course-content__topics a {
	color: inherit;
	text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
	text-underline-offset: .18em;
}

.gh-lms-course-content__topics {
	display: grid;
	gap: var(--gh-ui-space-1-5);
	margin-top: var(--gh-ui-space-2-5);
	color: var(--gh-syllabus-muted);
	font-size: var(--gh-ui-type-sm);
	line-height: 1.5;
}

.gh-lms-course-content__topics li {
	position: relative;
	padding-inline-start: var(--gh-ui-space-3-5);
}

.gh-lms-course-content__topics li::before {
	position: absolute;
	inset-inline-start: 0;
	top: .65em;
	width: .3em;
	height: .3em;
	border-radius: 50%;
	background: currentColor;
	content: "";
}

@media (max-width: 720px) {
	.gh-lms-course-content__access {
		align-items: stretch;
		flex-direction: column;
	}

	.gh-lms-course-content__entry {
		text-align: center;
	}

	.gh-lms-course-content__lessons {
		grid-template-columns: minmax(0, 1fr);
	}
}