body.gh-lms-account-page #brx-content > h1:first-child,
body.gh-lms-account-page #brx-content > .entry-title:first-child,
body.gh-lms-account-page :is(#primary, main.site-main, .site-main) > :is(h1, .entry-title):first-child {
	display: none !important;
}

.gh-lms-account {
	--gh-green: var(--gh-ui-action);
	--gh-current: var(--gh-ui-surface-selected);
	--gh-soft: var(--gh-ui-surface-subtle);
	--gh-line: var(--gh-ui-border);
	box-sizing: border-box;
	width: min(1120px, calc(100% - 32px));
	max-width: 1120px;
	margin: var(--gh-ui-space-7) auto;
	padding: 0 var(--gh-ui-space-5);
	color: var(--gh-ui-text-heading);
	font-size: var(--gh-ui-type-md);
}

.gh-lms-account *,
.gh-lms-account *::before,
.gh-lms-account *::after {
	box-sizing: border-box;
}

.gh-lms-account__header {
	max-width: 680px;
	margin-bottom: var(--gh-ui-space-4-5);
}

.gh-lms-account p {
	margin: 0;
}

.gh-lms-account__preview {
	display: inline-flex;
	align-items: center;
	gap: var(--gh-ui-space-2-5);
	margin-bottom: var(--gh-ui-space-5);
	padding: var(--gh-ui-space-2) var(--gh-ui-space-4);
	border: 1px solid color-mix(in srgb, var(--gh-ui-action) 18%, transparent);
	border-radius: var(--gh-ui-radius-pill);
	background: color-mix(in srgb, var(--gh-ui-action) 6%, transparent);
	color: var(--gh-ui-text);
	font-size: var(--gh-ui-type-xs);
	font-weight: 500;
}

.gh-lms-account__preview a {
	color: var(--gh-ui-action);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gh-lms-account__grid {
	display: grid;
	gap: var(--gh-ui-space-4);
}

.gh-lms-account__course {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 220px;
	gap: var(--gh-ui-space-4-5);
	align-items: center;
	padding: var(--gh-ui-space-4-5);
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius);
	background: var(--gh-ui-surface-raised);
	transition: border-color var(--gh-ui-transition-fast);
}

.gh-lms-account__course:hover {
	border-color: color-mix(in srgb, var(--gh-green) 30%, var(--gh-line));
}

.gh-lms-account__course h3 {
	margin: 0 0 var(--gh-ui-space-2-5);
	color: var(--gh-ui-ink);
	font-size: var(--gh-ui-type-lg);
	font-weight: 600;
}

.gh-lms-account__course-title,
.gh-lms-account__untouched-title {
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}

.gh-lms-account__course-title:hover,
.gh-lms-account__untouched-title:hover {
	color: var(--gh-green);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.gh-lms-account__featured-media-link,
.gh-lms-account__course-media-link {
	display: block;
	width: fit-content;
	max-width: 100%;
	border-radius: inherit;
}

.gh-lms-account__featured-media-link:focus-visible,
.gh-lms-account__course-media-link:focus-visible,
.gh-lms-account__course-title:focus-visible,
.gh-lms-account__untouched-title:focus-visible {
	outline: 3px solid var(--gh-ui-focus);
	outline-offset: 3px;
}

.gh-lms-account__meta,
.gh-lms-account__levels {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gh-ui-space-2);
}

.gh-lms-account__meta {
	margin-top: var(--gh-ui-space-3);
}

.gh-lms-account__levels {
	margin: 0 0 var(--gh-ui-space-4-5);
}

.gh-lms-account__pill {
	display: inline-flex;
	align-items: center;
	padding: var(--gh-ui-space-1) var(--gh-ui-space-2-5);
	border-radius: var(--gh-ui-radius-pill);
	background: var(--gh-soft);
	color: var(--gh-ui-ink);
	font-size: var(--gh-ui-type-sm);
	font-weight: 500;
}

.gh-lms-account__pill--pink {
	box-shadow: inset 0 0 0 1px var(--gh-ui-current);
	background: var(--gh-current);
}

.gh-lms-account__pill--level {
	gap: var(--gh-ui-space-1-5);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gh-level-color) 45%, transparent);
}

.gh-lms-account__pill--level::before {
	content: "";
	flex: 0 0 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--gh-level-color);
}

.gh-lms-account__progress {
	display: grid;
	gap: var(--gh-ui-space-2);
}

.gh-lms-account__bar {
	height: 10px;
	overflow: hidden;
	border-radius: var(--gh-ui-radius-pill);
	background: var(--gh-ui-surface-subtle);
}

.gh-lms-account__bar span {
	display: block;
	height: 100%;
	background: var(--gh-green);
}

.gh-lms-account__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 44px;
	padding: 0 var(--gh-ui-space-4-5);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-green);
	color: var(--gh-ui-surface-raised);
	font-weight: 500;
	text-decoration: none;
}

.gh-lms-account__credential {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 44px;
	color: var(--gh-green);
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.gh-lms-account__announcements {
	margin: 0 0 var(--gh-ui-space-5);
	padding: var(--gh-ui-space-4-5);
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-soft);
}

.gh-lms-account__preferences {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--gh-ui-space-3-5);
	margin: 0 0 var(--gh-ui-space-4-5);
	padding: var(--gh-ui-space-4) var(--gh-ui-space-4);
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-ui-surface-raised);
}

.gh-lms-account__preferences label {
	display: flex;
	align-items: center;
	gap: var(--gh-ui-space-2-5);
	color: var(--gh-green);
	font-weight: 500;
}

.gh-lms-account__preferences p {
	flex-basis: 100%;
	margin: 0;
	color: var(--gh-ui-text-muted);
}

.gh-lms-account__notice {
	margin: 0 0 var(--gh-ui-space-4);
	padding: var(--gh-ui-space-3) var(--gh-ui-space-4);
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-soft);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gh-ui-action) 14%, transparent);
}

.gh-lms-account__announcements > h2 {
	margin: 0 0 var(--gh-ui-space-4);
	color: var(--gh-ui-ink);
	font-size: var(--gh-ui-type-lg);
	font-weight: 600;
}

.gh-lms-account__announcement-list {
	display: grid;
	gap: var(--gh-ui-space-2-5);
}

.gh-lms-account__announcement {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--gh-ui-space-4);
	padding: var(--gh-ui-space-4);
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-ui-surface-raised);
}

.gh-lms-account__announcement h3 {
	margin: var(--gh-ui-space-1) 0 var(--gh-ui-space-1-5);
	color: var(--gh-ui-ink);
	font-size: var(--gh-ui-type-md);
	font-weight: 500;
}

.gh-lms-account__announcement a {
	color: var(--gh-green);
	font-weight: 500;
}

.gh-lms-account__announcement time {
	color: var(--gh-ui-text-muted);
	font-size: var(--gh-ui-type-sm);
	white-space: nowrap;
}

.gh-lms-account__empty {
	padding: var(--gh-ui-space-6);
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-soft);
}

.gh-lms-account__preferences-panel,
.gh-lms-account__tools-panel,
.gh-lms-account__untouched {
	margin: 0 0 var(--gh-ui-space-4-5);
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-ui-surface-raised);
}

.gh-lms-account__preferences-panel summary,
.gh-lms-account__tools-panel > summary,
.gh-lms-account__untouched summary {
	padding: var(--gh-ui-space-3-5) var(--gh-ui-space-4);
	color: var(--gh-green);
	font-weight: 500;
	cursor: pointer;
}

.gh-lms-account__preferences-panel .gh-lms-account__preferences {
	margin: 0;
	border: 0;
	border-top: 1px solid var(--gh-line);
	border-radius: 0;
}

.gh-lms-account__tools-panel > .gh-lms-account__tools {
	margin: 0;
	padding: var(--gh-ui-space-3-5) var(--gh-ui-space-4);
	border-top: 1px solid var(--gh-line);
}

.gh-lms-account details:not([open]) > :not(summary) {
	display: none !important;
}

.gh-lms-account__untouched-list {
	display: grid;
	border-top: 1px solid var(--gh-line);
}

.gh-lms-account__untouched-list article {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gh-ui-space-4);
	padding: var(--gh-ui-space-3-5) var(--gh-ui-space-4);
	border-bottom: 1px solid var(--gh-line);
}

.gh-lms-account__untouched-list article:last-child {
	border-bottom: 0;
}

.gh-lms-account__untouched-list h3 {
	margin: 0;
	color: var(--gh-ui-ink);
	font: inherit;
	font-weight: 500;
}

.gh-lms-account__untouched-context {
	margin: var(--gh-ui-space-1) 0 0;
	color: var(--gh-ui-text-muted);
	font-size: var(--gh-ui-type-sm);
	line-height: 1.45;
}

.gh-lms-account__untouched-list a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--gh-green);
	font-weight: 500;
}

.gh-lms-account--state {
	--gh-green: var(--gh-ui-action);
	--gh-soft: var(--gh-ui-surface-subtle);
	--gh-line: var(--gh-ui-border);
	display: grid;
	width: min(680px, calc(100% - 32px));
	gap: var(--gh-ui-space-3-5);
	margin: var(--gh-ui-space-7) auto;
	padding: clamp(var(--gh-ui-space-5), 5vw, var(--gh-ui-space-6-5));
	border: 1px solid var(--gh-line);
	border-radius: var(--gh-ui-radius-lg);
	background: var(--gh-soft);
	color: var(--gh-ui-text-heading);
}

.gh-lms-account--state h2,
.gh-lms-account--state p {
	margin: 0;
}

.gh-lms-account--state h2 {
	color: var(--gh-green);
	font-size: clamp(var(--gh-ui-type-xl), 4vw, var(--gh-ui-type-display));
	font-weight: 600;
}

.gh-lms-account--state .gh-lms-account__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 44px;
	margin-top: var(--gh-ui-space-1-5);
	padding: 0 var(--gh-ui-space-4-5);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-green);
	color: var(--gh-ui-surface-raised);
	font-weight: 500;
	text-decoration: none;
}

.gh-lms-account__featured {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--gh-ui-space-6);
	align-items: center;
	margin: 0 0 var(--gh-ui-space-5);
	padding: clamp(var(--gh-ui-space-5), 5vw, var(--gh-ui-space-6-5));
	border-radius: var(--gh-ui-radius-lg);
	border: 1px solid var(--gh-ui-border);
	background: var(--gh-ui-surface-raised);
	color: var(--gh-ui-ink);
	box-shadow: var(--gh-ui-shadow-raised);
}

.gh-lms-account__featured h2 {
	max-width: 760px;
	margin: var(--gh-ui-space-2) 0 var(--gh-ui-space-2-5);
	color: var(--gh-ui-ink);
	font-size: clamp(var(--gh-ui-type-xl), 3.4vw, var(--gh-ui-type-display));
	font-weight: var(--gh-ui-weight-medium);
	line-height: 1.2;
}

.gh-lms-account__featured p {
	margin-bottom: var(--gh-ui-space-4-5);
	color: var(--gh-ui-muted, var(--gh-ui-text-muted));
}

.gh-lms-account__featured .gh-lms-account__button {
	background: var(--gh-ui-action);
	color: var(--gh-ui-text-inverse);
	border-radius: var(--gh-ui-radius-pill);
	font-weight: var(--gh-ui-weight-medium);
}

.gh-lms-account__eyebrow {
	display: inline-block;
	color: var(--gh-ui-action);
	font-size: var(--gh-ui-type-xs);
	font-weight: 600;
}

.gh-lms-account__featured-progress {
	display: grid;
	gap: var(--gh-ui-space-3);
	align-content: center;
	width: min(280px, 100%);
	padding: var(--gh-ui-space-4);
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--gh-ui-radius);
	background: color-mix(in srgb, var(--gh-ui-surface-subtle) 60%, transparent);
}

.gh-lms-account__featured-progress > div:first-child {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--gh-ui-space-3);
}

.gh-lms-account__featured-progress strong {
	font-size: var(--gh-ui-type-md);
	font-weight: 500;
	line-height: 1;
}

.gh-lms-account__featured-progress span {
	font-size: var(--gh-ui-type-xs);
	color: var(--gh-ui-muted, var(--gh-ui-text-muted));
}

.gh-lms-account__featured-progress-bar {
	overflow: hidden;
	height: 8px;
	border-radius: var(--gh-ui-radius-pill);
	background: var(--gh-line);
}

.gh-lms-account__featured-progress-bar > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--gh-green);
}

.gh-lms-account__course.is-featured-course {
	border-color: color-mix(in srgb, var(--gh-ui-action) 14%, transparent);
}

.gh-lms-account__tools {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: var(--gh-ui-space-2-5);
	margin-bottom: var(--gh-ui-space-4-5);
}

.gh-lms-account__header > div:first-child p {
	color: var(--gh-ui-text-muted);
	font-size: var(--gh-ui-type-md);
	line-height: 1.65;
}

.gh-lms-account__course-section {
	display: grid;
	gap: var(--gh-ui-space-3-5);
	margin-bottom: var(--gh-ui-space-5);
}

.gh-lms-account__section-heading {
	margin: 0;
	color: var(--gh-ui-ink);
	font-size: clamp(var(--gh-ui-type-lg), 2.5vw, var(--gh-ui-type-xl));
	font-weight: 500;
	line-height: 1.2;
}

.gh-lms-account__course .gh-lms-account__meta {
	margin-top: var(--gh-ui-space-3-5);
}

.gh-lms-account__course .gh-lms-account__progress > strong {
	color: var(--gh-ui-action);
	font-size: var(--gh-ui-type-lg);
	font-weight: 500;
}

.gh-lms-account__tools .gh-lms-account__preferences-panel {
	min-width: 210px;
	margin: 0;
}

.gh-lms-account__catalog-link {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 0 var(--gh-ui-space-4);
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-ui-surface-raised);
	color: var(--gh-ui-action);
	font-weight: 500;
	text-decoration: none;
}

.gh-lms-account__catalog-link:hover {
	border-color: var(--gh-ui-action);
	color: var(--gh-ui-action);
}

.gh-lms-account__button:focus-visible {
	outline: 3px solid var(--gh-ui-focus);
	outline-offset: 3px;
}

@media (max-width: 760px) {
	.gh-lms-account {
		margin-top: var(--gh-ui-space-6);
	}

	.gh-lms-account__course,
	.gh-lms-account__announcement {
		grid-template-columns: 1fr;
	}

	.gh-lms-account__tools {
		align-items: stretch;
		flex-direction: column;
	}

	.gh-lms-account__catalog-link {
		justify-content: center;
	}

	.gh-lms-account__featured {
		grid-template-columns: 1fr;
		gap: var(--gh-ui-space-4-5);
	}

	.gh-lms-account__featured-progress {
		width: 104px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gh-lms-account,
	.gh-lms-account *,
	.gh-lms-account *::before,
	.gh-lms-account *::after {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
}