:root {
	--course-gold: #e6b219;
	--course-gold-soft: rgba(230, 178, 25, 0.13);
	--course-bg: #0b0b0c;
	--course-panel: #111214;
	--course-panel-2: #17181a;
	--course-line: #353638;
	--course-text: #f1f1f1;
	--course-muted: #a7a8ab;
}

body.ccmm-course-view {
	background: var(--course-bg);
}

body.ccmm-course-view #header-outer,
body.ccmm-course-view #header-space,
body.ccmm-course-view #footer-outer,
body.ccmm-course-view > .ccmm-page-nav.ccmm-nav-breadcrumbs {
	display: none !important;
}

body.ccmm-course-view #ajax-content-wrap,
body.ccmm-course-view .container-wrap {
	min-height: 0;
	padding-bottom: 0 !important;
	background: var(--course-bg);
}

.ccmm-course-player,
.ccmm-course-player * {
	box-sizing: border-box;
}

.ccmm-course-player {
	position: relative;
	display: grid;
	grid-template-columns: minmax(330px, 390px) minmax(0, 1fr);
	grid-template-rows: 54px minmax(0, 1fr);
	height: 100dvh;
	min-height: 0;
	overflow: hidden;
	background:
		radial-gradient(circle at 75% 12%, rgba(255, 255, 255, 0.035), transparent 32%),
		var(--course-bg);
	color: var(--course-text);
	transition: grid-template-columns 180ms ease;
}

.ccmm-course-player.is-sidebar-collapsed {
	grid-template-columns: 0 minmax(0, 1fr);
}

body.admin-bar .ccmm-course-player {
	height: calc(100dvh - 32px - var(--course-admin-extra, 0px));
	margin-top: var(--course-admin-extra, 0px);
}

.ccmm-course-topbar {
	position: relative;
	z-index: 50;
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
	align-items: center;
	min-height: 54px;
	padding: 0 18px;
	border-bottom: 1px solid var(--course-line);
	background: #070708;
}

.ccmm-course-dashboard-link {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: 9px;
	color: #d9dadd;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.ccmm-course-topbar-primary {
	display: flex;
	align-items: center;
	justify-self: start;
	gap: 22px;
}

.ccmm-course-sidebar-toggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 32px;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #424347;
	border-radius: 0;
	background: transparent;
	color: #aeb0b3;
	font-family: inherit;
	font-size: 11px;
	line-height: 1;
	cursor: pointer;
}

.ccmm-course-sidebar-toggle:hover,
.ccmm-course-sidebar-toggle:focus-visible {
	border-color: var(--course-gold);
	color: var(--course-gold);
}

.ccmm-course-sidebar-toggle > span:first-child {
	font-size: 18px;
	line-height: 0.7;
	transition: transform 180ms ease;
}

.ccmm-course-player.is-sidebar-collapsed .ccmm-course-sidebar-toggle > span:first-child {
	transform: rotate(180deg);
}

.ccmm-course-dashboard-link:hover,
.ccmm-course-dashboard-link:focus-visible {
	color: var(--course-gold);
}

.ccmm-course-topbar-context {
	min-width: 0;
}

.ccmm-course-topbar-context strong {
	display: block;
	overflow: hidden;
	color: var(--course-text);
	font-size: 14px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ccmm-course-menu {
	position: relative;
	justify-self: end;
}

.ccmm-course-menu summary {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px 0 8px 12px;
	color: #d9dadd;
	font-size: 12px;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}

.ccmm-course-menu summary::-webkit-details-marker {
	display: none;
}

.ccmm-course-menu summary:hover,
.ccmm-course-menu summary:focus-visible,
.ccmm-course-menu[open] summary {
	color: var(--course-gold);
}

.ccmm-course-menu nav {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	width: 180px;
	padding: 7px;
	border: 1px solid #4b4c4f;
	background: #111214;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.55);
}

.ccmm-course-menu nav a {
	display: block;
	padding: 9px 11px;
	color: #d9dadd;
	font-size: 13px;
	text-decoration: none;
}

.ccmm-course-menu nav a:hover,
.ccmm-course-menu nav a:focus-visible {
	background: rgba(255, 255, 255, 0.045);
	color: var(--course-gold);
}

.ccmm-course-sidebar {
	grid-column: 1;
	grid-row: 2;
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
	background: linear-gradient(145deg, #151618, #0d0e0f 62%);
	border-right: 1px solid var(--course-line);
	z-index: 20;
	transition: opacity 150ms ease, visibility 0s linear 0s;
}

.ccmm-course-player.is-sidebar-collapsed .ccmm-course-sidebar {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: opacity 120ms ease, visibility 0s linear 120ms;
}

.ccmm-course-sidebar-head {
	padding: 20px 22px 16px;
	border-bottom: 1px solid var(--course-line);
}

.ccmm-course-sidebar-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.ccmm-course-sidebar-title-row > div {
	flex: 1 1 auto;
	min-width: 0;
}

.ccmm-course-eyebrow {
	display: block;
	margin-bottom: 3px;
	color: #8f9093;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.ccmm-course-sidebar h1 {
	margin: 0;
	color: var(--course-text);
	font-size: clamp(22px, 1.8vw, 27px);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.12;
}

.ccmm-course-sidebar h1::after {
	display: block;
	width: 100%;
	margin-top: 12px;
	border-bottom: 1px solid var(--course-line);
	content: '';
}

.ccmm-course-progress-copy {
	display: flex;
	justify-content: space-between;
	margin-top: 17px;
	color: var(--course-muted);
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ccmm-course-progress-copy strong {
	color: var(--course-text);
	font-size: 13px;
}

.ccmm-course-progress-track {
	height: 7px;
	margin-top: 8px;
	overflow: hidden;
	background: #303133;
}

.ccmm-course-progress-track span {
	display: block;
	height: 100%;
	background: var(--course-gold);
	transition: width 180ms ease;
}

.ccmm-course-search {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	margin-top: 14px;
	border: 1px solid #4a4b4e;
	background: rgba(0, 0, 0, 0.16);
}

.ccmm-course-search:focus-within {
	border-color: var(--course-gold);
	box-shadow: 0 0 0 1px rgba(230, 178, 25, 0.18);
}

.ccmm-course-search input {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--course-text);
	font-size: 15px;
}

.ccmm-course-search input::placeholder {
	color: #8c8d90;
}

.ccmm-course-search > span:last-child {
	padding: 0 14px;
	color: var(--course-muted);
	font-size: 24px;
}

.ccmm-course-section-selector {
	position: relative;
	margin-top: 13px;
}

.ccmm-course-section-selector[hidden] {
	display: none;
}

.ccmm-course-section-label {
	display: block;
	margin-bottom: 5px;
	color: #8f9093;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ccmm-course-section-selector > button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #4a4b4e;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.16);
	color: var(--course-text);
	font-size: 13px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

.ccmm-course-section-selector > button:hover,
.ccmm-course-section-selector > button:focus-visible,
.ccmm-course-section-selector > button[aria-expanded="true"] {
	border-color: var(--course-gold);
	box-shadow: 0 0 0 1px rgba(230, 178, 25, 0.12);
}

.ccmm-course-section-selector > button > span:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ccmm-course-section-selector > button > span:last-child {
	color: #d6d7d8;
	font-size: 16px;
	transition: color 140ms ease, transform 140ms ease;
}

.ccmm-course-section-selector > button:hover > span:last-child,
.ccmm-course-section-selector > button:focus-visible > span:last-child,
.ccmm-course-section-selector > button[aria-expanded="true"] > span:last-child {
	color: var(--course-gold);
}

.ccmm-course-section-selector > button[aria-expanded="true"] > span:last-child {
	transform: rotate(180deg);
}

.ccmm-course-section-selector [data-course-section-menu] {
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	right: 0;
	z-index: 70;
	max-height: min(360px, 46vh);
	padding: 5px;
	overflow-y: auto;
	border: 1px solid #4a4b4e;
	background: #111214;
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.56);
}

.ccmm-course-section-selector [data-course-section-menu][hidden] {
	display: none;
}

.ccmm-course-section-selector [data-course-section-menu] button {
	display: block;
	width: 100%;
	margin: 0;
	padding: 9px 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #d7d8da;
	font-size: 12px;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
}

.ccmm-course-section-selector [data-course-section-menu] button:hover,
.ccmm-course-section-selector [data-course-section-menu] button:focus-visible,
.ccmm-course-section-selector [data-course-section-menu] button.is-current {
	background: rgba(230, 178, 25, 0.09);
	color: var(--course-gold);
}

.ccmm-course-outline {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: #48494c transparent;
}

.ccmm-course-outline button,
.ccmm-course-outline a {
	font: inherit;
}

.ccmm-course-outline-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	margin: 0 14px;
	padding: 0;
	border-top: 1px solid #28292b;
	border-bottom: 1px solid #28292b;
	color: #96979a;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
}

.ccmm-course-outline-divider.is-major {
	justify-content: center;
	min-height: 36px;
	margin: 0;
	padding: 0 14px;
	border-top: 1px solid #3c3d40;
	border-bottom-color: #3c3d40;
	background: #1b1c1e;
	color: #d0d1d3;
	font-size: 11px;
	text-align: center;
}

.ccmm-course-lesson-row {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 68px;
	padding: 9px 14px;
	background: transparent;
	color: var(--course-text);
	text-decoration: none;
	transition: background 130ms ease, box-shadow 130ms ease;
}

.ccmm-course-lesson-row:hover,
.ccmm-course-lesson-row:focus-visible {
	background: rgba(255, 255, 255, 0.04);
	color: var(--course-text);
}

.ccmm-course-lesson-row.is-active {
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--course-gold);
}

.ccmm-course-lesson-row.is-active .ccmm-course-lesson-title {
	color: var(--course-gold);
}

.ccmm-course-lesson-row.is-active:hover,
.ccmm-course-lesson-row.is-active:focus-visible {
	background: rgba(230, 178, 25, 0.05);
}

.ccmm-course-lesson-state {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: conic-gradient(
		from 7.2deg,
		var(--course-gold) 0 var(--lesson-progress),
		#4a4b4e var(--lesson-progress) 96%,
		transparent 96% 100%
	);
}

.ccmm-course-lesson-state::after {
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: #111214;
	content: '';
}

.ccmm-course-lesson-state.is-zero::before {
	position: absolute;
	top: -2px;
	left: 50%;
	z-index: 1;
	width: 2px;
	height: 6px;
	background: #a4a5a8;
	content: '';
	transform: translateX(-50%);
}

.ccmm-course-lesson-lock {
	position: relative;
	display: block;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	color: #77787b;
	transition: color 160ms ease;
}

.ccmm-course-lesson-lock::before {
	position: absolute;
	top: 4px;
	left: 8px;
	box-sizing: border-box;
	width: 8px;
	height: 9px;
	border: 1px solid currentColor;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	content: '';
}

.ccmm-course-lesson-lock::after {
	position: absolute;
	top: 11px;
	left: 6px;
	box-sizing: border-box;
	width: 12px;
	height: 9px;
	border: 1px solid currentColor;
	border-radius: 1px;
	background: #111214;
	content: '';
}

.ccmm-course-lesson-row.is-locked:hover .ccmm-course-lesson-lock,
.ccmm-course-lesson-row.is-locked:focus-visible .ccmm-course-lesson-lock,
.ccmm-course-lesson-row.is-locked.is-active .ccmm-course-lesson-lock {
	color: var(--course-gold);
}

.ccmm-course-lesson-thumb {
	display: block;
	width: 58px;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #050505;
}

.ccmm-course-lesson-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ccmm-course-lesson-row.is-resource .ccmm-course-lesson-thumb img {
	object-fit: contain;
	padding: 5px;
}

.ccmm-course-lesson-row.is-sidebar .ccmm-course-lesson-thumb {
	display: grid;
	place-items: center;
	border: 1px solid #46474a;
	background: #17181a;
}

.ccmm-course-lesson-row.is-quiz .ccmm-course-lesson-thumb,
.ccmm-course-lesson-row.is-branch .ccmm-course-lesson-thumb {
	display: grid;
	place-items: center;
	border: 1px solid #46474a;
	background: #17181a;
}

.ccmm-course-sidebar-marker {
	color: #b9babc;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1;
	text-transform: uppercase;
}

.ccmm-course-quiz-marker {
	color: #b9babc;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
}

.ccmm-course-branch-marker {
	color: #aebbc5;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
}

.ccmm-course-quiz-state {
	color: #8f9093;
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ccmm-course-branch-state {
	color: #8f9da8;
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ccmm-course-sidebar-arrow {
	color: #8f9093;
	font-size: 16px;
}

.ccmm-course-lesson-row.is-sidebar:hover .ccmm-course-sidebar-marker,
.ccmm-course-lesson-row.is-sidebar:focus-visible .ccmm-course-sidebar-marker,
.ccmm-course-lesson-row.is-sidebar.is-active .ccmm-course-sidebar-marker,
.ccmm-course-lesson-row.is-sidebar:hover .ccmm-course-sidebar-arrow,
.ccmm-course-lesson-row.is-sidebar:focus-visible .ccmm-course-sidebar-arrow,
.ccmm-course-lesson-row.is-sidebar.is-active .ccmm-course-sidebar-arrow {
	color: var(--course-gold);
}

.ccmm-course-lesson-row.is-quiz:hover .ccmm-course-quiz-marker,
.ccmm-course-lesson-row.is-quiz:focus-visible .ccmm-course-quiz-marker,
.ccmm-course-lesson-row.is-quiz.is-active .ccmm-course-quiz-marker,
.ccmm-course-lesson-row.is-quiz:hover .ccmm-course-quiz-state,
.ccmm-course-lesson-row.is-quiz:focus-visible .ccmm-course-quiz-state,
.ccmm-course-lesson-row.is-quiz.is-active .ccmm-course-quiz-state {
	color: var(--course-gold);
}

.ccmm-course-lesson-row.is-branch:hover .ccmm-course-branch-marker,
.ccmm-course-lesson-row.is-branch:focus-visible .ccmm-course-branch-marker,
.ccmm-course-lesson-row.is-branch.is-active .ccmm-course-branch-marker,
.ccmm-course-lesson-row.is-branch:hover .ccmm-course-branch-state,
.ccmm-course-lesson-row.is-branch:focus-visible .ccmm-course-branch-state,
.ccmm-course-lesson-row.is-branch.is-active .ccmm-course-branch-state {
	color: var(--course-gold);
}

.ccmm-course-resource-count {
	color: #aaa;
	font-size: 11px;
	white-space: nowrap;
}

.ccmm-course-lesson-copy,
.ccmm-course-lesson-title,
.ccmm-course-lesson-trailing,
.ccmm-course-lesson-duration {
	display: block;
	min-width: 0;
}

.ccmm-course-lesson-title {
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	text-overflow: ellipsis;
}

.ccmm-course-lesson-trailing {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.ccmm-course-lesson-duration {
	color: #86878a;
	font-size: 11px;
	line-height: 1.2;
	white-space: nowrap;
}

.ccmm-course-no-results,
.ccmm-course-noscript-list {
	margin: 0;
	padding: 24px;
	color: var(--course-muted);
}

.ccmm-course-stage {
	--course-stage-top: clamp(20px, 2.4vw, 32px);
	--course-stage-gutter: clamp(28px, 4vw, 62px);
	grid-column: 2;
	grid-row: 2;
	min-height: 0;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--course-stage-top) var(--course-stage-gutter) 18px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: #48494c transparent;
}

.ccmm-course-player.is-sidebar-collapsed .ccmm-course-stage {
	max-width: 1580px;
}

.ccmm-course-lesson-header {
	margin-bottom: 14px;
}

.ccmm-course-extended-label {
	display: none;
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-lesson-header {
	margin: calc(-1 * var(--course-stage-top)) calc(-1 * var(--course-stage-gutter)) 0;
	padding: var(--course-stage-top) var(--course-stage-gutter) clamp(18px, 2vw, 26px);
	border-bottom: 1px solid #48494c;
	background: linear-gradient(105deg, #35100f 0%, #451412 58%, #2b0d0c 100%);
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-extended-label {
	display: block;
	margin-bottom: 8px;
	color: #cda83d;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1.35;
	text-transform: uppercase;
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-breadcrumb {
	display: none;
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-lesson-header h2 {
	color: #e5c98f;
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-lesson-header p {
	color: #c6c1bd;
}

.ccmm-course-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	min-height: 18px;
	margin-bottom: 6px;
	color: var(--course-gold);
	font-size: 13px;
	line-height: 1.4;
}

.ccmm-course-breadcrumb-separator {
	color: #77787a;
}

.ccmm-course-lesson-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

.ccmm-course-lesson-title-row > div:first-child {
	min-width: 0;
}

.ccmm-course-lesson-header h2 {
	margin: 0;
	color: var(--course-text);
	font-size: clamp(30px, 3vw, 46px);
	font-weight: 600;
	letter-spacing: -0.035em;
	line-height: 1.04;
}

.ccmm-course-lesson-header p {
	margin: 6px 0 0;
	color: #b9babc;
	font-size: clamp(15px, 1.25vw, 18px);
	line-height: 1.35;
}

.ccmm-course-lesson-actions {
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
	margin-top: 3px;
}

.ccmm-course-action-button,
.ccmm-course-sequence-action {
	flex: 0 0 auto;
	min-height: 36px;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #5a5b5e;
	border-radius: 0;
	background: transparent;
	color: #d6d7d8;
	font-family: inherit;
	font-size: 12px;
	line-height: 1.2;
	cursor: pointer;
}

.ccmm-course-action-button:hover,
.ccmm-course-action-button:focus-visible,
.ccmm-course-sequence-action:hover,
.ccmm-course-sequence-action:focus-visible {
	border-color: var(--course-gold);
	color: var(--course-gold);
}

.ccmm-course-action-button.is-active,
.ccmm-course-action-button.is-primary,
.ccmm-course-sequence-action.is-primary {
	border-color: var(--course-gold);
	background: rgba(230, 178, 25, 0.08);
	color: var(--course-gold);
}

.ccmm-course-action-button:disabled {
	cursor: default;
	opacity: 0.62;
}

.ccmm-course-player-shell {
	position: relative;
	width: 100%;
	min-height: 260px;
	overflow: hidden;
	border: 1px solid #45464a;
	background: #000;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}

.ccmm-course-video {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.ccmm-course-video iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.ccmm-course-loading {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: rgba(0, 0, 0, 0.72);
}

.ccmm-course-loading[hidden] {
	display: none;
}

.ccmm-course-loading > span:not(.screen-reader-text) {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--course-gold);
	animation: ccmm-course-pulse 900ms ease-in-out infinite alternate;
}

.ccmm-course-loading > span:nth-child(2) { animation-delay: 150ms; }
.ccmm-course-loading > span:nth-child(3) { animation-delay: 300ms; }

@keyframes ccmm-course-pulse {
	to { opacity: 0.25; transform: translateY(-4px); }
}

.ccmm-course-locked {
	display: flex;
	min-height: 430px;
	padding: 50px 24px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: radial-gradient(circle at center, #222326, #090909 68%);
}

.ccmm-course-locked[hidden] {
	display: none;
}

.ccmm-course-test-panel,
.ccmm-course-download-panel,
.ccmm-course-sidebar-panel,
.ccmm-course-branch-panel,
.ccmm-course-quiz-panel {
	display: grid;
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 16 / 9;
	place-items: center;
	padding: clamp(16px, 2vw, 28px) clamp(24px, 5vw, 64px);
	background: radial-gradient(circle at center, #1b1c1f, #080808 72%);
}

.ccmm-course-test-panel[hidden],
.ccmm-course-download-panel[hidden],
.ccmm-course-sidebar-panel[hidden],
.ccmm-course-branch-panel[hidden],
.ccmm-course-quiz-panel[hidden] {
	display: none;
}

.ccmm-course-sidebar-card {
	box-sizing: border-box;
	width: min(680px, 100%);
	padding: clamp(24px, 4.5vw, 54px);
	text-align: left;
}

.ccmm-course-sidebar-panel,
.ccmm-course-quiz-panel {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-player-shell {
	width: auto;
	margin-right: calc(-1 * var(--course-stage-gutter));
	margin-left: calc(-1 * var(--course-stage-gutter));
	border: 0;
	box-shadow: none;
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-sidebar-panel:not([hidden]) {
	display: flex;
	min-height: clamp(250px, 32vh, 360px);
	padding: 0;
	aspect-ratio: auto;
	align-items: center;
	justify-content: flex-start;
	background: #121214 !important;
}

.ccmm-course-player.is-sidebar-mode .ccmm-course-sidebar-card {
	width: min(760px, 100%);
	padding: clamp(24px, 3vw, 38px);
}

.ccmm-course-branch-panel {
	position: relative;
	overflow: hidden;
	background-color: #080b10;
	background-image:
		linear-gradient(90deg, rgba(5, 7, 10, .98) 0%, rgba(8, 13, 19, .88) 48%, rgba(10, 20, 30, .48) 100%),
		url("../images/course-branch-paths.svg");
	background-position: center, right center;
	background-repeat: no-repeat;
	background-size: cover, auto 100%;
}

.ccmm-course-branch-card {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: min(780px, 100%);
	padding: clamp(24px, 4.5vw, 54px);
	text-align: left;
}

.ccmm-course-branch-copy {
	margin-top: 10px;
	color: #d0d4d8;
	font-size: clamp(15px, 1.4vw, 18px);
	line-height: 1.58;
}

.ccmm-course-branch-copy > :first-child { margin-top: 0; }
.ccmm-course-branch-copy > :last-child { margin-bottom: 0; }

.ccmm-course-branch-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	margin-top: 26px;
}

.ccmm-course-branch-actions [data-course-branch-previous] { justify-self: start; }
.ccmm-course-branch-actions [data-course-branch-continue] { justify-self: center; }
.ccmm-course-branch-actions [data-course-branch-skip] { justify-self: end; }
.ccmm-course-branch-actions [hidden] { display: none; }

.ccmm-course-sidebar-panel.is-red-bg-1,
.ccmm-course-quiz-panel.is-red-bg-1 {
	background-image: url("/wp-content/uploads/2022/08/red_bg1_strings_screws.jpg");
}

.ccmm-course-sidebar-panel.is-red-bg-2,
.ccmm-course-quiz-panel.is-red-bg-2 {
	background-image: url("/wp-content/uploads/2022/08/red_bg2_volume_pickup.jpg");
}

.ccmm-course-sidebar-panel.is-red-bg-3,
.ccmm-course-quiz-panel.is-red-bg-3 {
	background-image: url("/wp-content/uploads/2022/08/red_bg3_springs_string.jpg");
}

.ccmm-course-sidebar-copy {
	margin-top: 10px;
	color: #c7c8ca;
	font-size: clamp(15px, 1.4vw, 18px);
	line-height: 1.58;
}

.ccmm-course-sidebar-copy > :first-child {
	margin-top: 0;
}

.ccmm-course-sidebar-copy > :last-child {
	margin-bottom: 0;
}

.ccmm-course-sidebar-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px 28px;
	margin-top: 22px;
}

.ccmm-course-sidebar-actions .ccmm-course-action-button {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.ccmm-course-sidebar-target {
	text-decoration: none;
}

.ccmm-course-sidebar-target:hover,
.ccmm-course-sidebar-target:focus-visible {
	text-decoration: none;
}

.ccmm-course-quiz-card {
	box-sizing: border-box;
	width: min(880px, 100%);
	max-height: 100%;
	padding: clamp(20px, 2.6vw, 30px);
	overflow: auto;
	color: #f1f1f2;
}

.ccmm-course-quiz-admin-tools {
	display: flex;
	justify-content: flex-end;
	margin: -4px 0 8px;
}

.ccmm-course-quiz-admin-tools button {
	padding: 3px 0;
	border: 0;
	color: #aaa;
	font: inherit;
	font-size: 11px;
	line-height: 1.3;
	cursor: pointer;
	background: transparent;
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, .28);
	text-underline-offset: 3px;
}

.ccmm-course-quiz-admin-tools button:hover,
.ccmm-course-quiz-admin-tools button:focus-visible {
	color: var(--course-gold);
}

.ccmm-course-quiz-admin-tools button:disabled {
	opacity: .45;
	cursor: default;
}

.ccmm-course-quiz-intro,
.ccmm-course-quiz-summary {
	max-width: 680px;
}

.ccmm-course-quiz-intro-copy {
	margin-top: 10px;
	color: #d0d0d2;
	font-size: clamp(15px, 1.35vw, 18px);
	line-height: 1.55;
}

.ccmm-course-quiz-intro-copy > :first-child,
.ccmm-course-quiz-feedback-copy > :first-child {
	margin-top: 0;
}

.ccmm-course-quiz-intro-copy > :last-child,
.ccmm-course-quiz-feedback-copy > :last-child {
	margin-bottom: 0;
}

.ccmm-course-quiz-intro-meta {
	margin: 14px 0 0;
	color: #b8b8bb;
	font-size: 13px;
	line-height: 1.45;
}

.ccmm-course-quiz-intro-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	margin-top: 24px;
}

.ccmm-course-quiz-intro-actions [data-course-quiz-previous] {
	justify-self: start;
}

.ccmm-course-quiz-intro-actions [data-course-quiz-start] {
	justify-self: center;
}

.ccmm-course-quiz-intro-actions [data-course-quiz-skip] {
	justify-self: end;
}

.ccmm-course-quiz-intro-actions [hidden] {
	display: none;
}

.ccmm-course-quiz-progress {
	margin-bottom: 12px;
	color: var(--course-gold);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ccmm-course-quiz-question-text {
	max-width: 760px;
	font-size: clamp(19px, 2vw, 28px);
	font-weight: 600;
	line-height: 1.3;
}

.ccmm-course-quiz-question-text > :first-child {
	margin-top: 0;
}

.ccmm-course-quiz-question-text > :last-child {
	margin-bottom: 0;
}

.ccmm-course-quiz-question.has-media:not(.is-answering):not(.is-revealed) {
	display: grid;
	grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr);
	column-gap: clamp(18px, 2.4vw, 30px);
	align-items: start;
}

.ccmm-course-quiz-question.has-media:not(.is-answering):not(.is-revealed) .ccmm-course-quiz-progress,
.ccmm-course-quiz-question.has-media:not(.is-answering):not(.is-revealed) .ccmm-course-quiz-observe-actions {
	grid-column: 1 / -1;
}

.ccmm-course-quiz-question.has-media:not(.is-answering):not(.is-revealed) .ccmm-course-quiz-progress {
	grid-row: 1;
}

.ccmm-course-quiz-question.has-media:not(.is-answering):not(.is-revealed) .ccmm-course-quiz-question-text {
	grid-column: 1;
	grid-row: 2;
}

.ccmm-course-quiz-question.has-media:not(.is-answering):not(.is-revealed) .ccmm-course-quiz-media {
	grid-column: 2;
	grid-row: 2;
	margin-top: 0;
}

.ccmm-course-quiz-observe-actions,
.ccmm-course-quiz-form-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.ccmm-course-quiz-observe-actions[hidden],
.ccmm-course-quiz-question form[hidden],
.ccmm-course-quiz-form-actions [hidden] {
	display: none;
}

.ccmm-course-quiz-observe-actions {
	margin-top: 14px;
}

.ccmm-course-quiz-question form {
	display: flex;
	flex-direction: column;
}

.ccmm-course-quiz-form-actions .ccmm-course-primary-button {
	margin-left: auto;
}

.ccmm-course-quiz-media,
.ccmm-course-quiz-feedback-media {
	margin: 18px 0 20px;
}

.ccmm-course-quiz-media img,
.ccmm-course-quiz-feedback-media img,
.ccmm-course-quiz-media iframe,
.ccmm-course-quiz-feedback-media iframe {
	display: block;
	max-width: 100%;
	border: 1px solid #55565a;
}

.ccmm-course-quiz-media img {
	max-height: min(34vh, 330px);
	width: auto;
}

.ccmm-course-quiz-media iframe,
.ccmm-course-quiz-feedback-media iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.ccmm-course-quiz-choices {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 22px 0 18px;
}

.ccmm-course-quiz-choice {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 9px 13px;
	border: 1px solid #606166;
	cursor: pointer;
	background: rgba(8, 8, 9, .54);
	transition: border-color .16s ease, background-color .16s ease;
}

.ccmm-course-quiz-choice:hover,
.ccmm-course-quiz-choice:focus-within {
	border-color: var(--course-gold);
	background: rgba(29, 25, 14, .72);
}

.ccmm-course-quiz-choice input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.ccmm-course-quiz-choice-marker {
	display: flex;
	width: 26px;
	height: 26px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid #6d6e72;
	border-radius: 50%;
	color: #d6d6d8;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.ccmm-course-quiz-choice input:checked + .ccmm-course-quiz-choice-marker {
	border-color: var(--course-gold);
	color: #090909;
	background: var(--course-gold);
}

.ccmm-course-quiz-choice-text {
	font-size: 14px;
	line-height: 1.35;
}

.ccmm-course-quiz-reveal {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, .24);
}

.ccmm-course-quiz-question.is-revealed .ccmm-course-quiz-reveal {
	margin-top: 8px;
	padding-top: 0;
	border-top: 0;
}

.ccmm-course-quiz-verdict {
	color: #f0c13a;
	font-size: clamp(19px, 1.8vw, 25px);
	font-weight: 700;
}

.ccmm-course-quiz-verdict.is-correct {
	color: #dfe9d2;
}

.ccmm-course-quiz-answer {
	margin-top: 5px;
	color: #f0f0f1;
	font-size: 15px;
}

.ccmm-course-quiz-feedback-item {
	margin-top: 16px;
	color: #d0d0d2;
	font-size: 15px;
	line-height: 1.5;
}

.ccmm-course-quiz-feedback-media {
	margin-top: 14px;
}

.ccmm-course-quiz-reveal .ccmm-course-primary-button {
	margin-top: 20px;
}

.ccmm-course-quiz-summary h3 {
	margin: 8px 0;
	font-size: clamp(26px, 3vw, 42px);
}

.ccmm-course-quiz-summary p {
	color: #d0d0d2;
	font-size: 16px;
}

.ccmm-course-quiz-summary .ccmm-course-primary-button {
	margin-top: 16px;
}

.ccmm-course-quiz-status {
	min-height: 18px;
	margin-top: 10px;
	color: #bbb;
	font-size: 12px;
}

.ccmm-course-quiz-status.is-error {
	color: #ffb0aa;
}

.ccmm-course-quiz-status:empty {
	display: none;
}

.ccmm-course-collection-panel,
.ccmm-course-clip-panel {
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 0;
	padding: clamp(16px, 2.4vw, 28px);
	background: radial-gradient(circle at 50% 22%, #1b1c1f, #080808 72%);
}

.ccmm-course-collection-panel {
	display: flex;
	flex-direction: column;
}

.ccmm-course-collection-panel[hidden],
.ccmm-course-clip-panel[hidden] {
	display: none;
}

.ccmm-course-resource-head {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
}

.ccmm-course-resource-head h3 {
	margin: 3px 0 0;
	color: var(--course-text);
	font-size: clamp(22px, 2.3vw, 32px);
	line-height: 1.1;
}

.ccmm-course-clip-list {
	min-height: 0;
	overflow-y: auto;
	border-top: 1px solid #3e3f42;
	scrollbar-color: #48494c transparent;
}

.ccmm-course-clip-list-heading {
	padding: 12px 12px 8px;
	color: #9b9c9f;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.ccmm-course-clip-row {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	width: 100%;
	min-height: 62px;
	margin: 0;
	padding: 9px 12px;
	border: 0;
	border-top: 1px solid #303135;
	border-radius: 0;
	background: transparent;
	color: var(--course-text);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.ccmm-course-clip-row:hover,
.ccmm-course-clip-row:focus-visible {
	background: rgba(255, 255, 255, 0.04);
	box-shadow: inset 0 0 0 1px var(--course-gold);
}

.ccmm-course-clip-thumb {
	display: block;
	width: 74px;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #050505;
}

.ccmm-course-clip-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ccmm-course-clip-copy {
	display: block;
	min-width: 0;
}

.ccmm-course-clip-copy strong,
.ccmm-course-clip-copy span {
	display: block;
}

.ccmm-course-clip-copy strong {
	font-size: 14px;
	font-weight: 600;
}

.ccmm-course-clip-copy span,
.ccmm-course-clip-trailing {
	color: #8f9093;
	font-size: 11px;
}

.ccmm-course-clip-trailing {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	white-space: nowrap;
}

.ccmm-course-clip-progress {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: conic-gradient(
		from 7.2deg,
		var(--course-gold) 0 var(--clip-progress),
		#4a4b4e var(--clip-progress) 96%,
		transparent 96% 100%
	);
}

.ccmm-course-clip-progress::after {
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: #111214;
	content: '';
}

.ccmm-course-clip-panel {
	display: flex;
	flex-direction: column;
}

.ccmm-course-clip-frame {
	min-height: 0;
	flex: 1 1 auto;
	background: #000;
}

.ccmm-course-clip-frame iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.ccmm-course-player-switch {
	display: flex;
	gap: 7px;
}

.ccmm-course-clip-controls {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.ccmm-course-player-switch[hidden] {
	display: none;
}

.ccmm-course-player-switch button {
	min-height: 34px;
	padding: 7px 11px;
	border: 1px solid #5a5b5e;
	border-radius: 0;
	background: transparent;
	color: #d6d7d8;
	cursor: pointer;
}

.ccmm-course-player-switch button:hover,
.ccmm-course-player-switch button.is-active {
	border-color: var(--course-gold);
	color: var(--course-gold);
}

.ccmm-course-test-form {
	width: min(520px, 100%);
	text-align: center;
}

.ccmm-course-download-card {
	width: min(620px, 100%);
	text-align: center;
}

.ccmm-course-download-card h3 {
	margin: 5px 0 0;
	color: var(--course-text);
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.15;
}

.ccmm-course-download-card > p {
	margin: 9px auto 0;
	color: var(--course-muted);
	font-size: 14px;
	line-height: 1.45;
}

.ccmm-course-download-options {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 26px 0 20px;
}

.ccmm-course-download-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-width: 170px;
	min-height: 54px;
	padding: 10px 14px;
	border: 1px solid #5a5b5e;
	color: #d6d7d8;
	text-align: left;
	text-decoration: none;
}

.ccmm-course-download-option:hover,
.ccmm-course-download-option:focus-visible {
	border-color: var(--course-gold);
	background: rgba(230, 178, 25, 0.05);
	box-shadow: 0 0 18px rgba(230, 178, 25, 0.12);
	color: var(--course-gold);
}

.ccmm-course-download-option strong,
.ccmm-course-download-option span {
	display: block;
}

.ccmm-course-download-option strong {
	font-size: 13px;
	font-weight: 600;
}

.ccmm-course-download-option span {
	color: #8f9093;
	font-size: 11px;
	text-transform: uppercase;
}

.ccmm-course-test-form h3 {
	margin: 5px 0 0;
	color: var(--course-text);
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.15;
}

.ccmm-course-test-form > p {
	margin: 9px auto 0;
	color: var(--course-muted);
	font-size: 14px;
	line-height: 1.45;
}

.ccmm-course-test-field {
	display: block;
	margin: 25px auto 0;
}

.ccmm-course-test-field > span:first-child {
	display: block;
	margin-bottom: 7px;
	color: #b9babc;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ccmm-course-test-input-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
}

.ccmm-course-test-input-row input {
	width: 118px !important;
	height: 46px;
	margin: 0;
	padding: 6px 10px !important;
	border: 1px solid #626367 !important;
	border-radius: 0 !important;
	background: #090909 !important;
	box-shadow: none !important;
	color: var(--course-text) !important;
	font-size: 22px;
	text-align: center;
}

.ccmm-course-test-input-row input:focus {
	border-color: var(--course-gold);
	box-shadow: 0 0 0 1px rgba(230, 178, 25, 0.14);
}

.ccmm-course-test-input-row [data-course-test-unit] {
	color: #b9babc;
	font-size: 14px;
}

.ccmm-course-test-actions {
	display: flex;
	justify-content: center;
	gap: 9px;
	margin-top: 18px;
}

.ccmm-course-test-status {
	min-height: 20px;
}

.ccmm-course-lock-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--course-gold);
	border-radius: 50%;
	color: var(--course-gold);
}

.ccmm-course-locked h3 {
	margin: 18px 0 0;
	color: var(--course-text);
	font-size: 25px;
}

.ccmm-course-locked p {
	max-width: 500px;
	margin: 9px 0 22px;
	color: var(--course-muted);
}

.ccmm-course-primary-button {
	padding: 11px 18px;
	border: 1px solid var(--course-gold);
	background: rgba(230, 178, 25, 0.08);
	color: var(--course-gold);
	text-decoration: none;
}

.ccmm-course-primary-button:hover,
.ccmm-course-primary-button:focus-visible {
	background: var(--course-gold);
	box-shadow: 0 0 20px rgba(230, 178, 25, 0.28);
	color: #080808;
}

.ccmm-course-sequence {
	display: grid;
	grid-template-columns: 128px minmax(0, 1fr) 128px;
	align-items: center;
	gap: 14px;
	margin-top: 12px;
}

.ccmm-course-player.is-quiz-mode:not(.is-quiz-complete) .ccmm-course-sequence {
	display: none;
}

.ccmm-course-player.is-branch-mode .ccmm-course-sequence {
	display: none;
}

.ccmm-course-sequence-actions {
	grid-column: 2;
	display: flex;
	justify-content: center;
	gap: 8px;
	min-width: 0;
}

.ccmm-course-sequence-action {
	justify-self: center;
	width: 128px;
	min-height: 40px;
}

.ccmm-course-nav-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 128px;
	min-height: 40px;
	padding: 0 13px;
	border: 1px solid #5a5b5e;
	color: #d6d7d8;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	text-decoration: none;
	transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.ccmm-course-nav-previous {
	grid-column: 1;
}

.ccmm-course-nav-button [aria-hidden="true"] {
	position: absolute;
}

.ccmm-course-nav-previous [aria-hidden="true"] {
	left: 13px;
}

.ccmm-course-nav-next [aria-hidden="true"] {
	right: 13px;
}

.ccmm-course-nav-button:hover,
.ccmm-course-nav-button:focus-visible {
	border-color: var(--course-gold);
	background: rgba(230, 178, 25, 0.05);
	box-shadow: 0 0 18px rgba(230, 178, 25, 0.12);
	color: var(--course-gold);
}

.ccmm-course-nav-next {
	grid-column: 3;
	text-align: center;
}

.ccmm-course-nav-button.is-disabled {
	pointer-events: none;
	border-color: #36373a;
	color: #65666a;
}

.ccmm-course-message {
	min-height: 16px;
	margin-top: 6px;
	color: var(--course-muted);
	font-size: 13px;
}

.ccmm-course-message.is-error {
	color: #e2ae3a;
}

.ccmm-course-contents-button,
.ccmm-course-sidebar-close,
.ccmm-course-overlay {
	display: none;
}

.ccmm-course-error {
	max-width: 900px;
	min-height: 60vh;
	margin: 0 auto;
	padding: 80px 30px;
	color: var(--course-text);
}

@media (max-width: 980px) {
	body.ccmm-course-drawer-open {
		overflow: hidden;
	}

	.ccmm-course-player {
		display: block;
		height: auto;
		min-height: 100dvh;
		overflow: visible;
	}

	body.admin-bar .ccmm-course-player {
		height: auto;
	}

	.ccmm-course-topbar {
		position: sticky;
		top: 0;
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		height: 52px;
		min-height: 52px;
		padding: 0 14px;
	}

	.ccmm-course-sidebar-toggle {
		display: none;
	}

	.ccmm-course-player.is-sidebar-collapsed {
		display: block;
	}

	.ccmm-course-player.is-sidebar-collapsed .ccmm-course-sidebar {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

	.ccmm-course-topbar-context strong {
		max-width: 42vw;
		font-size: 13px;
	}

	.ccmm-course-contents-button {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		align-items: center;
		gap: 9px;
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 0 20px;
		border: 0;
		border-bottom: 1px solid var(--course-line);
		border-radius: 0;
		background: #111214;
		color: var(--course-text);
		font-size: 14px;
		font-weight: 600;
		text-align: left;
		z-index: 11;
	}

	.ccmm-course-sidebar {
		position: fixed;
		top: var(--course-admin-height, 0px);
		left: 0;
		width: min(420px, calc(100vw - 42px));
		height: calc(100dvh - var(--course-admin-height, 0px));
		min-height: 0;
		transform: translateX(-102%);
		transition: transform 180ms ease;
		z-index: 100001;
	}

	.ccmm-course-sidebar.is-open {
		transform: translateX(0);
	}

	.ccmm-course-sidebar-close {
		display: block;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		border: 1px solid #4b4c4f;
		border-radius: 0;
		background: transparent;
		color: var(--course-text);
		font-size: 25px;
		line-height: 32px;
	}

	.ccmm-course-overlay {
		position: fixed;
		inset: var(--course-admin-height, 0px) 0 0;
		display: block;
		background: rgba(0, 0, 0, 0.72);
		z-index: 100000;
	}

	.ccmm-course-overlay[hidden] {
		display: none;
	}

	.ccmm-course-stage {
		--course-stage-top: 28px;
		--course-stage-gutter: 24px;
		padding: 28px 24px 48px;
		overflow: visible;
	}
}

@media (max-width: 620px) {
	.ccmm-course-stage {
		--course-stage-top: 27px;
		--course-stage-gutter: 14px;
		padding: 27px 14px 42px;
	}

	.ccmm-course-breadcrumb {
		font-size: 11px;
	}

	.ccmm-course-lesson-title-row {
		display: block;
	}

	.ccmm-course-lesson-header h2 {
		font-size: clamp(28px, 9vw, 40px);
	}

	.ccmm-course-lesson-actions {
		margin-top: 14px;
	}

	.ccmm-course-player-shell {
		min-height: 0;
		margin-right: -14px;
		margin-left: -14px;
		border-right: 0;
		border-left: 0;
	}

	.ccmm-course-sequence {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.ccmm-course-sequence-actions {
		grid-column: 1 / -1;
		grid-row: 2;
		flex-wrap: wrap;
	}

	.ccmm-course-sequence-action {
		flex: 1 1 150px;
		width: auto;
	}

	.ccmm-course-download-panel,
	.ccmm-course-sidebar-panel,
	.ccmm-course-branch-panel,
	.ccmm-course-quiz-panel {
		aspect-ratio: auto;
		min-height: 360px;
	}

	.ccmm-course-sidebar-card {
		padding: 26px 22px;
	}

	.ccmm-course-sidebar-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.ccmm-course-branch-card {
		padding: 26px 22px;
	}

	.ccmm-course-branch-actions {
		grid-template-columns: 1fr 1fr;
	}

	.ccmm-course-branch-actions [data-course-branch-continue] {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.ccmm-course-branch-actions [data-course-branch-previous] {
		grid-column: 1;
		grid-row: 2;
	}

	.ccmm-course-branch-actions [data-course-branch-skip] {
		grid-column: 2;
		grid-row: 2;
	}

	.ccmm-course-quiz-card {
		padding: 26px 22px;
	}

	.ccmm-course-quiz-intro-actions {
		grid-template-columns: 1fr 1fr;
	}

	.ccmm-course-quiz-intro-actions [data-course-quiz-start] {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.ccmm-course-quiz-intro-actions [data-course-quiz-previous] {
		grid-column: 1;
		grid-row: 2;
	}

	.ccmm-course-quiz-intro-actions [data-course-quiz-skip] {
		grid-column: 2;
		grid-row: 2;
	}

	.ccmm-course-quiz-question.has-media:not(.is-answering):not(.is-revealed) {
		display: block;
	}

	.ccmm-course-quiz-choices {
		grid-template-columns: 1fr;
	}

	.ccmm-course-download-options {
		align-items: stretch;
		flex-direction: column;
		margin-top: 22px;
	}

	.ccmm-course-download-option {
		width: 100%;
	}

	.ccmm-course-collection-panel,
	.ccmm-course-clip-panel {
		aspect-ratio: auto;
		min-height: min(74vh, 580px);
		padding: 16px 14px;
	}

	.ccmm-course-clip-row {
		grid-template-columns: 58px minmax(0, 1fr) auto;
		gap: 10px;
		padding-right: 8px;
		padding-left: 8px;
	}

	.ccmm-course-resource-head {
		align-items: flex-start;
	}

	.ccmm-course-clip-controls {
		flex-wrap: wrap;
	}

	.ccmm-course-clip-thumb {
		width: 58px;
	}

	.ccmm-course-nav-button {
		width: 100%;
		min-height: 40px;
	}

	.ccmm-course-nav-previous {
		grid-column: 1;
		grid-row: 1;
	}

	.ccmm-course-nav-next {
		grid-column: 2;
		grid-row: 1;
	}

	.ccmm-course-lesson-row {
		grid-template-columns: 52px minmax(0, 1fr) auto;
		padding-left: 10px;
	}

	.ccmm-course-lesson-thumb {
		width: 52px;
	}
}

@media (max-width: 520px) {
	.ccmm-course-dashboard-link span:last-child,
	.ccmm-course-menu summary span:first-child {
		display: none;
	}

	.ccmm-course-dashboard-link,
	.ccmm-course-menu summary {
		font-size: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ccmm-course-sidebar,
	.ccmm-course-progress-track span,
	.ccmm-course-lesson-row,
	.ccmm-course-nav-button {
		transition: none;
	}

	.ccmm-course-loading > span:not(.screen-reader-text) {
		animation: none;
	}
}