/*
 * Shared Greenhouse LMS interface foundation.
 * This file owns tokens and safe primitives only. Component layout stays local.
 */

:root {
	--gh-ui-font-family: inherit;
	--gh-ui-heading-font-family: inherit;
	--gh-ui-ink: var(--gh-brand-text, #2b2c30);
	--gh-ui-muted: var(--gh-brand-muted, #53666a);
	--gh-ui-text: var(--gh-brand-text, var(--gh-ui-ink));
	--gh-ui-text-heading: var(--gh-ui-text);
	--gh-ui-text-muted: var(--gh-brand-muted, var(--gh-ui-muted));
	--gh-ui-text-inverse: var(--gh-action-primary-text, #fff);
	--gh-ui-text-disabled: var(--gh-action-disabled-text, var(--gh-ui-muted));
	--gh-ui-link: var(--gh-action-primary, var(--gh-ui-action));
	--gh-ui-action: var(--gh-brand-primary, #064121);
	--gh-ui-action-hover: color-mix(in srgb, var(--gh-ui-action) 84%, var(--gh-ui-ink));
	--gh-ui-focus: var(--gh-focus-ring, #95802d);
	--gh-ui-focus-ring: var(--gh-ui-focus);
	--gh-ui-selected: var(--gh-action-selected, #fffcf1);
	--gh-ui-current: var(--gh-brand-accent, #d3a900);
	--gh-ui-progress: var(--gh-ui-current);
	--gh-ui-progress-soft: color-mix(in srgb, var(--gh-ui-progress) 14%, var(--gh-ui-surface));
	--gh-ui-canvas: var(--gh-brand-surface, #f7f9f9);
	--gh-ui-surface: #fff;
	--gh-ui-white: var(--gh-ui-surface);
	--gh-ui-surface-raised: var(--gh-ui-surface);
	--gh-ui-surface-subtle: color-mix(in srgb, var(--gh-brand-surface, var(--gh-ui-canvas)) 70%, var(--gh-ui-surface));
	--gh-ui-surface-selected: var(--gh-action-selected, var(--gh-ui-selected));
	--gh-ui-surface-warm: var(--gh-brand-surface, #f7f4ed);
	--gh-ui-surface-field: var(--gh-ui-surface);
	--gh-ui-tint: var(--gh-brand-surface, #f8e4d7);
	--gh-ui-line: var(--gh-brand-divider, #becec5);
	--gh-ui-border: var(--gh-brand-border, var(--gh-ui-line));
	--gh-ui-divider: var(--gh-brand-divider, var(--gh-ui-line));
	--gh-ui-success: #26734d;
	--gh-ui-success-surface: #eef8f2;
	--gh-ui-warning: #8a6b00;
	--gh-ui-warning-surface: #fffcf1;
	--gh-ui-danger: #9e2f3d;
	--gh-ui-danger-surface: #fff3f4;
	--gh-ui-info: #315f73;
	--gh-ui-info-surface: #f2f8fa;
	--gh-ui-radius-sm: var(--gh-brand-radius-sm, 9px);
	--gh-ui-radius: var(--gh-brand-radius, 14px);
	--gh-ui-radius-lg: var(--gh-brand-radius-lg, 20px);
	--gh-ui-radius-control: var(--gh-ui-radius-sm);
	--gh-ui-radius-choice: 5px;
	--gh-ui-radius-media: var(--gh-ui-radius);
	--gh-ui-radius-pill: 999px;
	--gh-ui-space-0: 0;
	--gh-ui-space-micro: 2px;
	--gh-ui-space-1: 4px;
	--gh-ui-space-1-5: 6px;
	--gh-ui-space-2: 8px;
	--gh-ui-space-2-5: 10px;
	--gh-ui-space-3: 12px;
	--gh-ui-space-3-5: 14px;
	--gh-ui-space-4: 16px;
	--gh-ui-space-4-5: 20px;
	--gh-ui-space-5: 24px;
	--gh-ui-space-5-5: 28px;
	--gh-ui-space-6: 32px;
	--gh-ui-space-6-5: 40px;
	--gh-ui-space-7: 48px;
	--gh-ui-space-7-5: 56px;
	--gh-ui-space-8: 64px;
	--gh-ui-space-9: 72px;
	--gh-ui-type-2xs: 11px;
	--gh-ui-type-xs: 12px;
	--gh-ui-type-sm: 14px;
	--gh-ui-type-md: 16px;
	--gh-ui-type-lg: 20px;
	--gh-ui-type-xl: 28px;
	--gh-ui-type-display: 36px;
	--gh-ui-type-hero: 48px;
	--gh-ui-type-hero-xl: 56px;
	--gh-ui-leading-tight: 1.25;
	--gh-ui-leading-body: 1.6;
	--gh-ui-leading-normal: 1.5;
	--gh-ui-leading-relaxed: var(--gh-ui-leading-body);
	--gh-ui-weight-regular: 400;
	--gh-ui-weight-medium: 500;
	--gh-ui-weight-heading: 600;
	--gh-ui-weight-semibold: var(--gh-ui-weight-heading);
	--gh-ui-control-height: 44px;
	--gh-ui-control-height-compact: 36px;
	--gh-ui-control-lg: 48px;
	--gh-ui-control-padding-inline: 12px;
	--gh-ui-choice-size: 22px;
	--gh-ui-choice-mark-size: 12px;
	--gh-ui-select-min-inline: 12rem;
	--gh-ui-content-readable: 760px;
	--gh-ui-content-wide: 1180px;
	--gh-ui-content-reading: var(--gh-ui-content-readable);
	--gh-ui-popover-menu: 352px;
	--gh-ui-popover-wide: 512px;
	--gh-ui-sidebar-width: 360px;
	--gh-ui-shadow-subtle: 0 1px 3px color-mix(in srgb, var(--gh-ui-text) 4%, transparent), 0 1px 2px color-mix(in srgb, var(--gh-ui-text) 6%, transparent);
	--gh-ui-shadow-ambient: 0 4px 16px color-mix(in srgb, var(--gh-ui-text) 6%, transparent), 0 1px 3px color-mix(in srgb, var(--gh-ui-text) 4%, transparent);
	--gh-ui-shadow-raised: 0 10px 30px color-mix(in srgb, var(--gh-ui-text) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--gh-ui-text) 4%, transparent);
	--gh-ui-shadow-float: 0 20px 48px color-mix(in srgb, var(--gh-ui-text) 10%, transparent), 0 4px 12px color-mix(in srgb, var(--gh-ui-text) 5%, transparent);
	--gh-ui-transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
	--gh-ui-transition-smooth: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	--gh-ui-transition-spring: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
	--gh-ui-layer-popover: 30;
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential
) {
	box-sizing: border-box;
	color: var(--gh-ui-ink);
	font-weight: 400;
	line-height: 1.55;
}

/* Shared structural primitives. Components may extend these without replacing their tokens. */
:where(.gh-ui-page) {
	inline-size: min(100%, var(--gh-ui-content-wide));
	margin-inline: auto;
	padding: var(--gh-ui-space-6) var(--gh-ui-space-5) var(--gh-ui-space-8);
	color: var(--gh-ui-text);
}

:where(.gh-ui-section) {
	padding-block: var(--gh-ui-space-6);
	border-block-start: 1px solid var(--gh-ui-divider);
}

:where(.gh-ui-panel) {
	padding: var(--gh-ui-space-5);
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--gh-ui-radius);
	background: var(--gh-ui-surface-raised);
}

:where(.gh-ui-form-row) {
	display: grid;
	gap: var(--gh-ui-space-2);
	padding-block: var(--gh-ui-space-4);
}

:where(.gh-ui-choice) {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--gh-ui-space-3);
	align-items: center;
	min-block-size: var(--gh-ui-control-height);
	padding: var(--gh-ui-space-3) var(--gh-ui-space-4);
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--gh-ui-radius-sm);
	background: var(--gh-ui-surface-field);
}

:where(.gh-ui-action-row) {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gh-ui-space-3);
	align-items: center;
	justify-content: flex-start;
}

:where(.gh-ui-responsive-grid) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--gh-ui-space-5);
}

:where(.gh-ui-empty-state) {
	padding: var(--gh-ui-space-5);
	border: 1px dashed var(--gh-ui-border);
	border-radius: var(--gh-ui-radius);
	background: var(--gh-ui-surface-subtle);
	color: var(--gh-ui-text-muted);
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential
) *,
.gh-lms-native-shell * {
	box-sizing: border-box;
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment
) :where(p, li, td, th, label, input, textarea, select) {
	font-weight: var(--gh-ui-weight-regular);
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment
) :where(p, small, .description) {
	text-wrap: pretty;
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment
) :where(h1, h2, h3, h4) {
	color: var(--gh-ui-ink);
	line-height: 1.25;
	text-wrap: balance;
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-modules,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin
) h1 {
	font-size: clamp(26px, 2.3vw, 36px);
	font-weight: var(--gh-ui-weight-heading);
}

/*
 * Shared form controls.
 * The scope is deliberately limited to Greenhouse-owned surfaces so native
 * WordPress and third-party editor controls keep their own interaction model.
 */
:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(
	input:not([type]),
	input[type="text"],
	input[type="search"],
	input[type="email"],
	input[type="url"],
	input[type="tel"],
	input[type="password"],
	input[type="number"],
	input[type="date"],
	input[type="time"],
	input[type="datetime-local"],
	select,
	textarea
) {
	max-inline-size: 100%;
	min-inline-size: 0;
	min-block-size: var(--gh-ui-control-height);
	margin: 0;
	padding-block: var(--gh-ui-space-2);
	padding-inline: var(--gh-ui-control-padding-inline);
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--gh-ui-radius-control);
	background-color: var(--gh-ui-surface-field);
	color: var(--gh-ui-text);
	font: inherit;
	font-size: var(--gh-ui-type-sm);
	font-weight: var(--gh-ui-weight-regular);
	line-height: var(--gh-ui-leading-normal);
	box-shadow: none !important;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) select {
	inline-size: auto;
	max-inline-size: 100%;
	min-inline-size: min(100%, var(--gh-ui-select-min-inline));
	padding-inline-start: var(--gh-ui-control-padding-inline);
	padding-inline-end: calc(var(--gh-ui-control-padding-inline) + var(--gh-ui-space-5));
	text-overflow: ellipsis;
	white-space: nowrap;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) textarea {
	inline-size: 100%;
	min-block-size: calc(var(--gh-ui-control-height) * 2.5);
	resize: vertical;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]:not([role="switch"])) {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-grid !important;
	place-content: center;
	flex: 0 0 var(--gh-ui-choice-size);
	inline-size: var(--gh-ui-choice-size) !important;
	block-size: var(--gh-ui-choice-size) !important;
	min-inline-size: var(--gh-ui-choice-size) !important;
	min-block-size: var(--gh-ui-choice-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--gh-ui-border) !important;
	border-radius: var(--gh-ui-radius-choice) !important;
	background: var(--gh-ui-surface-field) !important;
	color: var(--gh-ui-text-inverse) !important;
	box-shadow: none !important;
	vertical-align: middle;
	cursor: pointer;
	transition: border-color 140ms ease, background-color 140ms ease;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]:not([role="switch"]))::before {
	content: "" !important;
	float: none !important;
	display: block;
	inline-size: var(--gh-ui-choice-mark-size) !important;
	block-size: var(--gh-ui-choice-mark-size) !important;
	margin: 0 !important;
	background: var(--gh-ui-text-inverse);
	clip-path: polygon(14% 44%, 0 59%, 40% 100%, 100% 21%, 84% 7%, 39% 73%);
	transform: scale(0);
	transform-origin: center;
	transition: transform 120ms ease;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) input[type="radio"]:not([role="switch"]) {
	border-radius: 50% !important;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) input[type="radio"]:not([role="switch"])::before {
	inline-size: calc(var(--gh-ui-choice-mark-size) - var(--gh-ui-space-1)) !important;
	block-size: calc(var(--gh-ui-choice-mark-size) - var(--gh-ui-space-1)) !important;
	border-radius: 50%;
	clip-path: none;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]:not([role="switch"])):is(:checked, :indeterminate) {
	border-color: var(--gh-ui-action) !important;
	background: var(--gh-ui-action) !important;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]:not([role="switch"])):checked::before {
	transform: scale(1);
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) input[type="checkbox"]:not([role="switch"]):indeterminate::before {
	inline-size: calc(var(--gh-ui-choice-mark-size) - var(--gh-ui-space-micro)) !important;
	block-size: var(--gh-ui-space-micro) !important;
	border-radius: var(--gh-ui-radius-pill);
	clip-path: none;
	transform: scale(1);
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]:not([role="switch"])):hover:not(:disabled) {
	border-color: var(--gh-ui-action) !important;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(input, select, textarea):focus-visible {
	border-color: var(--gh-ui-action) !important;
	outline: 3px solid var(--gh-ui-focus) !important;
	outline-offset: 2px;
	box-shadow: none !important;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin,
	.gh-lms-integrity,
	.gh-lms-retirement,
	.gh-lms-course-editor-hub,
	.gh-lms-learning-item-editor-hub,
	.gh-assessment,
	.credential,
	.gh-lms-native-shell
) :where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]:not([role="switch"])):disabled {
	border-color: var(--gh-ui-divider) !important;
	background: var(--gh-action-disabled) !important;
	color: var(--gh-ui-text-disabled) !important;
	cursor: not-allowed;
	opacity: 1;
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-modules,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin
) :where(.button, button, input[type="submit"], input[type="button"]) {
	min-height: var(--gh-ui-control-height);
	box-shadow: none;
	font-weight: var(--gh-ui-weight-medium);
	line-height: 1.2;
}

:where(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-account,
	.gh-lms-customer-account,
	.gh-lms-catalog,
	.gh-lms-course-content,
	.gh-style-guide,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin
) :focus-visible,
.gh-lms-native-shell :focus-visible {
	outline: 3px solid var(--gh-ui-focus);
	outline-offset: 3px;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin
) .button:not(.button-link) {
	border-color: var(--gh-ui-border);
	background: var(--gh-ui-surface-raised);
	color: var(--gh-ui-text);
	box-shadow: none !important;
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin
) .button-primary:not(.button-link) {
	border-color: var(--gh-ui-action);
	background: var(--gh-ui-action);
	color: var(--gh-ui-text-inverse);
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin
) :where(.button:not(.button-link), .button-primary:not(.button-link)):hover {
	border-color: var(--gh-ui-action-hover);
	background: var(--gh-ui-surface-selected);
	color: var(--gh-ui-text-heading);
}

:is(
	.gh-lms-manager,
	.gh-lms-access,
	.gh-lms-import,
	.gh-lms-settings,
	.gh-lms-builder-support,
	.gh-lms-appearance,
	.gh-lms-studio,
	.gh-levels-shell,
	.gh-lms-copy-admin,
	.gh-lms-modules,
	.gh-lms-guidance-host,
	.gh-lms-activity-admin,
	.gh-lms-discussions-admin
) .button-primary:not(.button-link):hover {
	border-color: var(--gh-ui-action-hover);
	background: var(--gh-ui-action-hover);
	color: var(--gh-ui-text-inverse);
}

.gh-lms-native-shell .editor-content :where(
	.wp-block-embed-vimeo,
	.is-provider-vimeo,
	.wp-block-embed-vimeo .wp-block-embed__wrapper,
	.is-provider-vimeo .wp-block-embed__wrapper,
	.wp-block-embed-vimeo iframe,
	.is-provider-vimeo iframe
) {
	width: 100% !important;
	max-width: none !important;
}

@media (prefers-reduced-motion: reduce) {
	:where(.gh-lms-manager, .gh-lms-import, .gh-lms-studio, .gh-lms-account, .gh-lms-catalog, .gh-lms-builder-support) * {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

@media (max-width: 782px) {
	:where(.gh-ui-page) {
		padding-inline: var(--gh-ui-space-4);
		padding-block-start: var(--gh-ui-space-5);
	}
}