/*
 * Greenhouse LMS experience system.
 * This final layer consolidates learner and instructor surfaces around one
 * restrained hierarchy. Component styles remain in their original files.
 */

:where(
	body.gh-lms-frame,
	.woocommerce-account,
	.gh-lms-native-shell,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-manager,
	.gh-lms-studio
) {
	--gh-exp-ink: var(--gh-ui-text);
	--gh-exp-muted: var(--gh-ui-text-muted);
	--gh-exp-surface: var(--gh-ui-surface-raised);
	--gh-exp-canvas: var(--gh-ui-canvas);
	--gh-exp-tint: var(--gh-ui-tint);
	--gh-exp-current: var(--gh-ui-surface-selected);
	--gh-exp-current-marker: var(--gh-ui-current);
	--gh-exp-action: var(--gh-ui-action);
	--gh-exp-action-hover: var(--gh-ui-action-hover);
	--gh-exp-progress: var(--gh-ui-current);
	--gh-exp-progress-soft: var(--gh-ui-warning-surface);
	--gh-exp-complete: var(--gh-ui-success);
	--gh-exp-line: var(--gh-ui-divider);
	--gh-exp-line-strong: var(--gh-ui-border);
	--gh-exp-radius: var(--gh-ui-radius);
	--gh-exp-radius-small: var(--gh-ui-radius-sm);
	--gh-exp-page: var(--gh-ui-content-wide);
	--gh-exp-reading: var(--gh-ui-content-readable);
	--gh-exp-shadow: var(--gh-ui-shadow-raised);
	--gh-exp-shadow-subtle: var(--gh-ui-shadow-subtle);
	--gh-exp-shadow-ambient: var(--gh-ui-shadow-ambient);
	--gh-exp-shadow-float: var(--gh-ui-shadow-float);
	--gh-exp-transition-fast: var(--gh-ui-transition-fast);
	--gh-exp-transition-smooth: var(--gh-ui-transition-smooth);
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog, .gh-lms-manager, .gh-lms-studio) {
	color: var(--gh-exp-ink);
	font-weight: 400;
	line-height: 1.55;
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog, .gh-lms-manager, .gh-lms-studio) :where(h1, h2, h3, h4, strong) {
	color: inherit;
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog, .gh-lms-manager, .gh-lms-studio) :where(h1, h2, h3, h4) {
	font-weight: 600;
	line-height: 1.22;
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog, .gh-lms-manager, .gh-lms-studio) :where(p, small, time) {
	color: var(--gh-exp-muted);
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog, .gh-lms-manager, .gh-lms-studio) :where(.button, button, [class*="__button"], [class*="__action"]) {
	font-weight: 500;
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog) :where(progress, [class*="__bar"], [class*="__track"]) {
	accent-color: var(--gh-exp-progress);
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog) progress::-webkit-progress-value {
	background: var(--gh-exp-progress);
}

:where(.gh-lms-account, .gh-lms-customer-account, .gh-lms-catalog) progress::-moz-progress-bar {
	background: var(--gh-exp-progress);
}

/* Learner account */

.gh-lms-account-page #brx-content > h1:first-child,
.gh-lms-account-page #brx-content > .entry-title:first-child,
.gh-lms-catalog-page #brx-content > h1:first-child,
.gh-lms-catalog-page #brx-content > .entry-title:first-child,
.gh-lms-frame-root > .entry-title {
	width: min(var(--gh-exp-page), calc(100% - 40px));
	max-width: var(--gh-exp-page);
	margin-inline: auto;
	box-sizing: border-box;
}

.gh-lms-account {
	width: min(var(--gh-exp-page), calc(100% - 40px));
	max-width: var(--gh-exp-page);
	margin: clamp(var(--gh-ui-space-6), 6vw, var(--gh-ui-space-9)) auto;
	padding: 0;
	color: var(--gh-exp-ink);
	box-sizing: border-box;
}

.gh-lms-account.gh-lms-account--state,
.gh-lms-account--state {
	width: min(680px, calc(100% - 40px)) !important;
	max-width: 680px !important;
	margin-inline: auto !important;
	padding: clamp(var(--gh-ui-space-5), 4vw, var(--gh-ui-space-7)) !important;
	box-sizing: border-box;
}

.gh-lms-account__header {
	max-width: 720px;
	margin: 0 0 var(--gh-ui-space-6);
}

.gh-lms-account__header p {
	font-size: clamp(var(--gh-ui-type-md), 1.4vw, var(--gh-ui-type-lg));
	line-height: 1.65;
}

.gh-lms-account__preview,
.gh-lms-account__notice {
	display: inline-flex;
	align-items: center;
	gap: var(--gh-ui-space-2-5);
	margin-bottom: var(--gh-ui-space-4);
	padding: var(--gh-ui-space-2) var(--gh-ui-space-3-5);
	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-exp-ink, 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__levels {
	margin-bottom: var(--gh-ui-space-5);
}

.gh-lms-account__pill {
	padding: var(--gh-ui-space-1) var(--gh-ui-space-2);
	background: var(--gh-exp-canvas);
	color: var(--gh-exp-muted);
	font-size: var(--gh-ui-type-xs);
	font-weight: 400;
}

.gh-lms-account__featured {
	display: grid;
	grid-template-columns: minmax(240px, .78fr) minmax(0, 1.15fr);
	grid-template-areas: "media copy" "media progress";
	gap: 0 clamp(var(--gh-ui-space-5-5), 4vw, var(--gh-ui-space-7-5));
	align-items: center;
	margin: 0 0 var(--gh-ui-space-7-5);
	padding: clamp(var(--gh-ui-space-5), 4vw, var(--gh-ui-space-7));
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--gh-ui-radius-lg);
	background: var(--gh-ui-surface-raised);
	box-shadow: var(--gh-ui-shadow-raised);
}

.gh-lms-account__featured-media {
	grid-area: media;
	align-self: center;
	min-height: 0;
	margin: 0;
	overflow: hidden;
	background: transparent;
	aspect-ratio: 16 / 11;
}

.gh-lms-account__featured-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gh-lms-account__featured-copy {
	grid-area: copy;
	align-self: end;
}

.gh-lms-account__featured-copy h2 {
	max-width: 18ch;
	margin: var(--gh-ui-space-2) 0 var(--gh-ui-space-3);
	font-size: clamp(var(--gh-ui-type-xl), 3vw, var(--gh-ui-type-display));
}

.gh-lms-account__eyebrow {
	color: var(--gh-exp-muted);
	font-size: var(--gh-ui-type-xs);
	font-weight: 500;
}

.gh-lms-account__featured-progress {
	grid-area: progress;
	align-self: start;
	margin-top: var(--gh-ui-space-4-5);
	padding: 0;
	border: 0;
	background: transparent;
}

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

.gh-lms-account__featured-progress strong {
	font-size: var(--gh-ui-type-lg);
	font-weight: 600;
}

.gh-lms-account__featured-progress-bar,
.gh-lms-account__bar {
	height: 6px;
	margin-top: var(--gh-ui-space-2);
	overflow: hidden;
	border-radius: var(--gh-ui-radius-pill);
	background: var(--gh-exp-progress-soft);
}

.gh-lms-account__featured-progress-bar span,
.gh-lms-account__bar span {
	display: block;
	height: 100%;
	background: var(--gh-exp-progress);
}

.gh-lms-account__section-heading {
	margin: 0 0 var(--gh-ui-space-4-5);
	font-size: clamp(var(--gh-ui-type-xl), 2.4vw, var(--gh-ui-type-display));
}

.gh-lms-account__grid {
	display: grid;
	gap: 0;
}

.gh-lms-account__course {
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr) minmax(180px, 230px);
	gap: var(--gh-ui-space-5);
	align-items: center;
	padding: var(--gh-ui-space-4-5) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
}

.gh-lms-account__course-media {
	display: block;
	width: 148px;
	aspect-ratio: 16 / 10;
	object-fit: contain;
	background: var(--gh-exp-canvas);
}

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

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

.gh-lms-account__progress {
	gap: var(--gh-ui-space-1-5);
}

.gh-lms-account__progress > strong {
	font-weight: 500;
}

.gh-lms-account__button {
	min-height: 42px;
	padding: 0 var(--gh-ui-space-4);
	border-radius: var(--gh-exp-radius-small);
	font-weight: 500;
}

.gh-lms-account__tools-panel {
	margin: calc(-1 * var(--gh-ui-space-5-5)) 0 var(--gh-ui-space-6-5);
	border: 0;
}

.gh-lms-account__tools-panel > summary {
	display: inline-flex;
	padding: 0;
	background: transparent;
	color: var(--gh-exp-muted);
	font-weight: 400;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.gh-lms-account__tools {
	margin-top: var(--gh-ui-space-4);
	padding: var(--gh-ui-space-4);
	border: 0;
	background: var(--gh-exp-canvas);
}

.gh-lms-account__announcements {
	margin: 0 0 var(--gh-ui-space-6-5);
	padding: 0;
	border: 0;
	background: transparent;
}

.gh-lms-account__announcement {
	padding: var(--gh-ui-space-4) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
}

/* WooCommerce account learning section */

.gh-lms-customer-account {
	width: min(100%, 1020px);
	margin-inline: auto;
	color: var(--gh-exp-ink);
}

.gh-lms-customer-account__intro {
	max-width: 720px;
	margin-bottom: var(--gh-ui-space-6);
}

.gh-lms-customer-account__continue {
	display: grid;
	grid-template-columns: minmax(190px, .75fr) minmax(0, 1.35fr);
	grid-template-areas: "media copy" "media progress";
	gap: var(--gh-ui-space-4) clamp(var(--gh-ui-space-5-5), 4vw, var(--gh-ui-space-7));
	align-items: center;
	margin: 0 0 var(--gh-ui-space-7-5);
	padding: clamp(var(--gh-ui-space-5-5), 5vw, var(--gh-ui-space-7-5)) 0;
	border: 0;
	border-block: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-customer-account__continue-media {
	grid-area: media;
	align-self: center;
	min-height: 0;
	margin: 0;
	background: transparent;
	aspect-ratio: 16 / 11;
}

.gh-lms-customer-account__continue-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gh-lms-customer-account__continue-media-link {
	display: block;
	width: 100%;
	height: 100%;
}

.gh-lms-customer-account__continue-copy {
	grid-area: copy;
}

.gh-lms-customer-account__continue-copy h2 {
	margin: var(--gh-ui-space-1-5) 0 var(--gh-ui-space-3);
	font-size: clamp(var(--gh-ui-type-xl), 2.6vw, var(--gh-ui-type-display));
}

.gh-lms-customer-account__label {
	font-size: var(--gh-ui-type-xs);
	font-weight: 500;
}

.gh-lms-customer-account__featured-progress {
	grid-area: progress;
	margin-top: var(--gh-ui-space-4-5);
}

.gh-lms-customer-account__courses {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
}

.gh-lms-customer-account__course {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
	grid-template-rows: auto;
	gap: var(--gh-ui-space-4-5);
	align-items: center;
	min-height: 0;
	padding: var(--gh-ui-space-4-5) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-customer-account__course-media {
	width: 144px;
	aspect-ratio: 16 / 10;
	object-fit: contain;
	background: var(--gh-exp-canvas);
}

.gh-lms-customer-account__course-copy {
	min-width: 0;
}

.gh-lms-customer-account .gh-lms-customer-account__course-action a {
	color: var(--gh-exp-action);
	font-weight: 400;
}

.gh-lms-customer-account__product-grid {
	gap: var(--gh-ui-space-micro);
	background: var(--gh-exp-line);
}

.gh-lms-customer-account__product {
	border: 0;
	border-radius: 0;
	background: var(--gh-exp-surface);
	box-shadow: none;
}

/* Course catalog */

.gh-lms-catalog {
	width: min(var(--gh-exp-page), calc(100% - 40px));
	max-width: var(--gh-exp-page);
	margin: clamp(var(--gh-ui-space-6), 5vw, var(--gh-ui-space-9)) auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--gh-exp-ink);
}

.gh-lms-catalog__hero {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--gh-ui-space-5-5);
	margin-bottom: var(--gh-ui-space-5-5);
	padding: 0;
	border: 0;
	background: transparent;
}

.gh-lms-customer-account__course.has-media {
	grid-template-columns: 144px minmax(0, 1fr) minmax(160px, 220px);
}

.gh-lms-catalog__hero h2 {
	margin: 0 0 var(--gh-ui-space-2);
	font-size: clamp(var(--gh-ui-type-xl), 4vw, var(--gh-ui-type-hero));
}

.gh-lms-catalog__hero p {
	max-width: 680px;
	margin: 0;
	font-size: var(--gh-ui-type-md);
}

.gh-lms-catalog__count {
	padding: 0;
	background: transparent;
	color: var(--gh-exp-muted);
	font-size: var(--gh-ui-type-sm);
	font-weight: 400;
}

.gh-lms-catalog__search {
	margin: 0 0 var(--gh-ui-space-3-5);
	padding: var(--gh-ui-space-4);
	border: 0;
	border-radius: var(--gh-exp-radius-small);
	background: var(--gh-exp-canvas);
}

.gh-lms-catalog__search-row {
	display: flex;
	align-items: end;
	gap: var(--gh-ui-space-3);
}

.gh-lms-catalog__search-row label {
	flex: 1 1 260px;
}

.gh-lms-catalog__search-row label + label {
	flex: 0 1 260px;
}

.gh-lms-catalog__search-row button {
	flex: 0 0 auto;
	width: auto;
	min-width: 120px;
}

.gh-lms-catalog__filters {
	gap: var(--gh-ui-space-1);
	margin: 0 0 var(--gh-ui-space-6);
	padding: 0 0 var(--gh-ui-space-3);
	border-bottom: 1px solid var(--gh-exp-line);
}

.gh-lms-catalog__filters a {
	padding: var(--gh-ui-space-1-5) var(--gh-ui-space-3);
	border: 0;
	border-radius: var(--gh-exp-radius-small);
	background: transparent;
	color: var(--gh-exp-muted);
	font-weight: 400;
}

.gh-lms-catalog__filters a[aria-current="page"] {
	border: 0 !important;
	background: var(--gh-exp-current) !important;
	box-shadow: inset 0 -2px 0 var(--gh-exp-current-marker);
	color: var(--gh-exp-ink) !important;
}

.gh-lms-catalog__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(var(--gh-ui-space-5), 3vw, var(--gh-ui-space-6-5)) var(--gh-ui-space-5);
	align-items: start;
}

.gh-lms-catalog__card {
	height: auto;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-catalog__visual {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: var(--gh-exp-radius-small);
	background: var(--gh-exp-canvas);
}

.gh-lms-catalog__visual img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gh-lms-catalog__body {
	padding: var(--gh-ui-space-4) var(--gh-ui-space-micro) 0;
}

.gh-lms-catalog__body h3 {
	margin: var(--gh-ui-space-1-5) 0 var(--gh-ui-space-2-5);
	font-size: var(--gh-ui-type-lg);
}

.gh-lms-catalog__state,
.gh-lms-catalog__ribbon,
.gh-lms-catalog__categories li {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--gh-exp-muted);
	font-size: var(--gh-ui-type-xs);
	font-weight: 500;
}

.gh-lms-catalog__ribbon {
	inset: 12px auto auto 12px;
	padding: var(--gh-ui-space-1) var(--gh-ui-space-2);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-exp-current);
	color: var(--gh-exp-ink);
}

.gh-lms-catalog__track {
	height: 6px;
	background: var(--gh-exp-progress-soft);
}

.gh-lms-catalog__track > span {
	background: var(--gh-exp-progress);
}

.gh-lms-catalog__body footer {
	padding-top: var(--gh-ui-space-3-5);
	border-top: 1px solid var(--gh-exp-line);
}

/* Native course and lesson frame */

.gh-lms-native-shell {
	--accent: var(--gh-exp-action);
	--accent-hover: var(--gh-exp-action-hover);
	--progress-fill: var(--gh-exp-progress);
	--active-highlight: var(--gh-exp-current);
	--current-surface: var(--gh-exp-current);
	--current-marker: var(--gh-exp-current-marker);
	--border: var(--gh-exp-line);
	--text-primary: var(--gh-ui-text);
	--text-secondary: var(--gh-exp-muted);
	--bg-sidebar: var(--gh-exp-canvas);
	color: var(--gh-ui-text);
	font-family: var(--gh-ui-font-family, inherit);
}

body.gh-lms-frame .gh-lms-native-shell :where(h1, h2, h3, h4, h5, h6) {
	color: var(--gh-ui-text-heading);
	font-family: var(--gh-ui-heading-font-family, inherit);
}

body.gh-lms-frame .gh-lms-native-shell .post-header > h1 {
	font-size: var(--gh-ui-type-display);
	font-weight: var(--gh-ui-weight-heading);
	line-height: var(--gh-ui-leading-tight);
}

body.gh-lms-frame .gh-lms-native-shell .editor-content > h2 {
	font-size: var(--gh-ui-type-xl);
}

body.gh-lms-frame .gh-lms-native-shell .editor-content > h3 {
	font-size: var(--gh-ui-type-lg);
}

body.gh-lms-frame .gh-lms-native-shell .editor-content > h4 {
	font-size: var(--gh-ui-type-md);
}

body.gh-lms-frame .gh-lms-native-shell .editor-content > :where(h2, h3, h4) {
	font-weight: var(--gh-ui-weight-medium);
	line-height: var(--gh-ui-leading-tight);
}

body.gh-lms-frame .gh-lms-native-shell .sidebar-navigation .module-title {
	color: var(--text-muted);
	font-size: var(--gh-ui-type-xs);
	font-weight: var(--gh-ui-weight-medium);
	line-height: var(--gh-ui-leading-tight);
}

body.gh-lms-frame .gh-lms-native-shell .course-module-section__header .course-module-title {
	color: var(--gh-ui-text-heading);
	font-size: clamp(var(--gh-ui-type-lg), 2vw, var(--gh-ui-type-xl));
	font-weight: var(--gh-ui-weight-medium);
	line-height: var(--gh-ui-leading-tight);
}

body.gh-lms-frame .gh-lms-native-shell .lesson-topics-title,
body.gh-lms-frame .gh-lms-native-shell .course-announcement h3,
body.gh-lms-frame .gh-lms-native-shell .resources-title {
	font-family: var(--gh-ui-heading-font-family, inherit);
	font-size: var(--gh-ui-type-md);
	line-height: var(--gh-ui-leading-tight);
}

body.gh-lms-frame .gh-lms-native-shell .course-completion-card h2,
body.gh-lms-frame .gh-lms-native-shell .card-title {
	font-family: var(--gh-ui-heading-font-family, inherit);
	font-size: var(--gh-ui-type-lg);
	line-height: var(--gh-ui-leading-tight);
}

body.gh-lms-frame .gh-lms-native-shell .lesson-row-details .lesson-row-heading {
	color: inherit;
	font: inherit;
}

body.gh-lms-frame .lms-navbar {
	border-bottom-color: var(--gh-exp-line);
	background: color-mix(in srgb, var(--gh-exp-surface) 94%, transparent);
	box-shadow: none;
}

body.gh-lms-frame .gh-lms-account-link {
	padding: var(--gh-ui-space-1) var(--gh-ui-space-1-5) var(--gh-ui-space-1) var(--gh-ui-space-1);
	border-color: transparent;
	background: transparent;
	color: var(--gh-exp-ink);
}

body.gh-lms-frame .gh-lms-account-link:hover {
	border-color: transparent;
	background: var(--gh-exp-current);
	color: var(--gh-exp-ink);
}

body.gh-lms-frame .gh-lms-account-link .avatar-placeholder {
	border: 1px solid color-mix(in srgb, var(--gh-exp-current-marker) 72%, var(--gh-exp-ink));
	background: var(--gh-exp-current-marker);
	color: var(--gh-exp-ink);
}

body.gh-lms-frame .content-container {
	width: min(100% - 48px, 1120px);
	padding-block: clamp(var(--gh-ui-space-6), 5vw, var(--gh-ui-space-9));
}

body.gh-lms-frame main.is-course-page .content-container {
	width: min(100% - 32px, 1320px);
	max-width: 1320px;
	padding-inline: clamp(var(--gh-ui-space-5), 4vw, var(--gh-ui-space-7-5));
}

body.gh-lms-frame .lms-content-card {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.gh-lms-frame .course-hero {
	position: relative;
	display: grid;
	grid-template-areas: "media content";
	grid-template-columns: minmax(540px, 1.3fr) minmax(410px, .9fr);
	gap: clamp(var(--gh-ui-space-6), 4vw, var(--gh-ui-space-8));
	align-items: center;
	isolation: isolate;
	margin: clamp(var(--gh-ui-space-4), 3vw, var(--gh-ui-space-6-5)) 0 clamp(var(--gh-ui-space-9), 9vw, var(--gh-ui-space-9));
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.gh-lms-frame .course-hero.course-hero--without-media {
	display: block;
	max-width: min(800px, 100%);
	margin-inline: auto;
	text-align: center;
}

body.gh-lms-frame .course-hero.course-hero--without-media .hero-content {
	text-align: center;
	margin-inline: auto;
	max-width: 100%;
}

body.gh-lms-frame .course-hero.course-hero--without-media .hero-title {
	max-width: 100%;
	text-align: center;
	margin-inline: auto;
}

body.gh-lms-frame .course-hero.course-hero--without-media .hero-desc {
	max-width: 60ch;
	margin-inline: auto;
	text-align: center;
}

body.gh-lms-frame .course-hero.course-hero--without-media .hero-actions {
	justify-content: center;
}

body.gh-lms-frame .hero-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--gh-ui-space-2);
	flex-wrap: wrap;
	text-align: center;
}

body.gh-lms-frame .hero-btn-lead {
	display: inline-flex;
	align-items: center;
	gap: var(--gh-ui-space-2);
	flex: 0 0 auto;
	white-space: nowrap;
}

body.gh-lms-frame .hero-btn-action {
	white-space: nowrap;
}

body.gh-lms-frame .hero-btn-target {
	display: inline;
}

body.gh-lms-frame .course-hero.course-hero--without-media .course-hero-progress {
	margin-inline: auto;
	justify-content: center;
}

body.gh-lms-frame .course-hero__media {
	position: relative;
	order: -1;
	min-height: 0;
	margin: 0;
	overflow: visible;
	border-radius: 0;
	background: transparent;
	transform: translateY(clamp(-34px, -2.6vw, -18px));
}

body.gh-lms-frame .course-hero__media::before {
	position: absolute;
	inset: 18% 22% -8% -4%;
	z-index: -1;
	border-radius: clamp(var(--gh-ui-radius-lg), 3vw, var(--gh-ui-radius-lg)) var(--gh-ui-radius-sm) clamp(var(--gh-ui-radius-lg), 3vw, var(--gh-ui-radius-lg)) var(--gh-ui-radius-sm);
	background: var(--gh-exp-tint);
	content: "";
}

body.gh-lms-frame .course-hero__image {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 22px 30px color-mix(in srgb, var(--gh-exp-ink) 12%, transparent));
}

body.gh-lms-frame .course-hero .hero-content {
	position: relative;
	z-index: 1;
	margin-left: 0;
	padding: clamp(var(--gh-ui-space-4-5), 2.5vw, var(--gh-ui-space-6)) 0;
	background: transparent;
	box-shadow: none;
}

body.gh-lms-frame .hero-content .hero-title {
	font-size: clamp(var(--gh-ui-type-display), 4.25vw, var(--gh-ui-type-hero));
	font-weight: 500;
	line-height: 1.06;
	text-wrap: balance;
}

body.gh-lms-frame .course-hero--with-media .hero-content .hero-title {
	max-width: 18ch;
}

body.gh-lms-frame .course-hero--without-media .hero-content .hero-title {
	max-width: 100%;
}

body.gh-lms-frame .course-hero-progress__bar {
	height: 7px;
	background: var(--gh-exp-progress-soft);
}

body.gh-lms-frame .course-hero-progress__bar::-webkit-progress-value {
	background: var(--gh-exp-progress);
}

body.gh-lms-frame .course-hero-progress__bar::-moz-progress-bar {
	background: var(--gh-exp-progress);
}

body.gh-lms-frame .course-overview {
	max-width: var(--gh-exp-reading);
	margin: 0 auto clamp(var(--gh-ui-space-7-5), 8vw, var(--gh-ui-space-9));
	padding: 0;
	border: 0;
	background: transparent;
}

body.gh-lms-frame .course-overview__title {
	font-size: clamp(var(--gh-ui-type-xl), 3vw, var(--gh-ui-type-display));
}

body.gh-lms-frame .course-overview__body {
	font-size: var(--gh-ui-type-md);
	line-height: 1.8;
}

body.gh-lms-frame .course-syllabus-card {
	max-width: 960px;
	margin-inline: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.gh-lms-frame .course-syllabus-card__header {
	margin-bottom: var(--gh-ui-space-5-5);
	padding-bottom: var(--gh-ui-space-4);
	border-bottom: 1px solid var(--gh-exp-line);
}

body.gh-lms-frame .course-syllabus-card__header .card-title {
	font-size: clamp(var(--gh-ui-type-xl), 3vw, var(--gh-ui-type-display));
}

body.gh-lms-frame .course-module-section {
	margin: 0 0 var(--gh-ui-space-5);
	padding: var(--gh-ui-space-5-5) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line-strong);
	border-radius: 0;
	background: transparent;
}

body.gh-lms-frame .course-module-section__header {
	margin-bottom: var(--gh-ui-space-3);
}

body.gh-lms-frame .course-module-section__index {
	color: var(--gh-exp-ink);
}

body.gh-lms-frame .course-lesson-entity__index {
	color: var(--gh-exp-muted);
}

body.gh-lms-frame .course-lesson-entity {
	margin: 0;
	padding: var(--gh-ui-space-4) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
}

body.gh-lms-frame .sidebar-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--gh-ui-space-2-5);
	align-items: center;
	padding: var(--gh-ui-space-4);
	border-bottom: 1px solid var(--gh-exp-line);
	background: var(--gh-exp-surface);
}

body.gh-lms-frame .sidebar-header .course-progress {
	min-width: 0;
}

body.gh-lms-frame .sidebar-header .menu-toggle,
body.gh-lms-frame .sidebar-header .main-lesson-toggle {
	grid-column: 2;
	grid-row: 1;
	width: 40px;
	height: 40px;
	margin: 0;
}

body.gh-lms-frame .sidebar-navigation {
	padding: var(--gh-ui-space-3) var(--gh-ui-space-3-5) var(--gh-ui-space-5-5);
	background: var(--gh-exp-canvas);
}

body.gh-lms-frame .sidebar-navigation :where(.lesson-link, .topic-link) {
	min-height: 44px;
	padding: var(--gh-ui-space-2-5) var(--gh-ui-space-3);
	border: 0;
	border-radius: var(--gh-exp-radius-small);
	background: transparent;
	color: var(--gh-exp-ink);
	font-weight: 400;
}

body.gh-lms-frame .sidebar-navigation :where(.lesson-link, .topic-link).is-current,
body.gh-lms-frame .sidebar-navigation :where(.lesson-link, .topic-link)[aria-current="page"] {
	background: var(--gh-exp-current);
	box-shadow: inset 0 -2px 0 var(--gh-exp-current-marker);
	color: var(--gh-exp-ink);
	font-weight: 500;
}

body.gh-lms-frame .sidebar-navigation .is-completed :where(.lesson-link, .topic-link),
body.gh-lms-frame .sidebar-navigation :where(.lesson-link, .topic-link).is-completed {
	color: var(--gh-exp-ink);
}

body.gh-lms-frame .editor-content {
	font-size: var(--gh-ui-type-md);
	font-weight: 400;
	line-height: 1.78;
}

body.gh-lms-frame .editor-content :where(p, li) {
	font-weight: 400;
}

body.gh-lms-frame .editor-content :where(.wp-block-embed-vimeo, figure.wp-block-embed.is-provider-vimeo, .wp-block-embed__wrapper) {
	width: 100%;
	max-width: none;
}

body.gh-lms-frame .editor-content :where(.wp-block-embed-vimeo iframe, figure.wp-block-embed.is-provider-vimeo iframe) {
	display: block;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

body.gh-lms-frame .lesson-actions {
	gap: var(--gh-ui-space-3-5);
	padding-top: var(--gh-ui-space-5);
	border-top-color: var(--gh-exp-line);
}

/* Instructor dashboard */

.gh-lms-manager {
	width: min(var(--gh-exp-page), calc(100% - 32px));
	max-width: var(--gh-exp-page);
	margin-inline: auto;
	color: var(--gh-exp-ink);
	font-size: var(--gh-ui-type-sm);
}

.gh-lms-manager__home-heading,
.gh-lms-manager__course-heading {
	margin: var(--gh-ui-space-5-5) 0 var(--gh-ui-space-6);
	padding-bottom: var(--gh-ui-space-4-5);
	border-bottom: 1px solid var(--gh-exp-line);
}

.gh-lms-manager__home-heading h1,
.gh-lms-manager__course-heading h1 {
	margin: 0 0 var(--gh-ui-space-2);
	font-size: clamp(var(--gh-ui-type-xl), 3vw, var(--gh-ui-type-display));
}

.gh-lms-manager__pulse {
	margin: 0 0 var(--gh-ui-space-7);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-manager__pulse-heading {
	margin-bottom: var(--gh-ui-space-4-5);
}

.gh-lms-manager__pulse-body {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(190px, .5fr);
	gap: var(--gh-ui-space-6);
	align-items: end;
	margin-top: 0;
}

.gh-lms-manager__distribution-figure {
	padding: var(--gh-ui-space-5);
	border: 0;
	border-radius: var(--gh-exp-radius);
	background: var(--gh-exp-progress-soft);
}

.gh-lms-manager__average strong {
	color: var(--gh-exp-progress);
}

.gh-lms-manager__distribution {
	height: 8px;
	background: var(--gh-exp-canvas);
}

.gh-lms-manager__distribution .is-not-started {
	background: var(--gh-exp-line-strong);
}

.gh-lms-manager__distribution .is-progress,
.gh-lms-manager__source-bar i {
	background: var(--gh-exp-progress);
}

.gh-lms-manager__distribution .is-completed {
	background: var(--gh-exp-complete);
}

.gh-lms-manager__distribution-legend span::before {
	background: var(--gh-exp-progress);
}

.gh-lms-manager__distribution-legend .is-not-started::before {
	background: var(--gh-exp-line-strong);
}

.gh-lms-manager__distribution-legend .is-completed::before {
	background: var(--gh-exp-complete);
}

.gh-lms-manager__grid {
	gap: 0;
}

.gh-lms-manager__card {
	min-height: 0;
	padding: var(--gh-ui-space-4) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
}

.gh-lms-manager__card strong {
	font-size: var(--gh-ui-type-display);
	font-weight: 500;
}

.gh-lms-manager__panel,
.gh-lms-manager__item {
	margin-bottom: var(--gh-ui-space-5-5);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-manager__panel-heading {
	margin-bottom: var(--gh-ui-space-5);
	padding-bottom: var(--gh-ui-space-4);
	border-bottom: 1px solid var(--gh-exp-line);
}

.gh-lms-manager__portfolio-view label {
	font-weight: 400;
}

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

.gh-lms-manager__portfolio-card {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	grid-template-areas: none;
	column-gap: var(--gh-ui-space-4-5);
	align-content: start;
	min-height: 0;
	padding: 0 0 var(--gh-ui-space-5);
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-manager__portfolio-media {
	grid-area: auto;
	grid-column: 1;
	grid-row: 1 / span 6;
	margin: 0;
	color: inherit;
	text-decoration: none;
}

.gh-lms-manager__portfolio-media img {
	display: block;
	width: 132px;
	aspect-ratio: 16 / 10;
	object-fit: contain;
	border-radius: var(--gh-exp-radius-small);
	background: var(--gh-exp-canvas);
}

.gh-lms-manager__portfolio-card > :not(.gh-lms-manager__portfolio-media) {
	grid-area: auto;
	grid-column: 2;
}

.gh-lms-manager__portfolio-card:not(.has-media) {
	grid-template-columns: 1fr;
}

.gh-lms-manager__portfolio-card:not(.has-media) > :not(.gh-lms-manager__portfolio-media) {
	grid-column: 1;
}

.gh-lms-manager__portfolio-card h3 {
	margin: 0 0 var(--gh-ui-space-1-5);
	font-size: var(--gh-ui-type-lg);
}

.gh-lms-manager__portfolio-meta,
.gh-lms-manager__distribution-labels {
	color: var(--gh-exp-muted);
	font-weight: 400;
}

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

.gh-lms-manager__portfolio-actions a {
	padding: 0;
	border: 0;
	background: transparent;
	font-weight: 400;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.gh-lms-manager__item-header {
	padding: var(--gh-ui-space-4) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	background: transparent;
}

.gh-lms-manager__item-body {
	padding: var(--gh-ui-space-5-5) 0;
}

.gh-lms-manager__section-grid,
.gh-lms-manager__insights-grid {
	gap: var(--gh-ui-space-5-5);
}

.gh-lms-manager__section,
.gh-lms-manager__insight,
.gh-lms-manager__course-distribution {
	padding: var(--gh-ui-space-4-5);
	border: 0;
	border-radius: var(--gh-exp-radius);
	background: var(--gh-exp-canvas);
	box-shadow: none;
}

.gh-lms-manager__eyebrow {
	color: var(--gh-exp-muted);
	font-weight: 500;
}

/* Course Studio */

.gh-lms-studio {
	width: min(var(--gh-exp-page), calc(100% - 32px));
	max-width: var(--gh-exp-page);
	margin-inline: auto;
	color: var(--gh-exp-ink);
}

.gh-lms-studio__header {
	align-items: center;
	margin: var(--gh-ui-space-5-5) 0 var(--gh-ui-space-4-5);
	padding-bottom: var(--gh-ui-space-4-5);
	border-bottom: 1px solid var(--gh-exp-line);
}

.gh-lms-studio__header h1 {
	color: var(--gh-exp-ink);
	font-size: clamp(var(--gh-ui-type-xl), 3vw, var(--gh-ui-type-display));
}

.gh-lms-studio label {
	color: var(--gh-exp-ink);
	font-weight: 500;
}

.gh-lms-studio__course-title {
	padding: var(--gh-ui-space-4) 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
}

.gh-lms-studio__course-title strong {
	color: var(--gh-exp-ink);
	font-weight: 600;
}

.gh-lms-studio__tabs {
	gap: var(--gh-ui-space-1);
	margin-bottom: var(--gh-ui-space-6);
	padding: var(--gh-ui-space-2) 0 0;
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	background: transparent;
}

.gh-lms-studio__tabs a,
.gh-lms-studio__more-tabs > summary {
	padding: var(--gh-ui-space-2-5) var(--gh-ui-space-3-5);
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	color: var(--gh-exp-muted);
	font-weight: 500;
}

.gh-lms-studio__tabs a.is-active,
.gh-lms-studio__more-tabs > summary.is-active {
	border-color: var(--gh-exp-current-marker) !important;
	background: transparent !important;
	color: var(--gh-exp-ink) !important;
}

.gh-lms-studio__overview {
	margin-bottom: var(--gh-ui-space-6-5);
	padding: var(--gh-ui-space-5-5);
	border: 0;
	border-radius: var(--gh-exp-radius);
	background: var(--gh-exp-tint);
	box-shadow: none;
}

.gh-lms-studio__overview-stats a {
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--gh-exp-ink) 18%, transparent);
	border-radius: 0;
	background: transparent;
}

.gh-lms-studio__details-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
	gap: clamp(var(--gh-ui-space-6), 4vw, var(--gh-ui-space-7-5));
	align-items: start;
}

.gh-lms-studio__panel,
.gh-lms-studio__details-grid > .gh-lms-studio__panel,
.gh-lms-studio__details-grid > aside > .gh-lms-studio__panel {
	margin-bottom: var(--gh-ui-space-6);
	padding: 0 0 var(--gh-ui-space-5-5);
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-studio__panel-heading {
	margin-bottom: var(--gh-ui-space-4-5);
}

.gh-lms-studio__panel h2,
.gh-lms-studio__panel h3 {
	color: var(--gh-exp-ink);
}

.gh-lms-studio__stack {
	gap: var(--gh-ui-space-4);
}

.gh-lms-studio__stack label,
.gh-lms-studio__inline-form label {
	gap: var(--gh-ui-space-1-5);
}

.gh-lms-studio :where(input[type="text"], input[type="url"], input[type="email"], input[type="number"], select, textarea) {
	width: 100%;
	max-width: 760px;
	min-height: 42px;
}

.gh-lms-studio textarea {
	min-height: 116px;
}

.gh-lms-studio__inline-form {
	padding: var(--gh-ui-space-4);
	border: 0;
	border-radius: var(--gh-exp-radius-small);
	background: var(--gh-exp-canvas);
}

.gh-lms-studio details:not(.gh-lms-studio__course-switcher):not(.gh-lms-studio__more-tabs):not(.gh-lms-studio__curriculum-create) {
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
}

.gh-lms-studio details:not(.gh-lms-studio__course-switcher):not(.gh-lms-studio__more-tabs):not(.gh-lms-studio__curriculum-create) > summary {
	padding: var(--gh-ui-space-3-5) 0;
	background: transparent;
	color: var(--gh-exp-ink);
	font-weight: 500;
}

.gh-lms-studio__module-card {
	margin-bottom: var(--gh-ui-space-5);
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line-strong);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gh-lms-studio__module-header {
	padding: var(--gh-ui-space-3-5) 0;
	border: 0;
	background: transparent;
}

.gh-lms-studio__lesson-group {
	margin: 0;
	border: 0;
	border-top: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
}

.gh-lms-studio__lesson-header,
.gh-lms-studio__child-row {
	padding: var(--gh-ui-space-3-5) 0;
	border: 0;
	background: transparent;
}

.gh-lms-studio__child-row {
	margin-inline-start: var(--gh-ui-space-6);
	border-top: 1px solid var(--gh-exp-line);
}

.gh-lms-studio__item-count,
.gh-lms-studio__tree-view-actions strong,
.gh-lms-studio__status,
.gh-lms-studio__role {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--gh-exp-muted);
	font-weight: 400;
}

.gh-lms-studio__form-savebar {
	padding: var(--gh-ui-space-3-5) 0 0;
	border: 0;
	border-top: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: color-mix(in srgb, var(--gh-exp-surface) 94%, transparent);
	box-shadow: none;
}

.gh-lms-studio__quiz-list a {
	border: 0;
	border-bottom: 1px solid var(--gh-exp-line);
	border-radius: 0;
	background: transparent;
	color: var(--gh-exp-ink);
	font-weight: 400;
}

.gh-lms-studio__quiz-list a.is-active {
	border-color: var(--gh-exp-current-marker);
	background: var(--gh-exp-current);
	color: var(--gh-exp-ink);
	font-weight: 500;
}

@media (max-width: 1120px) {
	body.gh-lms-frame .course-hero {
		grid-template-areas: "media" "content";
		grid-template-columns: 1fr;
		gap: clamp(var(--gh-ui-space-5-5), 5vw, var(--gh-ui-space-7));
	}

	body.gh-lms-frame .course-hero__media {
		width: min(100%, 760px);
		min-height: 0;
		justify-self: center;
		transform: none;
	}

	body.gh-lms-frame .course-hero .hero-content {
		margin-left: 0;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}
}

@media (max-width: 960px) {
	.gh-lms-account__featured,
	.gh-lms-customer-account__continue,
	.gh-lms-studio__details-grid {
		grid-template-columns: 1fr;
	}

	.gh-lms-account__featured {
		grid-template-areas: "media" "copy" "progress";
	}

	.gh-lms-customer-account__continue {
		grid-template-areas: "media" "copy" "progress";
	}

	.gh-lms-account__featured-media,
	.gh-lms-customer-account__continue-media {
		min-height: 0;
		margin: 0 0 var(--gh-ui-space-5-5);
		aspect-ratio: 16 / 8;
	}

	.gh-lms-catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gh-lms-manager__portfolio-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	body.gh-lms-frame main.is-course-page .content-container {
		width: min(100% - 24px, 1320px);
		padding-inline: var(--gh-ui-space-3);
	}

	body.gh-lms-frame .course-hero__media {
		transform: none;
	}

	body.gh-lms-frame .course-hero__media::before {
		display: none;
	}

	body.gh-lms-frame .hero-content .hero-title {
		max-width: 100%;
		font-size: clamp(var(--gh-ui-type-lg), 4.8vw, var(--gh-ui-type-xl));
		line-height: 1.25;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		float: none !important;
		width: 100% !important;
		margin: 0 0 var(--gh-ui-space-5);
		overflow-x: auto;
		border: 0;
		background: transparent;
		scrollbar-width: thin;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		width: max-content;
		margin: 0;
		padding: 0 0 var(--gh-ui-space-1-5);
		border: 0;
		gap: var(--gh-ui-space-1);
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
		margin: 0;
		border: 0;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li a {
		display: flex;
		align-items: center;
		min-height: 42px;
		padding: var(--gh-ui-space-2) var(--gh-ui-space-3);
		border: 0;
		border-radius: var(--gh-exp-radius-small);
		background: transparent;
		font-weight: 400;
		white-space: nowrap;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
		background: var(--gh-exp-current);
		box-shadow: inset 0 -2px 0 var(--gh-exp-current-marker);
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		float: none !important;
		width: 100% !important;
		overflow: visible;
	}

	.gh-lms-account,
	.gh-lms-catalog,
	.gh-lms-manager,
	.gh-lms-studio {
		width: min(100% - 24px, var(--gh-exp-page));
	}

	.gh-lms-account__course,
	.gh-lms-customer-account__course,
	.gh-lms-manager__portfolio-card {
		grid-template-columns: 1fr;
	}

	.gh-lms-account__course-media,
	.gh-lms-customer-account__course-media,
	.gh-lms-manager__portfolio-media img {
		width: 100%;
		max-width: 320px;
	}

	.gh-lms-manager__portfolio-media,
	.gh-lms-manager__portfolio-card > :not(.gh-lms-manager__portfolio-media) {
		grid-column: 1;
		grid-row: auto;
	}

	.gh-lms-catalog__hero,
	.gh-lms-manager__home-heading,
	.gh-lms-manager__panel-heading,
	.gh-lms-studio__header,
	.gh-lms-studio__panel-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.gh-lms-catalog__grid,
	.gh-lms-manager__pulse-body,
	.gh-lms-manager__section-grid,
	.gh-lms-manager__insights-grid,
	.gh-lms-studio__assessment-grid,
	.gh-lms-studio__inline-form {
		grid-template-columns: 1fr;
	}

	.gh-lms-catalog__search-row {
		display: grid;
		grid-template-columns: 1fr;
	}

	.gh-lms-catalog__filters {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	body.gh-lms-frame .content-container {
		width: min(100% - 24px, 1120px);
	}

	body.gh-lms-frame .hero-content .hero-title {
		font-size: clamp(var(--gh-ui-type-md), 5vw, var(--gh-ui-type-lg));
		line-height: 1.25;
	}

	body.gh-lms-frame .lesson-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.gh-lms-studio__tabs {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.gh-lms-studio__tabs a,
	.gh-lms-studio__more-tabs > summary {
		white-space: nowrap;
	}

	.gh-lms-account {
		margin-top: var(--gh-ui-space-6);
	}

	body.gh-lms-frame .hero-actions .btn {
		width: 100%;
		padding: var(--gh-ui-space-3) var(--gh-ui-space-3-5);
		font-size: var(--gh-ui-type-base);
	}
}