/*
Theme Name: Skilltruly
Theme URI: https://skilltruly.example/theme
Author: Skilltruly
Author URI: https://skilltruly.example
Description: Skilltruly app theme with an Ocoya-inspired product UI language.
Version: 2.4.4
Text Domain: skilltruly-theme
Tags: community, minimal, responsive
*/

:root {
	--sktr-bg: #09090b;
	--sktr-page: #09090b;
	--sktr-card: #111318;
	--sktr-card-2: #18181b;
	--sktr-border: #27272a;
	--sktr-border-strong: #3f3f46;
	--sktr-text: #fafafa;
	--sktr-heading: #ffffff;
	--sktr-muted: #a1a1aa;
	--sktr-muted-2: #71717a;
	--sktr-soft: #18181b;
	--sktr-soft-2: #111318;
	--sktr-primary: #0099ff;
	--sktr-primary-dark: #127ef1;
	--sktr-primary-soft: rgba(0, 153, 255, 0.1);
	--sktr-green: #48d87d;
	--sktr-neon: #beff4b;
	--sktr-cyan: #67e8f9;
	--sktr-pink: #f472b6;
	--sktr-orange: #fb923c;
	--sktr-radius-xs: 8px;
	--sktr-radius-sm: 12px;
	--sktr-radius: 16px;
	--sktr-radius-lg: 24px;
	--sktr-radius-pill: 999px;
	--sktr-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
	--sktr-shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.35);
	--sktr-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--sktr-font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
	--sktr-shell: min(1440px, calc(100% - 40px));
}

* {
	box-sizing: border-box;
}

[hidden] {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

body {
	margin: 0;
	min-width: 320px;
	overflow-x: clip;
	background:
		radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.11) 1px, transparent 0),
		linear-gradient(180deg, #09090b 0%, #111318 55%, #18181b 100%);
	background-size: 30px 30px, auto;
	color: var(--sktr-text);
	font-family: var(--sktr-font-body);
	font-size: 16px;
	line-height: 1.6;
}

body.sktr-modal-open,
body.sktr-lesson-sidebar-open {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
textarea,
select {
	font: inherit;
}

button {
	cursor: pointer;
}

img {
	display: block;
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.08;
}

p {
	margin: 0;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skilltruly-page {
	min-height: 100vh;
	overflow-x: clip;
}

.sktr-shell {
	width: var(--sktr-shell);
	max-width: 100%;
	margin: 0 auto;
	padding: 24px 0 72px;
}

.sktr-surface,
.sktr-composer-card,
.sktr-post-card,
.sktr-sidecard,
.sktr-member-row,
.sktr-course-card,
.sktr-search-shell,
.sktr-page-surface,
.sktr-auth-shell,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-course-player__mobile-page,
.sktr-cart-drawer__panel,
.sktr-browse-card,
.sktr-woocommerce-page {
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-lg);
	box-shadow: var(--sktr-shadow-soft);
}

.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__mobile-login,
.sktr-header__mobile-signup,
.sktr-community-join-button,
.sktr-community-checkout-button,
.sktr-community-upgrade-button,
.sktr-auth-panel__cta,
.sktr-auth-panel__secondary {
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 18px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-pill);
	background: #ffffff;
	color: var(--sktr-text);
	font-family: var(--sktr-font-display);
	font-size: 0.92rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(9, 9, 11, 0.04);
	transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.sktr-button:hover,
.button:hover,
.sktr-ghost-link:hover,
.sktr-button:focus,
.button:focus,
.sktr-ghost-link:focus {
	border-color: rgba(0, 153, 255, 0.45);
	color: var(--sktr-primary-dark);
	transform: translateY(-1px);
	box-shadow: 0 12px 28px rgba(9, 9, 11, 0.08);
	outline: 0;
}

.sktr-button--primary,
.button-primary,
.sktr-header__signup,
.sktr-header__mobile-signup,
.sktr-auth-panel__cta,
.sktr-profile-form__actions .sktr-button--primary,
.sktr-community-join-button,
.sktr-community-checkout-button {
	background: var(--sktr-primary);
	border-color: var(--sktr-primary);
	color: #ffffff;
	box-shadow: 0 14px 32px rgba(0, 153, 255, 0.24);
}

.sktr-button--primary:hover,
.button-primary:hover,
.sktr-header__signup:hover,
.sktr-header__mobile-signup:hover,
.sktr-auth-panel__cta:hover,
.sktr-community-join-button:hover,
.sktr-community-checkout-button:hover,
.sktr-button--primary:focus,
.button-primary:focus,
.sktr-header__signup:focus,
.sktr-header__mobile-signup:focus,
.sktr-auth-panel__cta:focus,
.sktr-community-join-button:focus,
.sktr-community-checkout-button:focus {
	background: var(--sktr-primary-dark);
	border-color: var(--sktr-primary-dark);
	color: #ffffff;
}

.sktr-button--muted,
.sktr-auth-panel__secondary,
.button-secondary {
	background: var(--sktr-soft);
	border-color: var(--sktr-border);
	color: var(--sktr-text);
	box-shadow: none;
}

.button-link,
.sktr-auth-link-button,
.sktr-post-card__more-toggle,
.sktr-comments-load-more,
.sktr-comment-reply {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--sktr-primary-dark);
	font: inherit;
	font-weight: 800;
	text-decoration: none;
	box-shadow: none;
}

.button-link:hover,
.button-link:focus,
.sktr-auth-link-button:hover,
.sktr-auth-link-button:focus,
.sktr-comment-reply:hover,
.sktr-comment-reply:focus {
	color: var(--sktr-primary);
	outline: 0;
}

.sktr-header {
	position: sticky;
	top: 0;
	z-index: 80;
	width: 100%;
	margin: 0 0 20px;
	padding: 12px 16px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(228, 228, 231, 0.92);
	border-radius: 28px;
	box-shadow: 0 16px 46px rgba(9, 9, 11, 0.08);
	backdrop-filter: blur(18px);
	transform-origin: top center;
	transition:
		width 520ms cubic-bezier(0.16, 1, 0.3, 1),
		max-width 520ms cubic-bezier(0.16, 1, 0.3, 1),
		margin 520ms cubic-bezier(0.16, 1, 0.3, 1),
		padding 520ms cubic-bezier(0.16, 1, 0.3, 1),
		border-radius 520ms cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 520ms cubic-bezier(0.16, 1, 0.3, 1),
		background-color 520ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 520ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.sktr-header.is-stuck {
	width: 100vw;
	max-width: none;
	margin: 0 0 20px calc(50% - 50vw);
	padding: 8px 36px;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: rgba(7, 8, 10, 0.96);
	border-color: #282b32;
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.28);
	transform: translateY(0);
}

@media (max-width: 1180px) {
	.sktr-header {
		top: 0;
	}
}

/*
 * Final compact density enforcement.
 * This sits after the theme's historical correction layers so the app no longer feels zoomed.
 */
:root {
	--sktr-shell: min(1360px, calc(100% - 32px));
	--sktr-radius-xs: 7px;
	--sktr-radius-sm: 10px;
	--sktr-radius: 14px;
	--sktr-radius-lg: 20px;
	--sktr-density-gap: 14px;
	--sktr-density-gap-lg: 18px;
	--sktr-density-pad: 16px;
	--sktr-control-height: 42px;
	--sktr-control-height-lg: 46px;
	--sktr-text-sm: 0.82rem;
	--sktr-text-lg: 1.08rem;
}

body {
	font-size: 15px;
	line-height: 1.52;
}

.sktr-shell {
	padding: 18px 0 56px;
}

.sktr-section,
.sktr-page-grid,
.sktr-community-main,
.sktr-course-player,
.sktr-auth-panels,
.sktr-auth-panel,
.sktr-auth-panel.is-active,
.sktr-auth-panel-group.is-active,
.sktr-profile-form,
.sktr-post-form,
.sktr-comment-form,
.sktr-search-modal__body {
	gap: var(--sktr-density-gap);
}

.sktr-surface,
.sktr-composer-card,
.sktr-post-card,
.sktr-sidecard,
.sktr-member-row,
.sktr-course-card,
.sktr-search-shell,
.sktr-page-surface,
.sktr-auth-shell,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-course-player__mobile-page,
.sktr-cart-drawer__panel,
.sktr-browse-card,
.sktr-woocommerce-page,
.sktr-site-footer__inner {
	border-radius: var(--sktr-radius);
}

.sktr-post-card,
.sktr-sidecard__body,
.sktr-course-card__body,
.sktr-browse-card__body,
.sktr-page-surface,
.sktr-section__header,
.sktr-composer-card,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__mobile-page,
.sktr-woocommerce-page {
	padding: var(--sktr-density-pad);
}

.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__mobile-login,
.sktr-header__mobile-signup,
.sktr-community-join-button,
.sktr-community-checkout-button,
.sktr-community-upgrade-button,
.sktr-auth-panel__cta,
.sktr-auth-panel__secondary,
.sktr-hero__actions .sktr-button {
	min-height: var(--sktr-control-height);
	padding: 0 16px;
	font-size: 0.88rem;
}

.sktr-post-form input[type="text"],
.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-search-shell input,
.sktr-auth-panel input,
.sktr-profile-form input,
.sktr-profile-form textarea,
.sktr-search-modal__input,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
	min-height: var(--sktr-control-height);
	padding: 10px 13px;
	border-radius: 13px;
	font-size: 0.92rem;
}

.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-profile-form textarea {
	min-height: 92px;
}

.sktr-header {
	margin-bottom: 16px;
	padding: 10px 14px;
	border-radius: 22px;
}

.sktr-header.is-stuck {
	padding: 7px 28px;
	border-radius: 0;
}

.sktr-header__bar {
	gap: 12px;
}

.sktr-header__logo {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	font-size: 1.08rem;
}

.sktr-header__search,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__user {
	min-height: var(--sktr-control-height-lg);
}

.sktr-header__search {
	padding: 0 15px;
}

.sktr-header__search input {
	font-size: 0.96rem;
}

.sktr-header__user {
	gap: 8px;
	padding: 5px 12px 5px 7px;
}

.sktr-avatar {
	width: 38px;
	height: 38px;
}

.sktr-header__tabs {
	margin-bottom: 16px;
	padding: 6px;
	border-radius: 20px;
}

.sktr-header__tabs.is-stuck {
	border-radius: 0;
}

.sktr-header__tab {
	min-height: 38px;
	padding: 0 16px;
	font-size: 0.86rem;
}

.sktr-hero {
	min-height: min(580px, calc(100vh - 150px));
	padding: clamp(34px, 5vw, 68px) 8px clamp(32px, 5vw, 58px);
	gap: clamp(22px, 4vw, 52px);
}

.sktr-hero__content {
	gap: var(--sktr-density-gap-lg);
}

.sktr-hero h1,
.sktr-section__header h2 {
	font-size: clamp(2.4rem, 5vw, 5.8rem);
	line-height: 1;
}

.sktr-hero__content > p {
	font-size: clamp(0.98rem, 1.25vw, 1.12rem);
}

.sktr-course-card__body h4,
.sktr-browse-card__body h3,
.sktr-post-card__title,
.sktr-sidecard__body h3,
.sktr-page-surface h1,
.sktr-page-surface h2 {
	font-size: var(--sktr-text-lg);
}

.sktr-post-card__description,
.sktr-post-card__body,
.sktr-course-card__summary,
.sktr-browse-card__excerpt,
.sktr-sidecard__body p,
.sktr-member-row__meta,
.sktr-search-result span,
.sktr-cart-drawer__header span {
	font-size: var(--sktr-text-sm);
}

.sktr-reaction-button,
.sktr-post-card__comment-toggle,
.sktr-site-footer__badge {
	min-height: 34px;
	padding: 0 12px;
	font-size: 0.82rem;
}

.sktr-sidecard__stats > div {
	padding: 12px;
}

.sktr-auth-modal,
.sktr-composer-modal {
	padding: 16px;
}

.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog {
	max-height: calc(100dvh - 32px);
	border-radius: 22px;
	scrollbar-gutter: stable;
}

.sktr-auth-modal__dialog--auth {
	width: min(520px, calc(100vw - 24px));
}

.sktr-auth-shell {
	gap: 16px;
	padding: 22px;
}

.sktr-auth-tabs {
	gap: 5px;
	padding: 5px;
	margin-bottom: 2px;
}

.sktr-auth-tab {
	min-height: 40px;
	font-size: 0.9rem;
}

.sktr-auth-panel__copy {
	gap: 5px;
}

.sktr-auth-panel__copy strong {
	font-size: 1.08rem;
	line-height: 1.15;
}

.sktr-auth-panel__copy span,
.sktr-auth-note,
.sktr-auth-inline-links {
	font-size: 0.82rem;
	line-height: 1.45;
}

.sktr-auth-panel label,
.sktr-profile-form label {
	gap: 7px;
	font-size: 0.84rem;
	line-height: 1.25;
}

.sktr-auth-panel__cta,
.sktr-auth-panel__secondary {
	min-height: 42px;
}

.sktr-auth-modal__header,
.sktr-composer-modal__header,
.sktr-cart-drawer__header,
.sktr-search-modal__header {
	gap: 12px;
	padding: 18px 18px 0;
}

.sktr-auth-modal__header h3,
.sktr-composer-modal__header h3,
.sktr-search-modal__header h3 {
	font-size: 1.22rem;
}

.sktr-auth-modal__close,
.sktr-composer-modal__close,
.sktr-cart-drawer__close,
.sktr-course-player__sidebar-close {
	width: 38px;
	height: 38px;
	font-size: 1.2rem;
}

.sktr-auth-modal__close--floating {
	top: 10px;
	right: 10px;
}

.sktr-profile-form,
.sktr-search-modal__body,
.sktr-composer-modal__dialog .sktr-post-form,
.sktr-cart-drawer__body,
.sktr-cart-drawer__footer {
	padding: var(--sktr-density-pad);
}

@media (max-height: 760px) {
	.sktr-auth-modal,
	.sktr-composer-modal {
		padding: 10px;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog {
		max-height: calc(100dvh - 20px);
	}

	.sktr-auth-shell {
		gap: 12px;
		padding: 16px;
	}

	.sktr-auth-panel,
	.sktr-auth-panel.is-active,
	.sktr-auth-panel-group.is-active,
	.sktr-auth-panels {
		gap: 11px;
	}

	.sktr-auth-panel input {
		min-height: 40px;
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary,
	.sktr-auth-tab {
		min-height: 36px;
	}
}

@media (max-width: 680px) {
	:root {
		--sktr-shell: min(100%, calc(100% - 16px));
	}

	body {
		font-size: 14px;
	}

	.sktr-shell {
		padding-top: 12px;
		padding-bottom: 38px;
	}

	.sktr-header {
		padding: 8px;
		margin-bottom: 12px;
		border-radius: 18px;
	}

	.sktr-header.is-stuck {
		padding: 7px 12px;
		border-radius: 0;
	}

	.sktr-header__logo {
		width: 38px;
		height: 38px;
		border-radius: 12px;
		font-size: 0.95rem;
	}

	.sktr-header__search,
	.sktr-header__login,
	.sktr-header__signup,
	.sktr-header__user,
	.sktr-header__mobile-login,
	.sktr-header__mobile-signup,
	.sktr-header__mobile-icon,
	.sktr-header__mobile-avatar,
	.sktr-header__mobile-back {
		min-height: 40px;
	}

	.sktr-header__tabs {
		margin-bottom: 14px;
		border-radius: 18px;
	}

	.sktr-header__tab {
		min-height: 36px;
		padding: 0 12px;
		font-size: 0.8rem;
	}

	.sktr-post-card,
	.sktr-sidecard__body,
	.sktr-course-card__body,
	.sktr-browse-card__body,
	.sktr-course-player__header,
	.sktr-course-player__content,
	.sktr-course-player__mobile-page,
	.sktr-page-surface,
	.sktr-section__header {
		padding: 14px;
	}

	.sktr-auth-modal,
	.sktr-composer-modal {
		padding: 10px;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog {
		max-height: calc(100dvh - 20px);
		border-radius: 18px;
	}

	.sktr-auth-shell,
	.sktr-profile-form,
	.sktr-composer-modal__dialog .sktr-post-form,
	.sktr-search-modal__body {
		padding: 14px;
	}

	.sktr-auth-panel input,
	.sktr-profile-form input,
	.sktr-profile-form textarea,
	.sktr-search-modal__input,
	.sktr-post-form input[type="text"],
	.sktr-post-form textarea,
	.sktr-comment-form textarea,
	.sktr-search-shell input {
		min-height: 40px;
		font-size: 0.88rem;
	}

	.sktr-auth-tab,
	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary,
	.sktr-button,
	.button,
	.sktr-ghost-link {
		min-height: 38px;
	}

	.sktr-hero h1,
	.sktr-section__header h2 {
		font-size: clamp(2rem, 11vw, 3.1rem);
	}
}

/*
 * Auth modal breathing room.
 * Restores minimal spacing after the compact pass without bringing back page-level overflow.
 */
.sktr-auth-modal__dialog--auth {
	width: min(520px, calc(100vw - 24px));
}

.sktr-auth-shell {
	gap: 16px;
	padding: 22px;
}

.sktr-auth-tabs {
	margin-bottom: 2px;
}

.sktr-auth-tab {
	min-height: 40px;
}

.sktr-auth-panel__copy {
	gap: 5px;
}

.sktr-auth-panel label,
.sktr-profile-form label {
	gap: 7px;
}

.sktr-auth-panel__cta,
.sktr-auth-panel__secondary {
	min-height: 42px;
}

@media (max-height: 760px) {
	.sktr-auth-shell {
		gap: 12px;
		padding: 16px;
	}

	.sktr-auth-panel,
	.sktr-auth-panel.is-active,
	.sktr-auth-panel-group.is-active,
	.sktr-auth-panels {
		gap: 11px;
	}

	.sktr-auth-tab,
	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary {
		min-height: 38px;
	}
}

/*
 * Whole-app compact density layer.
 * Keeps the dark rounded UI, but reduces the oversized spacing that made simple dialogs feel zoomed.
 */
:root {
	--sktr-shell: min(1360px, calc(100% - 32px));
	--sktr-radius-xs: 7px;
	--sktr-radius-sm: 10px;
	--sktr-radius: 14px;
	--sktr-radius-lg: 20px;
	--sktr-density-gap-xs: 6px;
	--sktr-density-gap-sm: 10px;
	--sktr-density-gap: 14px;
	--sktr-density-gap-lg: 18px;
	--sktr-density-pad-sm: 12px;
	--sktr-density-pad: 16px;
	--sktr-density-pad-lg: 20px;
	--sktr-control-height-sm: 38px;
	--sktr-control-height: 42px;
	--sktr-control-height-lg: 46px;
	--sktr-text-sm: 0.82rem;
	--sktr-text-base: 0.94rem;
	--sktr-text-lg: 1.08rem;
	--sktr-shadow: 0 20px 54px rgba(0, 0, 0, 0.42);
	--sktr-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.28);
}

body {
	font-size: 15px;
	line-height: 1.52;
}

.sktr-shell {
	padding: 18px 0 56px;
}

.sktr-section,
.sktr-page-grid,
.sktr-community-main,
.sktr-course-player,
.sktr-auth-panels,
.sktr-auth-panel,
.sktr-auth-panel.is-active,
.sktr-auth-panel-group.is-active,
.sktr-profile-form,
.sktr-post-form,
.sktr-comment-form,
.sktr-search-modal__body,
.sktr-cart-drawer__body .woocommerce-mini-cart {
	gap: var(--sktr-density-gap);
}

.sktr-surface,
.sktr-composer-card,
.sktr-post-card,
.sktr-sidecard,
.sktr-member-row,
.sktr-course-card,
.sktr-search-shell,
.sktr-page-surface,
.sktr-auth-shell,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-course-player__mobile-page,
.sktr-cart-drawer__panel,
.sktr-browse-card,
.sktr-woocommerce-page,
.sktr-site-footer__inner {
	border-radius: var(--sktr-radius);
}

.sktr-post-card,
.sktr-sidecard__body,
.sktr-course-card__body,
.sktr-browse-card__body,
.sktr-page-surface,
.sktr-section__header,
.sktr-composer-card,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__mobile-page,
.sktr-woocommerce-page {
	padding: var(--sktr-density-pad);
}

.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__mobile-login,
.sktr-community-join-button,
.sktr-community-checkout-button,
.sktr-community-upgrade-button,
.sktr-auth-panel__cta,
.sktr-auth-panel__secondary,
.sktr-hero__actions .sktr-button {
	min-height: var(--sktr-control-height);
	padding: 0 16px;
	font-size: 0.88rem;
}

.sktr-post-form input[type="text"],
.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-search-shell input,
.sktr-auth-panel input,
.sktr-profile-form input,
.sktr-profile-form textarea,
.sktr-search-modal__input,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
	min-height: var(--sktr-control-height);
	padding: 10px 13px;
	border-radius: 13px;
	font-size: 0.92rem;
}

.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-profile-form textarea {
	min-height: 92px;
}

.sktr-header {
	margin-bottom: 16px;
	padding: 10px 14px;
	border-radius: 22px;
}

.sktr-header.is-stuck {
	padding: 7px 28px;
	border-radius: 0;
}

.sktr-header__bar {
	gap: 12px;
}

.sktr-header__logo {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	font-size: 1.08rem;
}

.sktr-header__search,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__user {
	min-height: var(--sktr-control-height-lg);
}

.sktr-header__search {
	padding: 0 15px;
}

.sktr-header__search input {
	font-size: 0.96rem;
}

.sktr-header__user {
	gap: 8px;
	padding: 5px 12px 5px 7px;
}

.sktr-avatar {
	width: 38px;
	height: 38px;
}

.sktr-header__tabs {
	margin-bottom: 16px;
	padding: 6px;
	border-radius: 20px;
}

.sktr-header__tabs.is-stuck {
	border-radius: 0;
}

.sktr-header__tab {
	min-height: 38px;
	padding: 0 16px;
	font-size: 0.86rem;
}

.sktr-hero {
	min-height: min(580px, calc(100vh - 150px));
	padding: clamp(34px, 5vw, 68px) 8px clamp(32px, 5vw, 58px);
	gap: clamp(22px, 4vw, 52px);
}

.sktr-hero__content {
	gap: var(--sktr-density-gap-lg);
}

.sktr-hero h1,
.sktr-section__header h2 {
	font-size: clamp(2.4rem, 5vw, 5.8rem);
	line-height: 1;
}

.sktr-hero__content > p {
	font-size: clamp(0.98rem, 1.25vw, 1.12rem);
}

.sktr-course-card__body h4,
.sktr-browse-card__body h3,
.sktr-post-card__title,
.sktr-sidecard__body h3,
.sktr-page-surface h1,
.sktr-page-surface h2 {
	font-size: var(--sktr-text-lg);
}

.sktr-post-card__description,
.sktr-post-card__body,
.sktr-course-card__summary,
.sktr-browse-card__excerpt,
.sktr-sidecard__body p,
.sktr-member-row__meta,
.sktr-search-result span,
.sktr-cart-drawer__header span {
	font-size: var(--sktr-text-sm);
}

.sktr-reaction-button,
.sktr-post-card__comment-toggle,
.sktr-site-footer__badge {
	min-height: 34px;
	padding: 0 12px;
	font-size: 0.82rem;
}

.sktr-sidecard__stats > div {
	padding: 12px;
}

.sktr-auth-modal,
.sktr-composer-modal {
	padding: 16px;
}

.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog {
	max-height: calc(100dvh - 32px);
	border-radius: 22px;
	scrollbar-gutter: stable;
}

.sktr-auth-modal__dialog--auth {
	width: min(500px, calc(100vw - 24px));
}

.sktr-auth-shell {
	gap: 13px;
	padding: 18px;
}

.sktr-auth-tabs {
	gap: 5px;
	padding: 5px;
}

.sktr-auth-tab {
	min-height: 38px;
	font-size: 0.9rem;
}

.sktr-auth-panel__copy {
	gap: 3px;
}

.sktr-auth-panel__copy strong {
	font-size: 1.08rem;
	line-height: 1.15;
}

.sktr-auth-panel__copy span,
.sktr-auth-note,
.sktr-auth-inline-links {
	font-size: 0.82rem;
	line-height: 1.45;
}

.sktr-auth-panel label,
.sktr-profile-form label {
	gap: 6px;
	font-size: 0.84rem;
	line-height: 1.25;
}

.sktr-auth-panel__cta,
.sktr-auth-panel__secondary {
	min-height: 40px;
}

.sktr-auth-modal__header,
.sktr-composer-modal__header,
.sktr-cart-drawer__header,
.sktr-search-modal__header {
	gap: 12px;
	padding: 18px 18px 0;
}

.sktr-auth-modal__header h3,
.sktr-composer-modal__header h3,
.sktr-search-modal__header h3 {
	font-size: 1.22rem;
}

.sktr-auth-modal__close,
.sktr-composer-modal__close,
.sktr-cart-drawer__close,
.sktr-course-player__sidebar-close {
	width: 38px;
	height: 38px;
	font-size: 1.2rem;
}

.sktr-auth-modal__close--floating {
	top: 10px;
	right: 10px;
}

.sktr-profile-form,
.sktr-search-modal__body,
.sktr-composer-modal__dialog .sktr-post-form,
.sktr-cart-drawer__body,
.sktr-cart-drawer__footer {
	padding: var(--sktr-density-pad);
}

@media (max-height: 760px) {
	.sktr-auth-modal,
	.sktr-composer-modal {
		padding: 10px;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog {
		max-height: calc(100dvh - 20px);
	}

	.sktr-auth-shell {
		gap: 10px;
		padding: 14px;
	}

	.sktr-auth-panel,
	.sktr-auth-panel.is-active,
	.sktr-auth-panel-group.is-active,
	.sktr-auth-panels {
		gap: 10px;
	}

	.sktr-auth-panel input {
		min-height: 40px;
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary,
	.sktr-auth-tab {
		min-height: 36px;
	}
}

@media (max-width: 680px) {
	:root {
		--sktr-shell: min(100%, calc(100% - 16px));
	}

	body {
		font-size: 14px;
	}

	.sktr-shell {
		padding-top: 12px;
		padding-bottom: 38px;
	}

	.sktr-header {
		padding: 8px;
		margin-bottom: 12px;
		border-radius: 18px;
	}

	.sktr-header.is-stuck {
		padding: 7px 12px;
		border-radius: 0;
	}

	.sktr-header__logo {
		width: 38px;
		height: 38px;
		border-radius: 12px;
		font-size: 0.95rem;
	}

	.sktr-header__search,
	.sktr-header__login,
	.sktr-header__signup,
	.sktr-header__user,
	.sktr-header__mobile-login,
	.sktr-header__mobile-icon,
	.sktr-header__mobile-avatar,
	.sktr-header__mobile-back {
		min-height: 40px;
	}

	.sktr-header__tabs {
		margin-bottom: 14px;
		border-radius: 18px;
	}

	.sktr-header__tab {
		min-height: 36px;
		padding: 0 12px;
		font-size: 0.8rem;
	}

	.sktr-post-card,
	.sktr-sidecard__body,
	.sktr-course-card__body,
	.sktr-browse-card__body,
	.sktr-course-player__header,
	.sktr-course-player__content,
	.sktr-course-player__mobile-page,
	.sktr-page-surface,
	.sktr-section__header {
		padding: 14px;
	}

	.sktr-auth-modal,
	.sktr-composer-modal {
		padding: 10px;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog {
		max-height: calc(100dvh - 20px);
		border-radius: 18px;
	}

	.sktr-auth-shell,
	.sktr-profile-form,
	.sktr-composer-modal__dialog .sktr-post-form,
	.sktr-search-modal__body {
		padding: 14px;
	}

	.sktr-auth-panel input,
	.sktr-profile-form input,
	.sktr-profile-form textarea,
	.sktr-search-modal__input,
	.sktr-post-form input[type="text"],
	.sktr-post-form textarea,
	.sktr-comment-form textarea,
	.sktr-search-shell input {
		min-height: 40px;
		font-size: 0.88rem;
	}

	.sktr-auth-tab,
	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary,
	.sktr-button,
	.button,
	.sktr-ghost-link {
		min-height: 38px;
	}

	.sktr-hero h1,
	.sktr-section__header h2 {
		font-size: clamp(2rem, 11vw, 3.1rem);
	}
}

body.admin-bar .sktr-header {
	top: 32px;
}

.sktr-header__bar {
	display: grid;
	grid-template-columns: minmax(210px, auto) minmax(220px, 1fr) minmax(160px, auto);
	align-items: center;
	gap: 14px;
}

.sktr-header__brand,
.sktr-header__auth,
.sktr-header__auth-actions,
.sktr-header__mobile-actions {
	display: flex;
	align-items: center;
	min-width: 0;
}

.sktr-header__brand {
	gap: 12px;
}

.sktr-header__auth,
.sktr-header__auth-actions {
	justify-content: flex-end;
	gap: 10px;
}

.sktr-header__mobile-actions,
.sktr-header__mobile-back {
	display: none;
}

.sktr-header__logo {
	width: 48px;
	height: 48px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background:
		linear-gradient(135deg, rgba(190, 255, 75, 0.95), rgba(0, 153, 255, 0.95));
	color: #09090b;
	font-family: var(--sktr-font-display);
	font-size: 1.25rem;
	font-weight: 800;
	box-shadow: 0 14px 28px rgba(0, 153, 255, 0.2);
}

.sktr-header__brand-text {
	min-width: 0;
}

.sktr-header__brand-text strong {
	display: block;
	overflow: hidden;
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sktr-header__browse-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	color: var(--sktr-muted);
	font-size: 0.82rem;
	font-weight: 800;
}

.sktr-header__browse-link:hover,
.sktr-header__browse-link:focus {
	color: var(--sktr-primary-dark);
}

.sktr-header__browse-icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--sktr-soft);
}

.sktr-header__search {
	min-height: 52px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 18px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-pill);
	background: #fafafa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.sktr-header__search-icon {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--sktr-primary-soft);
	color: var(--sktr-primary-dark);
	font-size: 0;
}

.sktr-header__search-icon::before {
	content: "";
	width: 9px;
	height: 9px;
	border: 2px solid currentColor;
	border-radius: 50%;
	box-shadow: 6px 6px 0 -4px currentColor;
	transform: rotate(-15deg);
}

.sktr-header__search input {
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	color: var(--sktr-text);
	outline: 0;
}

.sktr-header__search input::placeholder {
	color: var(--sktr-muted);
}

.sktr-header__login,
.sktr-header__signup,
.sktr-header__user {
	min-height: 52px;
	white-space: nowrap;
}

.sktr-header__login {
	min-width: 104px;
}

.sktr-header__signup {
	min-width: 112px;
}

.sktr-header__user {
	max-width: 260px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 14px 6px 8px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-pill);
	background: #ffffff;
	color: var(--sktr-text);
	box-shadow: 0 8px 24px rgba(9, 9, 11, 0.06);
}

.sktr-header__user-text {
	display: grid;
	gap: 1px;
	min-width: 0;
	text-align: left;
}

.sktr-header__user-text strong,
.sktr-header__user-text small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sktr-header__user-text strong {
	font-family: var(--sktr-font-display);
	font-size: 0.9rem;
	font-weight: 800;
}

.sktr-header__user-text small {
	color: var(--sktr-muted);
	font-size: 0.75rem;
	font-weight: 700;
}

.sktr-avatar {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid rgba(0, 153, 255, 0.14);
	border-radius: 50%;
	background: linear-gradient(135deg, var(--sktr-soft), #ffffff);
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 0.9rem;
	font-weight: 800;
}

.sktr-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sktr-avatar--sm {
	width: 38px;
	height: 38px;
	font-size: 0.8rem;
}

.sktr-avatar--lg {
	width: 54px;
	height: 54px;
}

.sktr-avatar--xl {
	width: 82px;
	height: 82px;
	font-size: 1.2rem;
}

.sktr-account-menu {
	position: relative;
	z-index: 120;
}

.sktr-account-dropdown {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	z-index: 180;
	width: min(340px, calc(100vw - 32px));
	padding: 12px;
	border: 1px solid var(--sktr-border);
	border-radius: 20px;
	background: #ffffff;
	box-shadow: var(--sktr-shadow);
}

.sktr-account-dropdown__summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--sktr-border);
}

.sktr-account-dropdown__summary strong {
	display: block;
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-weight: 800;
}

.sktr-account-dropdown__summary p {
	margin-top: 2px;
	color: var(--sktr-muted);
	font-size: 0.86rem;
}

.sktr-account-dropdown__link {
	width: 100%;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding: 0 12px;
	border: 0;
	border-radius: 14px;
	background: transparent;
	color: var(--sktr-text);
	font-weight: 800;
	text-align: left;
}

.sktr-account-dropdown__item-main {
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.sktr-account-dropdown__icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: var(--sktr-muted);
	font-size: 18px;
	line-height: 1;
	transition: color var(--sktr-transition), transform var(--sktr-transition);
}

.sktr-account-dropdown__link:hover,
.sktr-account-dropdown__link:focus {
	background: var(--sktr-soft);
	color: var(--sktr-primary-dark);
	outline: 0;
}

.sktr-account-dropdown__link:hover .sktr-account-dropdown__icon,
.sktr-account-dropdown__link:focus .sktr-account-dropdown__icon {
	color: currentColor;
	transform: translateX(1px);
}

.sktr-account-dropdown__cart {
	justify-content: space-between;
}

.sktr-profile-cart-count,
.sktr-cart-toggle__count {
	min-width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 7px;
	border-radius: var(--sktr-radius-pill);
	background: var(--sktr-primary);
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 800;
}

.sktr-header__tabs {
	position: sticky;
	top: 104px;
	z-index: 70;
	display: flex;
	align-items: center;
	gap: 6px;
	overflow-x: auto;
	margin: 0 0 26px;
	padding: 8px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-pill);
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 12px 34px rgba(9, 9, 11, 0.06);
	backdrop-filter: blur(14px);
	scrollbar-width: none;
}

.sktr-header__tabs::-webkit-scrollbar {
	display: none;
}

.sktr-header__tab {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 0 auto;
	padding: 0 18px;
	border-radius: var(--sktr-radius-pill);
	color: var(--sktr-muted);
	font-family: var(--sktr-font-display);
	font-size: 0.9rem;
	font-weight: 800;
}

.sktr-header__tab.is-active,
.sktr-header__tab:hover,
.sktr-header__tab:focus {
	background: #09090b;
	color: #ffffff;
	outline: 0;
}

.sktr-community-main,
.sktr-community-tools {
	display: grid;
	gap: 22px;
}

.sktr-community-tools {
	margin: 0 0 18px;
}

.sktr-tab-panel {
	display: none;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 520ms var(--sktr-ease-standard, ease), transform 520ms var(--sktr-ease-standard, ease);
}

.sktr-tab-panel.is-active,
.sktr-tab-panel.is-leaving {
	display: block;
}

.sktr-tab-panel.is-active {
	opacity: 1;
	transform: translateY(0);
}

.sktr-tab-panel.is-leaving {
	opacity: 0;
	transform: translateY(-6px);
	pointer-events: none;
}

.sktr-section {
	display: grid;
	gap: 22px;
}

.sktr-section--page {
	max-width: 1040px;
	margin: 0 auto;
}

.sktr-section__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	padding: 28px;
	border: 1px solid var(--sktr-border);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--sktr-shadow-soft);
}

.sktr-section--hero .sktr-section__header {
	min-height: 250px;
	align-items: center;
	background:
		linear-gradient(135deg, rgba(0, 153, 255, 0.12), rgba(190, 255, 75, 0.16)),
		#ffffff;
}

.sktr-section__header > div {
	display: grid;
	gap: 12px;
	max-width: 760px;
}

.sktr-section__header h2 {
	font-size: clamp(2.2rem, 5vw, 5rem);
	letter-spacing: 0;
}

.sktr-section__header p {
	color: var(--sktr-muted);
	font-size: clamp(1rem, 1.2vw, 1.14rem);
	max-width: 680px;
}

.sktr-pill,
.sktr-course-player__eyebrow {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(0, 153, 255, 0.18);
	border-radius: var(--sktr-radius-pill);
	background: var(--sktr-primary-soft);
	color: var(--sktr-primary-dark);
	font-family: var(--sktr-font-display);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.sktr-page-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: 22px;
	align-items: start;
}

.sktr-main-column,
.sktr-side-column {
	display: grid;
	gap: 20px;
	min-width: 0;
}

.sktr-responsive-grid {
	display: grid;
	gap: 18px;
}

.sktr-browse-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.sktr-browse-card {
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.sktr-browse-card:hover,
.sktr-browse-card:focus-within,
.sktr-course-card:hover,
.sktr-course-card:focus-within,
.sktr-post-card:hover,
.sktr-member-row:hover {
	border-color: rgba(0, 153, 255, 0.28);
	transform: translateY(-3px);
	box-shadow: var(--sktr-shadow);
}

.sktr-browse-card__cover,
.sktr-course-card__cover {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: var(--sktr-soft);
}

.sktr-browse-card__cover-img,
.sktr-course-card__cover-image,
.sktr-sidecard__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sktr-browse-card__cover-fallback,
.sktr-course-card__cover-fallback,
.sktr-sidecard__placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		linear-gradient(135deg, rgba(0, 153, 255, 0.16), rgba(190, 255, 75, 0.25)),
		#ffffff;
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 3rem;
	font-weight: 800;
}

.sktr-browse-card__rank {
	position: absolute;
	top: 14px;
	left: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 32px;
	padding: 0 10px;
	border-radius: var(--sktr-radius-pill);
	background: rgba(9, 9, 11, 0.86);
	color: #ffffff;
	font-family: var(--sktr-font-display);
	font-size: 0.84rem;
	font-weight: 800;
	backdrop-filter: blur(10px);
}

.sktr-browse-card__body,
.sktr-course-card__body,
.sktr-sidecard__body {
	display: grid;
	gap: 14px;
	padding: 20px;
}

.sktr-browse-card__title-row {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

.sktr-browse-card__avatar {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 3px solid #ffffff;
	border-radius: 18px;
	background: var(--sktr-soft);
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-weight: 800;
	box-shadow: 0 10px 24px rgba(9, 9, 11, 0.12);
}

.sktr-browse-card__avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sktr-browse-card__title-row h3,
.sktr-course-card__body h4,
.sktr-post-card__title,
.sktr-sidecard__body h3 {
	font-size: 1.15rem;
	line-height: 1.22;
}

.sktr-browse-card__excerpt,
.sktr-course-card__summary,
.sktr-post-card__description,
.sktr-post-card__body p,
.sktr-sidecard__description,
.sktr-about-copy,
.sktr-page-entry__content,
.sktr-course-player__body {
	color: var(--sktr-muted);
	font-size: 0.95rem;
	line-height: 1.7;
}

.sktr-browse-card__meta,
.sktr-course-card__footer,
.sktr-post-card__meta,
.sktr-course-meta,
.sktr-member-meta,
.sktr-sidecard__slug,
.sktr-comment__time {
	color: var(--sktr-muted);
	font-size: 0.82rem;
	font-weight: 700;
}

.sktr-browse-card__pricing,
.sktr-sidecard__pricing-copy,
.sktr-browse-card__actions,
.sktr-sidecard__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.sktr-browse-card__pricing-label,
.sktr-sidecard__pricing-label,
.sktr-post-card__badge,
.sktr-course-card__pill,
.sktr-course-access,
.sktr-post-card__role,
.sktr-post-card__business,
.sktr-member-role,
.sktr-member-business {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 10px;
	border-radius: var(--sktr-radius-pill);
	background: var(--sktr-soft);
	color: var(--sktr-muted);
	font-family: var(--sktr-font-display);
	font-size: 0.74rem;
	font-weight: 800;
}

.sktr-browse-card__pricing-label--paid,
.sktr-sidecard__pricing-label--paid,
.sktr-course-card__pill,
.sktr-course-access {
	background: rgba(244, 114, 182, 0.12);
	color: #be185d;
}

.sktr-browse-card__pricing-label--free,
.sktr-sidecard__pricing-label--free {
	background: rgba(72, 216, 125, 0.14);
	color: #15803d;
}

.sktr-browse-card__pricing-value,
.sktr-sidecard__pricing-value {
	font-family: var(--sktr-font-display);
	font-size: 1.1rem;
	color: var(--sktr-heading);
}

.sktr-price-symbol {
	margin-right: 3px;
	color: var(--sktr-muted);
}

.sktr-browse-card__actions .sktr-community-membership-wrap,
.sktr-sidecard .sktr-community-membership-wrap,
.sktr-community-membership-wrap form {
	display: contents;
}

.sktr-community-membership-message,
.sktr-community-membership-status,
.sktr-community-upgrade-message,
.sktr-classroom-message,
.sktr-members-message,
.sktr-community-feed-message,
.sktr-post-form-message {
	padding: 14px 16px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius);
	background: #ffffff;
	color: var(--sktr-muted);
	font-weight: 700;
}

.sktr-community-membership-status[data-state="joined"] {
	background: rgba(72, 216, 125, 0.14);
	border-color: rgba(72, 216, 125, 0.35);
	color: #15803d;
}

.sktr-composer-card {
	padding: 10px;
}

.sktr-open-composer,
.sktr-open-auth-composer {
	width: 100%;
	min-height: 72px;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	border: 1px solid var(--sktr-border);
	border-radius: 20px;
	background: var(--sktr-soft-2);
	color: var(--sktr-muted);
	text-align: left;
}

.sktr-composer-card__avatar {
	width: 48px;
	height: 48px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
	background: #ffffff;
}

.sktr-open-composer__text {
	font-family: var(--sktr-font-display);
	font-weight: 800;
}

.sktr-post-card {
	display: grid;
	gap: 18px;
	padding: 22px;
}

.sktr-post-card__header,
.sktr-post-card__author-row,
.sktr-comment__header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.sktr-post-card__header {
	justify-content: space-between;
}

.sktr-post-card__avatar,
.sktr-comment__avatar,
.sktr-comment-form-avatar,
.sktr-member-avatar {
	flex: 0 0 auto;
}

.sktr-post-card__avatar img,
.sktr-member-avatar img {
	border-radius: 50%;
}

.sktr-post-card__author {
	display: grid;
	gap: 5px;
	min-width: 0;
	flex: 1;
}

.sktr-post-card__author-row {
	align-items: center;
	flex-wrap: wrap;
}

.sktr-post-card__author strong,
.sktr-comment__meta strong,
.sktr-member-details strong {
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-weight: 800;
}

.sktr-post-card__submeta,
.sktr-comment__identity,
.sktr-member-identity {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.sktr-post-card__badge {
	background: var(--sktr-primary-soft);
	color: var(--sktr-primary-dark);
}

.sktr-delete-post {
	width: 38px;
	height: 38px;
	justify-content: center;
	border-radius: 50%;
	color: var(--sktr-muted);
}

.sktr-delete-post:hover,
.sktr-delete-post:focus {
	background: var(--sktr-soft);
}

.sktr-post-card__body {
	display: grid;
	gap: 10px;
}

.sktr-post-card__description.is-collapsed {
	max-height: 8.6em;
	overflow: hidden;
}

.sktr-post-card__description.is-expanded {
	max-height: none;
}

.sktr-post-card__reactions,
.sktr-post-card__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.sktr-post-card .sktr-reaction-button,
.sktr-post-card__comment-toggle {
	min-width: 58px;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 12px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-pill);
	background: #ffffff;
	color: var(--sktr-muted);
	font-weight: 800;
}

.sktr-post-card .sktr-reaction-button.is-active,
.sktr-post-card__comment-toggle[aria-expanded="true"] {
	background: var(--sktr-primary-soft);
	border-color: rgba(0, 153, 255, 0.25);
	color: var(--sktr-primary-dark);
}

.sktr-reaction-label,
.sktr-post-card__action-icon {
	width: 18px;
	height: 18px;
	display: inline-flex;
}

.sktr-reaction-label svg,
.sktr-post-card__action-icon svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.sktr-post-card__comment-panel {
	display: grid;
	gap: 16px;
	padding: 16px;
	border: 1px solid var(--sktr-border);
	border-radius: 20px;
	background: var(--sktr-soft-2);
}

.sktr-comments-group,
.sktr-comments-list,
.sktr-comment__meta,
.sktr-comment-form,
.sktr-post-form {
	display: grid;
	gap: 12px;
}

.sktr-comment {
	display: grid;
	gap: 8px;
	padding: 14px;
	border: 1px solid var(--sktr-border);
	border-radius: 18px;
	background: #ffffff;
}

.sktr-comment p {
	color: var(--sktr-muted);
}

.sktr-comment-children {
	display: grid;
	gap: 10px;
	margin-left: 24px;
	padding-left: 14px;
	border-left: 2px solid var(--sktr-border);
}

.sktr-comment-form-shell {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 12px;
}

.sktr-post-form input[type="text"],
.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-search-shell input,
.sktr-auth-panel input,
.sktr-profile-form input,
.sktr-profile-form textarea,
.sktr-search-modal__input,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
	width: 100%;
	min-height: 50px;
	padding: 13px 15px;
	border: 1px solid var(--sktr-border);
	border-radius: 16px;
	background: #ffffff;
	color: var(--sktr-text);
	outline: 0;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-profile-form textarea {
	resize: vertical;
}

.sktr-post-form input:focus,
.sktr-post-form textarea:focus,
.sktr-comment-form textarea:focus,
.sktr-search-shell input:focus,
.sktr-auth-panel input:focus,
.sktr-profile-form input:focus,
.sktr-profile-form textarea:focus,
.sktr-search-modal__input:focus,
.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
	border-color: rgba(0, 153, 255, 0.55);
	box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.1);
}

.sktr-post-form-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.sktr-post-form-hint,
.sktr-post-form-feedback,
.sktr-comment-form-feedback {
	color: var(--sktr-muted);
	font-size: 0.86rem;
	font-weight: 700;
}

.sktr-post-form.is-loading,
.sktr-comment-form.is-loading,
.sktr-post-card__reactions.is-loading {
	opacity: 0.72;
	pointer-events: none;
}

.sktr-sidecard {
	overflow: hidden;
	position: sticky;
	top: 178px;
}

.sktr-sidecard__media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--sktr-soft);
}

.sktr-sidecard__pricing {
	padding: 12px;
	border: 1px solid var(--sktr-border);
	border-radius: 18px;
	background: var(--sktr-soft-2);
}

.sktr-sidecard__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.sktr-sidecard__stats > div {
	display: grid;
	gap: 2px;
	padding: 12px;
	border: 1px solid var(--sktr-border);
	border-radius: 16px;
	background: #ffffff;
	text-align: center;
}

.sktr-sidecard__stats strong {
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 1.25rem;
	font-weight: 800;
}

.sktr-sidecard__stats span {
	color: var(--sktr-muted);
	font-size: 0.75rem;
	font-weight: 800;
}

.sktr-search-shell {
	display: grid;
	gap: 10px;
	padding: 16px;
}

.sktr-search-shell label,
.sktr-auth-panel label span,
.sktr-profile-form label span,
.sktr-profile-form__upload span {
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 0.84rem;
	font-weight: 800;
}

.sktr-classroom-screen,
.sktr-classroom-list {
	display: grid;
	gap: 20px;
}

.sktr-classroom-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sktr-course-card {
	display: grid;
	overflow: hidden;
	color: inherit;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.sktr-course-card__cover::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(9, 9, 11, 0.05), rgba(9, 9, 11, 0.74));
}

.sktr-course-card__overlay {
	position: absolute;
	inset: auto 0 0;
	z-index: 1;
	display: grid;
	gap: 10px;
	padding: 18px;
	color: #ffffff;
}

.sktr-course-card__overlay h3 {
	color: #ffffff;
	font-size: 1.2rem;
}

.sktr-course-card__pill {
	width: fit-content;
	background: rgba(255, 255, 255, 0.9);
	color: var(--sktr-heading);
}

.sktr-course-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}

.sktr-course-player {
	display: grid;
	gap: 20px;
}

.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-course-player__mobile-page,
.sktr-course-player__message,
.sktr-page-surface {
	padding: 24px;
}

.sktr-course-player__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 150px;
	background:
		linear-gradient(135deg, rgba(0, 153, 255, 0.11), rgba(190, 255, 75, 0.16)),
		#ffffff;
}

.sktr-course-player__header h1,
.sktr-course-player__mobile-course-header h1,
.sktr-course-player__lesson-head h2 {
	margin-top: 10px;
	font-size: clamp(1.8rem, 3vw, 3.2rem);
}

.sktr-course-player__grid {
	display: grid;
	grid-template-columns: 340px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

.sktr-course-player__nav {
	display: grid;
	gap: 14px;
}

.sktr-course-player__rail {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 6px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-pill);
	background: #ffffff;
}

.sktr-course-player__rail-item {
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--sktr-soft);
	color: var(--sktr-muted);
	font-weight: 800;
}

.sktr-course-player__rail-item.is-active,
.sktr-course-player__rail-item:hover,
.sktr-course-player__rail-item:focus {
	background: var(--sktr-primary);
	color: #ffffff;
}

.sktr-course-player__sidebar {
	position: sticky;
	top: 178px;
	display: grid;
	gap: 14px;
}

.sktr-course-player__sidebar-toggle,
.sktr-course-player__sidebar-close {
	display: none;
}

.sktr-course-player__sidebar-header h2 {
	font-size: 1.05rem;
}

.sktr-course-player__sidebar-header p {
	margin-top: 4px;
	color: var(--sktr-muted);
	font-size: 0.86rem;
	font-weight: 700;
}

.sktr-course-player__lesson-list,
.sktr-course-player__mobile-list {
	display: grid;
	gap: 10px;
}

.sktr-course-player__lesson-item,
.sktr-course-player__mobile-list-item {
	display: grid;
	gap: 4px;
	padding: 14px;
	border: 1px solid var(--sktr-border);
	border-radius: 16px;
	background: #ffffff;
}

.sktr-course-player__lesson-item strong,
.sktr-course-player__mobile-list-item strong {
	font-family: var(--sktr-font-display);
	font-weight: 800;
}

.sktr-course-player__lesson-item span,
.sktr-course-player__mobile-list-item span {
	color: var(--sktr-muted);
	font-size: 0.82rem;
	font-weight: 700;
}

.sktr-course-player__lesson-item.is-active,
.sktr-course-player__lesson-item:hover,
.sktr-course-player__lesson-item:focus,
.sktr-course-player__mobile-list-item:hover,
.sktr-course-player__mobile-list-item:focus {
	border-color: rgba(0, 153, 255, 0.4);
	background: var(--sktr-primary-soft);
}

.sktr-course-player__content {
	display: grid;
	gap: 20px;
}

.sktr-course-player__mobile-course-header {
	display: none;
}

.sktr-course-player__lesson-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--sktr-border);
}

.sktr-course-player__video {
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: 20px;
	background: #09090b;
}

.sktr-course-player__video iframe,
.sktr-course-player__video video {
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.sktr-course-player__body {
	display: grid;
	gap: 16px;
}

.sktr-course-player__body > :first-child,
.sktr-page-entry__content > :first-child {
	margin-top: 0;
}

.sktr-course-player__body > :last-child,
.sktr-page-entry__content > :last-child {
	margin-bottom: 0;
}

.sktr-course-player__body img,
.sktr-course-player__body iframe,
.sktr-course-player__body video,
.sktr-page-entry__content img,
.sktr-page-entry__content iframe,
.sktr-page-entry__content video {
	max-width: 100%;
	border-radius: 16px;
}

.sktr-course-player__mobile-page {
	display: none;
}

.sktr-course-player__mobile-back {
	width: fit-content;
	margin-bottom: 14px;
	color: var(--sktr-primary-dark);
	font-weight: 800;
}

.sktr-members-directory {
	display: grid;
	gap: 12px;
}

.sktr-member-row {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	padding: 16px;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.sktr-member-row .sktr-avatar {
	width: 54px;
	height: 54px;
}

.sktr-member-details {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.sktr-member-business::before,
.sktr-comment__business::before,
.sktr-post-card__business::before {
	content: "";
	width: 4px;
	height: 4px;
	margin-right: 6px;
	border-radius: 50%;
	background: currentColor;
}

.sktr-auth-modal,
.sktr-composer-modal,
.sktr-cart-drawer {
	position: fixed;
	inset: 0;
	z-index: 300;
	display: grid;
	place-items: center;
	padding: 24px;
}

.sktr-cart-drawer {
	place-items: stretch end;
	padding: 0;
}

.sktr-auth-modal__backdrop,
.sktr-composer-modal__backdrop,
.sktr-cart-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(9, 9, 11, 0.42);
	backdrop-filter: blur(6px);
}

.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(640px, 100%);
	max-height: min(86vh, 900px);
	overflow-y: auto;
	border: 1px solid var(--sktr-border);
	border-radius: 28px;
	background: #ffffff;
	box-shadow: var(--sktr-shadow);
}

.sktr-auth-modal__dialog--auth {
	width: min(520px, 100%);
}

.sktr-auth-card {
	width: 100%;
}

.sktr-auth-shell {
	display: grid;
	gap: 18px;
	padding: 24px;
	border: 0;
	box-shadow: none;
}

.sktr-auth-modal__header,
.sktr-composer-modal__header,
.sktr-cart-drawer__header,
.sktr-search-modal__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 22px 0;
}

.sktr-auth-modal__header h3,
.sktr-composer-modal__header h3,
.sktr-search-modal__header h3 {
	font-size: 1.45rem;
}

.sktr-auth-modal__header p,
.sktr-search-modal__header p {
	margin-top: 6px;
	color: var(--sktr-muted);
}

.sktr-auth-modal__close,
.sktr-composer-modal__close,
.sktr-cart-drawer__close,
.sktr-course-player__sidebar-close {
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sktr-border);
	border-radius: 50%;
	background: #ffffff;
	color: var(--sktr-text);
	font-size: 1.4rem;
	line-height: 1;
}

.sktr-auth-modal__close--floating {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
}

.sktr-auth-tabs {
	display: flex;
	gap: 6px;
	padding: 6px;
	border-radius: var(--sktr-radius-pill);
	background: var(--sktr-soft);
}

.sktr-auth-tab {
	flex: 1;
	min-height: 44px;
	border: 0;
	border-radius: var(--sktr-radius-pill);
	background: transparent;
	color: var(--sktr-muted);
	font-family: var(--sktr-font-display);
	font-weight: 800;
}

.sktr-auth-tab.is-active {
	background: #ffffff;
	color: var(--sktr-heading);
	box-shadow: 0 8px 20px rgba(9, 9, 11, 0.08);
}

.sktr-auth-feedback {
	padding: 12px 14px;
	border: 1px solid var(--sktr-border);
	border-radius: 16px;
	background: var(--sktr-soft);
	color: var(--sktr-muted);
	font-weight: 700;
}

.sktr-auth-feedback--success {
	background: rgba(72, 216, 125, 0.14);
	border-color: rgba(72, 216, 125, 0.35);
	color: #15803d;
}

.sktr-auth-feedback--error {
	background: rgba(244, 114, 182, 0.12);
	border-color: rgba(244, 114, 182, 0.3);
	color: #be185d;
}

.sktr-auth-feedback--info {
	background: var(--sktr-primary-soft);
	border-color: rgba(0, 153, 255, 0.24);
	color: var(--sktr-primary-dark);
}

.sktr-auth-panels,
.sktr-auth-panel,
.sktr-profile-form {
	display: grid;
	gap: 16px;
}

.sktr-auth-panel,
.sktr-auth-panel-group {
	display: none;
}

.sktr-auth-panel.is-active,
.sktr-auth-panel-group.is-active {
	display: grid;
	gap: 16px;
}

.sktr-auth-panel__copy {
	display: grid;
	gap: 4px;
}

.sktr-auth-panel__copy strong {
	font-family: var(--sktr-font-display);
	font-size: 1.25rem;
	font-weight: 800;
}

.sktr-auth-panel__copy span,
.sktr-auth-note,
.sktr-auth-inline-links {
	color: var(--sktr-muted);
	font-size: 0.9rem;
}

.sktr-auth-panel label,
.sktr-profile-form label {
	display: grid;
	gap: 8px;
}

.sktr-auth-checkbox {
	display: flex !important;
	align-items: center;
	gap: 10px;
	width: fit-content;
	cursor: pointer;
	user-select: none;
}

.sktr-auth-checkbox input {
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	margin: 0;
	border: 1px solid #3a414d;
	border-radius: 6px;
	background: #0b0e14;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
	cursor: pointer;
	transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.sktr-auth-checkbox input::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	opacity: 0;
	transform: rotate(45deg) scale(0.75);
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.sktr-auth-checkbox input:checked {
	border-color: #0ea5e9;
	background: #0284c7;
	box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.14);
}

.sktr-auth-checkbox input:checked::after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

.sktr-auth-checkbox input:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.22);
}

.sktr-auth-checkbox input:active {
	transform: scale(0.94);
}

.sktr-auth-inline-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
}

.sktr-profile-form {
	padding: 0 22px 22px;
}

.sktr-profile-form__identity {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px;
	border: 1px solid var(--sktr-border);
	border-radius: 20px;
	background: var(--sktr-soft-2);
}

.sktr-profile-form__upload {
	flex: 1;
}

.sktr-profile-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.sktr-profile-form__contact {
	grid-column: 1 / -1;
}

.sktr-profile-form__actions {
	display: flex;
	justify-content: flex-end;
}

.sktr-search-modal__dialog {
	width: min(720px, 100%);
}

.sktr-search-modal__body {
	display: grid;
	gap: 14px;
	padding: 22px;
}

.sktr-search-modal__results {
	display: grid;
	gap: 10px;
}

.sktr-search-result {
	display: grid;
	gap: 4px;
	padding: 14px;
	border: 1px solid var(--sktr-border);
	border-radius: 16px;
	background: #ffffff;
	text-align: left;
}

.sktr-search-result:hover,
.sktr-search-result:focus {
	border-color: rgba(0, 153, 255, 0.38);
	background: var(--sktr-primary-soft);
	outline: 0;
}

.sktr-search-result strong {
	font-family: var(--sktr-font-display);
	font-weight: 800;
}

.sktr-search-result span,
.sktr-search-modal__hint,
.sktr-search-modal__empty {
	color: var(--sktr-muted);
	font-size: 0.9rem;
}

.sktr-composer-modal__dialog {
	width: min(680px, 100%);
}

.sktr-composer-modal__dialog .sktr-post-form {
	padding: 22px;
}

.sktr-cart-drawer__panel {
	position: relative;
	z-index: 1;
	width: min(430px, calc(100vw - 18px));
	height: 100%;
	border-radius: 24px 0 0 24px;
	overflow: hidden;
}

.sktr-cart-drawer__content {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.sktr-cart-drawer__header {
	padding: 20px;
	border-bottom: 1px solid var(--sktr-border);
}

.sktr-cart-drawer__header strong {
	display: block;
	font-family: var(--sktr-font-display);
	font-size: 1.2rem;
	font-weight: 800;
}

.sktr-cart-drawer__header span {
	color: var(--sktr-muted);
	font-size: 0.9rem;
}

.sktr-cart-drawer__body {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: 20px;
}

.sktr-cart-drawer__body .woocommerce-mini-cart {
	display: grid;
	gap: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item {
	padding: 14px;
	border: 1px solid var(--sktr-border);
	border-radius: 16px;
	background: var(--sktr-soft-2);
}

.sktr-cart-drawer__footer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	padding: 20px;
	border-top: 1px solid var(--sktr-border);
}

.sktr-cart-drawer__footer .sktr-button {
	width: 100%;
}

.sktr-cart-toggle {
	min-width: 54px;
	min-height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 14px;
	border: 1px solid var(--sktr-border);
	border-radius: var(--sktr-radius-pill);
	background: #ffffff;
}

.sktr-page-surface,
.sktr-woocommerce-page {
	display: grid;
	gap: 18px;
}

.sktr-page-entry__header {
	margin-bottom: 18px;
}

.sktr-page-entry__title {
	font-size: clamp(1.8rem, 3vw, 3rem);
}

.sktr-woocommerce-page .woocommerce,
.sktr-woocommerce-page form,
.woocommerce-cart-form,
.woocommerce-checkout {
	max-width: 100%;
}

.sktr-woocommerce-page .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	border-radius: var(--sktr-radius-pill);
	background: var(--sktr-primary);
	color: #ffffff;
	font-weight: 800;
}

.sktr-woocommerce-page table.shop_table,
.woocommerce table.shop_table {
	overflow: hidden;
	border: 1px solid var(--sktr-border);
	border-radius: 18px;
	background: #ffffff;
}

.sktr-site-footer {
	width: 100%;
	margin: 0;
	padding: 0;
	background: rgba(9, 9, 11, 0.96);
	border-top: 1px solid var(--sktr-border);
}

.sktr-site-footer__inner {
	width: 100%;
	max-width: 100%;
	display: grid;
	gap: 22px;
	margin: 0;
	padding: 24px 40px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.sktr-site-footer__menus {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.sktr-site-footer__column {
	display: grid;
	gap: 12px;
}

.sktr-site-footer__column h2 {
	font-size: 0.92rem;
	text-transform: uppercase;
}

.sktr-site-footer__menu {
	display: grid;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.sktr-site-footer__menu a {
	color: var(--sktr-muted);
	font-weight: 700;
}

.sktr-site-footer__menu a:hover,
.sktr-site-footer__menu a:focus {
	color: var(--sktr-primary-dark);
}

.sktr-site-footer__utilities {
	display: grid;
	gap: 18px;
	justify-items: center;
}

.sktr-site-footer__badges {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.sktr-site-footer__badge {
	min-width: 64px;
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border: 1px solid var(--sktr-border);
	border-radius: 12px;
	background: #ffffff;
}

.sktr-site-footer__badge img {
	max-width: 68px;
	max-height: 24px;
	width: auto;
	height: auto;
}

.sktr-site-footer__badge-label {
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 0.82rem;
	font-weight: 800;
	white-space: nowrap;
}

.sktr-site-footer__badge-label--amex {
	padding: 3px 6px;
	border-radius: 5px;
	background: #1f78ff;
	color: #ffffff;
}

.sktr-site-footer__badge-label--opay {
	padding: 3px 7px;
	border-radius: 5px;
	background: #09090b;
	color: #beff4b;
}

.sktr-site-footer__badge-label--visa {
	color: #183a9e;
	font-style: italic;
}

.sktr-site-footer__badge-label--mastercard {
	position: relative;
	padding-left: 24px;
}

.sktr-site-footer__badge-label--mastercard::before,
.sktr-site-footer__badge-label--mastercard::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	transform: translateY(-50%);
}

.sktr-site-footer__badge-label--mastercard::before {
	left: 0;
	background: #eb001b;
}

.sktr-site-footer__badge-label--mastercard::after {
	left: 8px;
	background: rgba(247, 158, 27, 0.9);
}

.sktr-site-footer__cta {
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	border-radius: var(--sktr-radius-pill);
	background: var(--sktr-primary);
	color: #ffffff;
	font-family: var(--sktr-font-display);
	font-weight: 800;
}

@media (max-width: 1180px) {
	:root {
		--sktr-shell: min(100%, calc(100% - 28px));
	}

	.sktr-header__bar {
		grid-template-columns: minmax(190px, auto) minmax(180px, 1fr) auto;
	}

	.sktr-browse-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sktr-page-grid,
	.sktr-course-player__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sktr-sidecard,
	.sktr-course-player__sidebar {
		position: static;
	}
}

@media (max-width: 920px) {
	.sktr-shell {
		padding-top: 14px;
	}

	.sktr-header {
		top: 10px;
		border-radius: 24px;
	}

	.sktr-header__bar {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.sktr-header__search,
	.sktr-header__auth {
		display: none;
	}

	.sktr-header__mobile-actions {
		display: flex;
		justify-content: flex-end;
		gap: 8px;
	}

	.sktr-header__mobile-back {
		width: 40px;
		height: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--sktr-border);
		border-radius: 50%;
		background: #ffffff;
	}

	.sktr-header__mobile-icon,
	.sktr-header__mobile-avatar {
		width: 42px;
		height: 42px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--sktr-border);
		border-radius: 50%;
		background: #ffffff;
		color: var(--sktr-text);
	}

	.sktr-header__mobile-login {
		min-height: 42px;
		padding: 0 14px;
	}

	.sktr-header__tabs {
		top: 86px;
		border-radius: 20px;
	}

	.sktr-section__header {
		padding: 22px;
	}

	.sktr-section--hero .sktr-section__header {
		min-height: 210px;
	}

	.sktr-classroom-list,
	.sktr-site-footer__menus {
		grid-template-columns: 1fr;
	}

	.sktr-course-player__desktop {
		display: none;
	}

	.sktr-course-player__mobile-page {
		display: grid;
		gap: 16px;
	}

	.sktr-course-player__mobile-course-header {
		display: block;
	}
}

@media (max-width: 680px) {
	:root {
		--sktr-shell: min(100%, calc(100% - 18px));
	}

	body {
		background:
			linear-gradient(rgba(228, 228, 231, 0.36) 1px, transparent 1px),
			linear-gradient(90deg, rgba(228, 228, 231, 0.36) 1px, transparent 1px),
			#fafafa;
		background-size: 32px 32px, 32px 32px, auto;
	}

	.sktr-shell {
		padding-bottom: 42px;
	}

	.sktr-header {
		padding: 10px;
		margin-bottom: 14px;
	}

	.sktr-header__logo {
		width: 42px;
		height: 42px;
		border-radius: 14px;
		font-size: 1rem;
	}

	.sktr-header__brand-text strong {
		max-width: 170px;
		font-size: 0.92rem;
	}

	.sktr-header__browse-link span:last-child {
		display: none;
	}

	.sktr-header__tabs {
		margin-bottom: 18px;
		padding: 6px;
	}

	.sktr-header__tab {
		min-height: 40px;
		padding: 0 14px;
		font-size: 0.82rem;
	}

	.sktr-section__header {
		align-items: flex-start;
		padding: 20px;
		border-radius: 22px;
	}

	.sktr-section__header h2 {
		font-size: clamp(2rem, 12vw, 3.2rem);
	}

	.sktr-browse-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.sktr-browse-card,
	.sktr-post-card,
	.sktr-sidecard,
	.sktr-member-row,
	.sktr-course-card,
	.sktr-search-shell,
	.sktr-page-surface,
	.sktr-auth-shell,
	.sktr-course-player__header,
	.sktr-course-player__content,
	.sktr-course-player__mobile-page {
		border-radius: 20px;
	}

	.sktr-post-card,
	.sktr-sidecard__body,
	.sktr-course-card__body,
	.sktr-browse-card__body,
	.sktr-course-player__header,
	.sktr-course-player__content,
	.sktr-course-player__mobile-page,
	.sktr-page-surface {
		padding: 18px;
	}

	.sktr-browse-card__cover,
	.sktr-course-card__cover,
	.sktr-sidecard__media {
		aspect-ratio: 4 / 3;
	}

	.sktr-browse-card__actions,
	.sktr-sidecard__actions,
	.sktr-post-card__reactions,
	.sktr-post-form-actions,
	.sktr-cart-drawer__footer {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sktr-browse-card__actions > *,
	.sktr-sidecard__actions > *,
	.sktr-post-form-actions > *,
	.sktr-cart-drawer__footer > *,
	.sktr-button,
	.sktr-ghost-link,
	.button {
		width: 100%;
	}

	.sktr-sidecard__stats {
		grid-template-columns: 1fr;
	}

	.sktr-member-row {
		grid-template-columns: 48px minmax(0, 1fr);
		padding: 14px;
	}

	.sktr-profile-form__grid,
	.sktr-profile-form__identity {
		grid-template-columns: 1fr;
		display: grid;
	}

	.sktr-auth-modal,
	.sktr-composer-modal {
		padding: 12px;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog {
		max-height: 92vh;
		border-radius: 22px;
	}

	.sktr-auth-shell,
	.sktr-profile-form,
	.sktr-composer-modal__dialog .sktr-post-form,
	.sktr-search-modal__body {
		padding: 18px;
	}

	.sktr-auth-modal__header,
	.sktr-composer-modal__header,
	.sktr-search-modal__header {
		padding: 18px 18px 0;
	}

	.sktr-cart-drawer__panel {
		width: min(100vw, 430px);
		border-radius: 18px 0 0 18px;
	}

	.sktr-site-footer {
		margin: 0;
	}

	.sktr-site-footer__inner {
		padding: 20px;
	}
}

/*
 * Dark-first Ocoya palette correction layer.
 * Keeps selectors intact while forcing graphite surfaces and muted contrast.
 */
body,
.skilltruly-page {
	color: var(--sktr-text);
}

.sktr-header,
.sktr-header__tabs,
.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog,
.sktr-cart-drawer__panel,
.sktr-section__header,
.sktr-course-player__header {
	background: rgba(9, 9, 11, 0.92);
	border-color: var(--sktr-border);
	box-shadow: var(--sktr-shadow-soft);
}

.sktr-surface,
.sktr-composer-card,
.sktr-post-card,
.sktr-sidecard,
.sktr-member-row,
.sktr-course-card,
.sktr-search-shell,
.sktr-page-surface,
.sktr-auth-shell,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-course-player__mobile-page,
.sktr-browse-card,
.sktr-woocommerce-page {
	background: linear-gradient(180deg, #111318 0%, #18181b 100%);
	border-color: var(--sktr-border);
}

.sktr-header__search,
.sktr-post-form input[type="text"],
.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-search-shell input,
.sktr-auth-panel input,
.sktr-profile-form input,
.sktr-profile-form textarea,
.sktr-search-modal__input,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
	background: #0f1116;
	border-color: #2a2d33;
	color: #fafafa;
}

.sktr-header__search input::placeholder,
.sktr-post-form input::placeholder,
.sktr-post-form textarea::placeholder,
.sktr-comment-form textarea::placeholder,
.sktr-search-shell input::placeholder,
.sktr-auth-panel input::placeholder,
.sktr-profile-form input::placeholder,
.sktr-profile-form textarea::placeholder,
.sktr-search-modal__input::placeholder {
	color: #71717a;
}

.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__login,
.sktr-header__mobile-login,
.sktr-header__mobile-signup,
.sktr-auth-panel__secondary,
.button-secondary {
	background: #18181b;
	border-color: #2f2f37;
	color: #fafafa;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}

.sktr-button:hover,
.button:hover,
.sktr-ghost-link:hover,
.sktr-button:focus,
.button:focus,
.sktr-ghost-link:focus {
	border-color: #3f3f46;
	color: #ffffff;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
}

.sktr-button--primary,
.button-primary,
.sktr-header__signup,
.sktr-header__mobile-signup,
.sktr-auth-panel__cta,
.sktr-profile-form__actions .sktr-button--primary,
.sktr-community-join-button,
.sktr-community-checkout-button {
	background: #27272a;
	border-color: #3f3f46;
	color: #ffffff;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.3);
}

.sktr-button--primary:hover,
.button-primary:hover,
.sktr-header__signup:hover,
.sktr-header__mobile-signup:hover,
.sktr-auth-panel__cta:hover,
.sktr-community-join-button:hover,
.sktr-community-checkout-button:hover,
.sktr-button--primary:focus,
.button-primary:focus,
.sktr-header__signup:focus,
.sktr-header__mobile-signup:focus,
.sktr-auth-panel__cta:focus,
.sktr-community-join-button:focus,
.sktr-community-checkout-button:focus {
	background: #3f3f46;
	border-color: #52525b;
}

.sktr-header__tab.is-active,
.sktr-header__tab:hover,
.sktr-header__tab:focus {
	background: #ffffff;
	color: #09090b;
}

.sktr-pill,
.sktr-course-player__eyebrow,
.sktr-browse-card__pricing-label--free,
.sktr-sidecard__pricing-label--free,
.sktr-browse-card__pricing-label--paid,
.sktr-sidecard__pricing-label--paid {
	background: #18181b;
	border-color: #3f3f46;
	color: #d4d4d8;
}

.sktr-course-card__overlay h3,
.sktr-auth-modal__header h3,
.sktr-composer-modal__header h3,
.sktr-search-modal__header h3,
.sktr-auth-panel__copy strong,
.sktr-header__brand-text strong,
.sktr-header__user-text strong,
.sktr-post-card__author strong,
.sktr-post-card__title,
.sktr-sidecard__body h3,
.sktr-browse-card__title-row h3,
.sktr-course-card__body h4,
.sktr-member-details strong,
.sktr-comment__meta strong,
.sktr-section__header h2 {
	color: #ffffff;
}

.sktr-post-card__description,
.sktr-post-card__body p,
.sktr-sidecard__description,
.sktr-course-card__summary,
.sktr-browse-card__excerpt,
.sktr-course-player__body,
.sktr-about-copy,
.sktr-page-entry__content,
.sktr-auth-panel__copy span,
.sktr-auth-note,
.sktr-auth-inline-links,
.sktr-header__user-text small,
.sktr-header__browse-link,
.sktr-browse-card__meta,
.sktr-course-card__footer,
.sktr-post-card__meta,
.sktr-course-meta,
.sktr-member-meta,
.sktr-sidecard__slug,
.sktr-comment__time,
.sktr-search-result span,
.sktr-search-modal__hint,
.sktr-search-modal__empty {
	color: #a1a1aa;
}

.sktr-auth-feedback,
.sktr-community-membership-message,
.sktr-community-membership-status,
.sktr-community-upgrade-message,
.sktr-classroom-message,
.sktr-members-message,
.sktr-community-feed-message,
.sktr-post-form-message,
.sktr-comment,
.sktr-post-card__comment-panel,
.sktr-course-player__lesson-item,
.sktr-course-player__mobile-list-item,
.sktr-site-footer__badge,
.sktr-cart-drawer__body .woocommerce-mini-cart-item,
.sktr-sidecard__stats > div,
.sktr-search-result {
	background: #111318;
	border-color: #2a2d33;
	color: #d4d4d8;
}

.sktr-auth-modal__backdrop,
.sktr-composer-modal__backdrop,
.sktr-cart-drawer__backdrop {
	background: rgba(0, 0, 0, 0.62);
}

.sktr-cart-drawer__header,
.sktr-cart-drawer__footer,
.sktr-auth-modal__header,
.sktr-composer-modal__header,
.sktr-search-modal__header,
.sktr-account-dropdown__summary,
.sktr-course-player__lesson-head {
	border-color: #2a2d33;
}

.sktr-account-dropdown {
	background: #09090b;
	border-color: #2a2d33;
}

.sktr-account-dropdown__link:hover,
.sktr-account-dropdown__link:focus,
.sktr-comments-load-more:hover,
.sktr-comments-load-more:focus,
.sktr-post-card__comment-toggle[aria-expanded="true"],
.sktr-post-card .sktr-reaction-button.is-active,
.sktr-course-player__lesson-item.is-active,
.sktr-course-player__lesson-item:hover,
.sktr-course-player__mobile-list-item:hover,
.sktr-search-result:hover,
.sktr-search-result:focus {
	background: #18181b;
	color: #ffffff;
	border-color: #3f3f46;
}

.sktr-site-footer__menu a {
	color: #a1a1aa;
}

.sktr-site-footer__menu a:hover,
.sktr-site-footer__menu a:focus,
.sktr-auth-link-button,
.button-link,
.sktr-comment-reply {
	color: #d4d4d8;
}

.sktr-site-footer__cta {
	background: #27272a;
	border: 1px solid #3f3f46;
}

/*
 * Contrast and app-icon refinement layer.
 * Keeps dark-first UI while enforcing readable text by surface intent.
 */
:root {
	--sktr-on-dark: #f4f4f5;
	--sktr-on-dark-muted: #a1a1aa;
	--sktr-on-light: #09090b;
	--sktr-on-light-muted: #3f3f46;
}

@media (max-width: 680px) {
	body {
		background:
			radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.11) 1px, transparent 0),
			linear-gradient(180deg, #09090b 0%, #111318 55%, #18181b 100%);
		background-size: 30px 30px, auto;
	}
}

.sktr-header__logo {
	overflow: hidden;
}

.sktr-header__logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.sktr-header__brand-text strong,
.sktr-header__user-text strong,
.sktr-account-dropdown__summary strong,
.sktr-account-dropdown__link,
.sktr-header__tab {
	color: var(--sktr-on-dark);
}

.sktr-header__user-text small,
.sktr-header__browse-link,
.sktr-account-dropdown__summary p,
.sktr-search-result span,
.sktr-search-modal__hint,
.sktr-search-modal__empty,
.sktr-browse-card__meta,
.sktr-course-card__footer,
.sktr-post-card__meta,
.sktr-member-meta,
.sktr-comment__time,
.sktr-post-card__description,
.sktr-post-card__body p,
.sktr-sidecard__description,
.sktr-course-card__summary,
.sktr-browse-card__excerpt {
	color: var(--sktr-on-dark-muted);
}

.sktr-header__search {
	background: #090d17;
	border-color: #3f3f46;
}

.sktr-header__search input {
	color: var(--sktr-on-dark);
}

.sktr-header__search input::placeholder {
	color: #9ca3af;
}

.sktr-header__search-icon {
	background: rgba(0, 153, 255, 0.16);
	color: #38bdf8;
}

.sktr-header__user {
	background: #f4f4f5;
	border-color: #d4d4d8;
}

.sktr-header__user .sktr-header__user-text strong {
	color: var(--sktr-on-light);
}

.sktr-header__user .sktr-header__user-text small {
	color: #71717a;
}

.sktr-section--hero .sktr-section__header,
.sktr-section--hero .sktr-section__header * {
	color: var(--sktr-on-light);
}

.sktr-section--hero .sktr-section__header p,
.sktr-section--hero .sktr-section__header .sktr-section__subtext,
.sktr-section--hero .sktr-section__header .sktr-section__meta {
	color: var(--sktr-on-light-muted);
}

.sktr-section--hero .sktr-pill {
	background: #111318;
	border-color: #27272a;
	color: #f4f4f5;
}

.sktr-post-card__badge,
.sktr-course-card__pill,
.sktr-course-access,
.sktr-post-card__role,
.sktr-post-card__business,
.sktr-member-role,
.sktr-member-business,
.sktr-browse-card__pricing-label,
.sktr-sidecard__pricing-label {
	background: #1f1f23;
	color: #e4e4e7;
	border: 1px solid #3f3f46;
}

.sktr-browse-card__pricing-label--free,
.sktr-sidecard__pricing-label--free {
	background: rgba(72, 216, 125, 0.14);
	border-color: rgba(72, 216, 125, 0.45);
	color: #bbf7d0;
}

.sktr-browse-card__pricing-label--paid,
.sktr-sidecard__pricing-label--paid {
	background: rgba(244, 114, 182, 0.16);
	border-color: rgba(244, 114, 182, 0.46);
	color: #fbcfe8;
}

.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog,
.sktr-cart-drawer__panel,
.sktr-account-dropdown,
.sktr-search-result,
.sktr-auth-feedback {
	color: var(--sktr-on-dark);
}

/*
 * Calm contrast refinement pass:
 * reduces eye strain in nav/account/reaction areas and softens noisy accents.
 */
.sktr-header__user {
	background: #1a1d24;
	border-color: #30343d;
	box-shadow: none;
}

.sktr-header__user .sktr-header__user-text strong {
	color: #f4f4f5;
}

.sktr-header__user .sktr-header__user-text small {
	color: #a1a1aa;
}

.sktr-header__tab {
	color: #d4d4d8;
}

.sktr-header__tab.is-active,
.sktr-header__tab:hover,
.sktr-header__tab:focus {
	background: #d4d4d8;
	color: #09090b;
}

.sktr-composer-card {
	background: linear-gradient(180deg, #12151c 0%, #101319 100%);
	border-color: #2b2f38;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.sktr-open-composer,
.sktr-open-auth-composer {
	background: #0f131b;
	border-color: #2b2f38;
	color: #d4d4d8;
}

.sktr-open-composer__text {
	color: #b5b8c2;
}

.sktr-post-card {
	border-color: #29303a;
	box-shadow: none;
}

.sktr-post-card:hover,
.sktr-post-card:focus-within {
	border-color: #3a4452;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
	transform: translateY(-1px);
}

.sktr-post-card .sktr-reaction-button,
.sktr-post-card__comment-toggle {
	background: #f2f4f7;
	border-color: #d1d5db;
	color: #6b7280;
	box-shadow: none;
}

.sktr-post-card .sktr-reaction-button:hover,
.sktr-post-card__comment-toggle:hover {
	background: #e5e7eb;
	border-color: #c4c9d2;
	color: #374151;
}

.sktr-post-card .sktr-reaction-button.is-active,
.sktr-post-card__comment-toggle[aria-expanded="true"] {
	background: #dbeafe;
	border-color: #93c5fd;
	color: #1d4ed8;
}

.sktr-post-card__meta {
	color: #b4b8c3;
}

.sktr-post-card__description,
.sktr-post-card__body p,
.sktr-comment__content {
	color: #d2d5dd;
}

.sktr-post-card__badge,
.sktr-post-card__role,
.sktr-post-card__business {
	background: #1a1e26;
	border-color: #303543;
	color: #cfd4dd;
}

/*
 * Ocoya-style corporate hero and dark UI normalization.
 */
:root {
	--sktr-bg: #09090b;
	--sktr-page: #09090b;
	--sktr-card: #111318;
	--sktr-card-2: #18181b;
	--sktr-border: #27272a;
	--sktr-border-strong: #3f3f46;
	--sktr-text: #f4f4f5;
	--sktr-heading: #ffffff;
	--sktr-muted: #a1a1aa;
	--sktr-muted-2: #71717a;
	--sktr-on-dark: #f4f4f5;
	--sktr-on-dark-muted: #a1a1aa;
	--sktr-on-light: #09090b;
	--sktr-on-light-muted: #3f3f46;
	--sktr-primary: #0099ff;
	--sktr-shadow: 0 28px 70px rgba(0, 0, 0, 0.44);
	--sktr-shadow-soft: 0 18px 44px rgba(0, 0, 0, 0.3);
}

body,
.skilltruly-page {
	background:
		radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, transparent 0),
		linear-gradient(180deg, #09090b 0%, #101216 46%, #14161b 100%);
	background-size: 32px 32px, auto;
	color: var(--sktr-on-dark);
}

.sktr-shell {
	padding-top: 28px;
}

.sktr-header {
	background: rgba(7, 8, 10, 0.94);
	border-color: #282b32;
	border-radius: 24px;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
}

.sktr-header__search {
	min-height: 50px;
	background: #0b0f17;
	border-color: #343946;
	box-shadow: none;
}

.sktr-header__search:focus-within {
	border-color: rgba(0, 153, 255, 0.62);
	box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12);
}

.sktr-header__user,
.sktr-header__mobile-icon,
.sktr-header__mobile-avatar,
.sktr-header__mobile-login,
.sktr-header__mobile-signup,
.sktr-header__mobile-back {
	background: #181b22;
	border-color: #30343d;
	color: var(--sktr-on-dark);
}

.sktr-header__tabs {
	background: rgba(7, 8, 10, 0.92);
	border-color: #272a31;
	border-radius: 24px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.sktr-header__tab {
	border: 1px solid transparent;
	color: #d4d4d8;
}

.sktr-header__tab.is-active,
.sktr-header__tab:hover,
.sktr-header__tab:focus {
	background: #181b22;
	border-color: #343946;
	color: #ffffff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.sktr-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
	gap: clamp(28px, 5vw, 76px);
	align-items: center;
	min-height: min(680px, calc(100vh - 170px));
	padding: clamp(46px, 7vw, 92px) 10px clamp(42px, 6vw, 80px);
	overflow: hidden;
}

.sktr-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(9, 9, 11, 0.76), rgba(9, 9, 11, 0.28) 52%, rgba(9, 9, 11, 0.7)),
		radial-gradient(circle at 78% 18%, rgba(0, 153, 255, 0.16), transparent 34%),
		radial-gradient(circle at 24% 74%, rgba(190, 255, 75, 0.08), transparent 30%);
	pointer-events: none;
}

.sktr-hero__content {
	display: grid;
	gap: 24px;
	max-width: 780px;
}

.sktr-hero .sktr-pill {
	background: transparent;
	border-color: #3f3f46;
	color: #f4f4f5;
	text-transform: none;
}

.sktr-hero h1 {
	max-width: 840px;
	color: #ffffff;
	font-size: clamp(3.6rem, 6.2vw, 7.4rem);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: 0;
}

.sktr-hero__content > p {
	max-width: 700px;
	color: #a1a1aa;
	font-size: clamp(1.12rem, 1.6vw, 1.35rem);
	line-height: 1.55;
}

.sktr-hero__actions,
.sktr-hero__trust {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.sktr-hero__actions .sktr-button {
	min-height: 52px;
	padding-inline: 22px;
}

.sktr-hero__actions .sktr-button--primary {
	background: #f4f4f5;
	border-color: #f4f4f5;
	color: #09090b;
	box-shadow: none;
}

.sktr-hero__actions .sktr-button--muted {
	background: #2a2a2d;
	border-color: #3f3f46;
	color: #ffffff;
}

.sktr-hero__trust {
	margin-top: 6px;
	color: #a1a1aa;
	font-size: 0.95rem;
	font-weight: 700;
}

.sktr-hero__status {
	min-height: 34px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	border: 1px solid #3f3f46;
	border-radius: var(--sktr-radius-pill);
	color: #f4f4f5;
	text-transform: uppercase;
}

.sktr-hero__status span {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #48d87d;
	box-shadow: 0 0 0 4px rgba(72, 216, 125, 0.14);
}

.sktr-hero__media {
	position: relative;
	display: grid;
	gap: 22px;
	min-width: 0;
}

.sktr-hero-card {
	position: relative;
	display: block;
	min-height: 178px;
	overflow: hidden;
	border: 1px solid #27272a;
	border-radius: 18px;
	background: #09090b;
	color: #ffffff;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.34);
}

.sktr-hero-card--1 {
	min-height: 260px;
}

.sktr-hero-card--2 {
	width: 86%;
	margin-left: auto;
}

.sktr-hero-card--3 {
	width: 72%;
}

.sktr-hero-card__image,
.sktr-hero-card__image img,
.sktr-hero-card__fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.sktr-hero-card__image img {
	object-fit: cover;
	filter: saturate(0.9) brightness(0.66);
}

.sktr-hero-card__fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #111318, #20242d);
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 5rem;
	font-weight: 800;
}

.sktr-hero-card__overlay {
	position: absolute;
	inset: auto 0 0;
	display: grid;
	gap: 8px;
	padding: 24px;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
}

.sktr-hero-card__overlay strong {
	max-width: 92%;
	color: #ffffff;
	font-family: var(--sktr-font-display);
	font-size: clamp(1.2rem, 2vw, 2rem);
	font-weight: 800;
	line-height: 1.1;
}

.sktr-hero-card__overlay small {
	color: #d4d4d8;
	font-size: 0.9rem;
	font-weight: 800;
}

#sktr-discover-grid {
	scroll-margin-top: 150px;
}

.sktr-browse-grid {
	margin-top: 4px;
}

.sktr-browse-card,
.sktr-course-card,
.sktr-sidecard,
.sktr-member-row,
.sktr-post-card,
.sktr-composer-card,
.sktr-page-surface,
.sktr-auth-shell,
.sktr-woocommerce-page {
	background: linear-gradient(180deg, #111318 0%, #151820 100%);
	border-color: #292d35;
	box-shadow: none;
}

.sktr-browse-card:hover,
.sktr-browse-card:focus-within,
.sktr-course-card:hover,
.sktr-course-card:focus-within,
.sktr-sidecard:hover,
.sktr-post-card:hover,
.sktr-post-card:focus-within,
.sktr-member-row:hover {
	border-color: #3b4350;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
	transform: translateY(-1px);
}

.sktr-post-card .sktr-reaction-button,
.sktr-post-card__comment-toggle {
	min-width: 52px;
	min-height: 38px;
	background: #181b22;
	border-color: #30343d;
	color: #a1a1aa;
}

.sktr-post-card .sktr-reaction-button:hover,
.sktr-post-card__comment-toggle:hover,
.sktr-post-card .sktr-reaction-button:focus,
.sktr-post-card__comment-toggle:focus {
	background: #20242d;
	border-color: #3f4654;
	color: #f4f4f5;
	outline: 0;
}

.sktr-post-card .sktr-reaction-button.is-active,
.sktr-post-card__comment-toggle[aria-expanded="true"] {
	background: rgba(0, 153, 255, 0.12);
	border-color: rgba(0, 153, 255, 0.44);
	color: #7dd3fc;
}

.sktr-browse-card__cover,
.sktr-course-card__cover {
	background: #0d1016;
}

.sktr-browse-card__avatar {
	border-color: #181b22;
	box-shadow: none;
}

.sktr-community-membership-message,
.sktr-community-membership-status,
.sktr-community-upgrade-message,
.sktr-classroom-message,
.sktr-members-message,
.sktr-community-feed-message,
.sktr-post-form-message,
.sktr-comment,
.sktr-post-card__comment-panel,
.sktr-sidecard__stats > div,
.sktr-search-result {
	background: #0f1218;
	border-color: #292d35;
}

@media (max-width: 1180px) {
	.sktr-hero {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.sktr-hero__media {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sktr-hero-card,
	.sktr-hero-card--1,
	.sktr-hero-card--2,
	.sktr-hero-card--3 {
		width: auto;
		min-height: 220px;
		margin: 0;
	}
}

@media (max-width: 680px) {
	.sktr-shell {
		padding-top: 14px;
	}

	.sktr-hero {
		padding: 36px 0 28px;
		gap: 28px;
	}

	.sktr-hero h1 {
		font-size: clamp(2.55rem, 14vw, 4rem);
	}

	.sktr-hero__content > p {
		font-size: 1rem;
	}

	.sktr-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sktr-hero__media {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.sktr-hero-card,
	.sktr-hero-card--1,
	.sktr-hero-card--2,
	.sktr-hero-card--3 {
		min-height: 190px;
	}
}

/*
 * Final dark-surface safety rules for legacy component states.
 */
.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog,
.sktr-cart-drawer__panel {
	background: #0d1016;
	border-color: #2b303a;
	color: var(--sktr-on-dark);
}

.sktr-auth-modal__close,
.sktr-composer-modal__close,
.sktr-cart-drawer__close,
.sktr-course-player__sidebar-close {
	background: #181b22;
	border-color: #30343d;
	color: #f4f4f5;
}

.sktr-auth-tabs,
.sktr-course-player__rail {
	background: #090d13;
	border: 1px solid #292d35;
	box-shadow: none;
}

.sktr-auth-tab {
	color: #a1a1aa;
}

.sktr-auth-tab.is-active,
.sktr-course-player__rail-item.is-active,
.sktr-course-player__rail-item:hover,
.sktr-course-player__rail-item:focus {
	background: #20242d;
	color: #ffffff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.sktr-course-player__header {
	background: linear-gradient(180deg, #111318 0%, #151820 100%);
	border-color: #292d35;
}

.sktr-course-player__rail-item,
.sktr-course-player__lesson-item,
.sktr-course-player__mobile-list-item {
	background: #11151d;
	border-color: #292d35;
	color: #d4d4d8;
}

.sktr-course-player__lesson-item.is-active,
.sktr-course-player__lesson-item:hover,
.sktr-course-player__lesson-item:focus,
.sktr-course-player__mobile-list-item:hover,
.sktr-course-player__mobile-list-item:focus {
	background: #181d26;
	border-color: #3b4350;
	color: #ffffff;
}

.sktr-community-membership-status[data-state="joined"],
.sktr-auth-feedback--success {
	background: rgba(72, 216, 125, 0.1);
	border-color: rgba(72, 216, 125, 0.34);
	color: #bbf7d0;
}

.sktr-auth-feedback--error {
	background: rgba(244, 114, 182, 0.12);
	border-color: rgba(244, 114, 182, 0.34);
	color: #fbcfe8;
}

.sktr-auth-feedback--info {
	background: rgba(0, 153, 255, 0.1);
	border-color: rgba(0, 153, 255, 0.34);
	color: #bae6fd;
}

.sktr-search-result:hover,
.sktr-search-result:focus {
	background: #181d26;
	border-color: #3b4350;
	color: #ffffff;
}

/*
 * Compact corporate app refinement.
 */
:root {
	--sktr-shell: min(1440px, calc(100% - 48px));
}

.sktr-shell {
	padding-top: 22px;
	padding-bottom: 56px;
}

.sktr-community-main {
	gap: 18px;
}

.sktr-page-grid {
	grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
	gap: 24px;
}

.sktr-main-column,
.sktr-responsive-grid {
	gap: 20px;
}

.sktr-responsive-grid > * + *,
.sktr-post-card + .sktr-post-card {
	margin-top: 20px;
}

.sktr-directory-heading {
	display: grid;
	gap: 10px;
	padding: 18px 2px 8px;
	max-width: 740px;
}

.sktr-directory-heading .sktr-pill {
	background: transparent;
	border-color: #343946;
	color: #d4d4d8;
	text-transform: none;
}

.sktr-directory-heading h1 {
	color: #ffffff;
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: 1;
}

.sktr-directory-heading p {
	color: #a1a1aa;
	font-size: 1rem;
	line-height: 1.55;
}

.sktr-section--discover {
	gap: 18px;
}

.sktr-header {
	border-radius: 22px;
}

.sktr-header__tabs {
	position: sticky;
	top: 102px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	overflow: hidden;
	padding: 8px;
	border-radius: 22px;
}

.sktr-header__tab {
	min-width: 0;
	min-height: 42px;
	padding: 0 10px;
	overflow: hidden;
	font-size: 0.86rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sktr-composer-card {
	padding: 8px;
	border-radius: 20px;
}

.sktr-open-composer,
.sktr-open-auth-composer {
	min-height: 58px;
	border-radius: 16px;
}

.sktr-post-card {
	gap: 16px;
	padding: 18px;
	border-radius: 20px;
}

.sktr-post-card__header,
.sktr-post-card__author-row,
.sktr-comment__header {
	gap: 10px;
}

.sktr-post-card__author strong,
.sktr-comment__meta strong,
.sktr-member-details strong {
	font-size: 0.96rem;
	line-height: 1.25;
}

.sktr-post-card__title {
	font-size: 1.18rem;
	line-height: 1.28;
}

.sktr-post-card__description,
.sktr-post-card__body p {
	font-size: 0.94rem;
	line-height: 1.6;
}

.sktr-post-card__meta,
.sktr-browse-card__meta,
.sktr-course-card__footer,
.sktr-member-meta,
.sktr-comment__time {
	font-size: 0.78rem;
}

.sktr-post-card__badge,
.sktr-post-card__role,
.sktr-post-card__business,
.sktr-member-role,
.sktr-member-business {
	min-height: 24px;
	padding: 0 9px;
	font-size: 0.72rem;
}

.sktr-post-card .sktr-reaction-button,
.sktr-post-card__comment-toggle {
	min-width: 48px;
	min-height: 34px;
	padding: 0 10px;
	gap: 6px;
	font-size: 0.86rem;
}

.sktr-reaction-label,
.sktr-post-card__action-icon,
.sktr-reaction-label svg,
.sktr-post-card__action-icon svg {
	width: 16px;
	height: 16px;
}

.sktr-sidecard,
.sktr-browse-card,
.sktr-course-card,
.sktr-member-row {
	border-radius: 20px;
}

.sktr-sidecard__body,
.sktr-browse-card__body,
.sktr-course-card__body {
	padding: 18px;
}

.sktr-sidecard__body h3,
.sktr-browse-card__title-row h3,
.sktr-course-card__body h4 {
	font-size: 1.05rem;
	line-height: 1.25;
}

.sktr-sidecard__description,
.sktr-browse-card__excerpt,
.sktr-course-card__summary {
	font-size: 0.92rem;
	line-height: 1.62;
}

.sktr-avatar,
.sktr-avatar--guest,
.sktr-composer-card__avatar,
.sktr-post-card__avatar .sktr-avatar,
.sktr-comment__avatar .sktr-avatar,
.sktr-member-avatar .sktr-avatar {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background:
		linear-gradient(135deg, rgba(244, 244, 245, 0.18), rgba(113, 113, 122, 0.12)),
		#20242d;
	color: #f4f4f5;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.sktr-avatar img {
	filter: saturate(0.96) contrast(0.98);
}

.sktr-avatar--guest {
	font-size: 0.78rem;
	letter-spacing: 0;
}

.sktr-avatar--sm {
	width: 36px;
	height: 36px;
}

.sktr-avatar--md,
.sktr-composer-card__avatar .sktr-avatar {
	width: 44px;
	height: 44px;
}

.sktr-avatar--lg {
	width: 50px;
	height: 50px;
}

.sktr-avatar--xl {
	width: 72px;
	height: 72px;
}

@media (max-width: 1180px) {
	.sktr-page-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sktr-side-column {
		max-width: 640px;
	}
}

@media (max-width: 680px) {
	:root {
		--sktr-shell: min(100%, calc(100% - 18px));
	}

	.sktr-header__tabs {
		top: 82px;
		grid-template-columns: repeat(4, minmax(76px, 1fr));
		overflow-x: auto;
		border-radius: 18px;
		scroll-snap-type: x proximity;
	}

	.sktr-header__tab {
		scroll-snap-align: start;
		font-size: 0.78rem;
	}

	.sktr-directory-heading h1 {
		font-size: clamp(2rem, 12vw, 3rem);
	}

	.sktr-main-column,
	.sktr-responsive-grid {
		gap: 16px;
	}

	.sktr-responsive-grid > * + *,
	.sktr-post-card + .sktr-post-card {
		margin-top: 16px;
	}

	.sktr-post-card {
		padding: 16px;
	}
}

/*
 * Smaller app density and smoother feed/avatar treatment.
 */
.sktr-header__bar {
	grid-template-columns: minmax(210px, 300px) minmax(240px, 1fr) minmax(220px, auto);
	gap: 12px;
}

.sktr-header__logo {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	font-size: 1.08rem;
}

.sktr-header__brand-text strong {
	font-size: 0.92rem;
}

.sktr-header__browse-link {
	font-size: 0.78rem;
}

.sktr-header__search,
.sktr-header__user {
	min-height: 46px;
}

.sktr-header__user {
	max-width: 330px;
	padding: 5px 12px 5px 6px;
}

.sktr-header__tabs {
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
}

.sktr-community-feed {
	display: grid;
	gap: 20px;
}

.sktr-responsive-grid > * + *,
.sktr-post-card + .sktr-post-card {
	margin-top: 0;
}

.sktr-composer-card {
	margin-bottom: 2px;
}

.sktr-post-card {
	min-height: 0;
}

.sktr-post-card__avatar .sktr-avatar {
	width: 44px;
	height: 44px;
}

.sktr-post-card__submeta {
	gap: 6px;
}

.sktr-delete-post {
	width: 32px;
	height: 32px;
	font-size: 0.9rem;
}

.sktr-avatar,
.sktr-avatar--guest {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border-radius: 50%;
	background:
		radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.22), transparent 28%),
		linear-gradient(135deg, #2b3038 0%, #161a20 100%);
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-weight: 800;
	text-align: center;
}

.sktr-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.sktr-composer-card__avatar {
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.sktr-composer-card__avatar .sktr-avatar {
	width: 44px;
	height: 44px;
}

.sktr-sidecard__stats {
	gap: 8px;
}

.sktr-sidecard__stats > div {
	padding: 10px;
	border-radius: 14px;
}

.sktr-sidecard__stats strong {
	font-size: 1.05rem;
}

.sktr-sidecard__stats span {
	font-size: 0.7rem;
}

@media (max-width: 1180px) {
	.sktr-header__bar {
		grid-template-columns: minmax(190px, 260px) minmax(220px, 1fr) auto;
	}
}

@media (max-width: 920px) {
	.sktr-header__bar {
		grid-template-columns: minmax(0, 1fr) auto;
	}
}

@media (max-width: 680px) {
	.sktr-header__logo {
		width: 40px;
		height: 40px;
	}

	.sktr-header__tabs {
		margin-bottom: 14px;
	}
}

/*
 * Softer dark-mode contrast: avoid pure white glare on graphite surfaces.
 */
:root {
	--sktr-text: #d7dae2;
	--sktr-heading: #eceef3;
	--sktr-muted: #9ca3af;
	--sktr-muted-2: #7b8190;
	--sktr-on-dark: #d7dae2;
	--sktr-on-dark-strong: #eceef3;
	--sktr-on-dark-muted: #9ca3af;
}

body,
.skilltruly-page {
	color: var(--sktr-on-dark);
}

h1,
h2,
h3,
h4,
h5,
h6,
.sktr-header__brand-text strong,
.sktr-header__user .sktr-header__user-text strong,
.sktr-post-card__author strong,
.sktr-post-card__title,
.sktr-sidecard__body h3,
.sktr-browse-card__title-row h3,
.sktr-course-card__body h4,
.sktr-member-details strong,
.sktr-comment__meta strong,
.sktr-auth-panel__copy strong,
.sktr-auth-modal__header h3,
.sktr-composer-modal__header h3,
.sktr-search-modal__header h3,
.sktr-directory-heading h1,
.sktr-sidecard__stats strong {
	color: var(--sktr-on-dark-strong);
}

.sktr-header__tab,
.sktr-header__tab.is-active,
.sktr-header__tab:hover,
.sktr-header__tab:focus,
.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__login,
.sktr-header__mobile-login,
.sktr-auth-panel__secondary,
.button-secondary,
.sktr-post-card .sktr-reaction-button:hover,
.sktr-post-card__comment-toggle:hover,
.sktr-post-card .sktr-reaction-button:focus,
.sktr-post-card__comment-toggle:focus,
.sktr-auth-tab.is-active,
.sktr-course-player__rail-item.is-active,
.sktr-course-player__rail-item:hover,
.sktr-course-player__rail-item:focus,
.sktr-course-player__lesson-item.is-active,
.sktr-course-player__lesson-item:hover,
.sktr-course-player__lesson-item:focus,
.sktr-course-player__mobile-list-item:hover,
.sktr-course-player__mobile-list-item:focus {
	color: var(--sktr-on-dark-strong);
}

.sktr-header__tab.is-active,
.sktr-header__tab:hover,
.sktr-header__tab:focus,
.sktr-hero__actions .sktr-button--muted {
	background: #1d2028;
	border-color: #343946;
}

.sktr-hero__actions .sktr-button--primary {
	background: #e5e7eb;
	border-color: #e5e7eb;
	color: #111318;
}

.sktr-directory-heading p,
.sktr-header__user .sktr-header__user-text small,
.sktr-header__browse-link,
.sktr-post-card__meta,
.sktr-browse-card__meta,
.sktr-course-card__footer,
.sktr-member-meta,
.sktr-comment__time,
.sktr-post-card__description,
.sktr-post-card__body p,
.sktr-sidecard__description,
.sktr-course-card__summary,
.sktr-browse-card__excerpt,
.sktr-auth-panel__copy span,
.sktr-auth-note,
.sktr-auth-inline-links,
.sktr-sidecard__stats span {
	color: var(--sktr-on-dark-muted);
}

.sktr-post-card .sktr-reaction-button,
.sktr-post-card__comment-toggle,
.sktr-auth-tab,
.sktr-course-player__rail-item,
.sktr-course-player__lesson-item span,
.sktr-course-player__mobile-list-item span {
	color: #8f96a3;
}

.sktr-avatar,
.sktr-avatar--guest,
.sktr-composer-card__avatar .sktr-avatar {
	color: #e1e4ea;
}

body.single-sktr_community .sktr-header,
body.single-ch-community .sktr-header {
	position: sticky;
	top: 0;
}

body.single-sktr_community .sktr-header__tabs,
body.single-ch-community .sktr-header__tabs {
	position: sticky;
	top: 0;
	z-index: 160;
	transition:
		width 520ms cubic-bezier(0.16, 1, 0.3, 1),
		max-width 520ms cubic-bezier(0.16, 1, 0.3, 1),
		margin 520ms cubic-bezier(0.16, 1, 0.3, 1),
		padding 520ms cubic-bezier(0.16, 1, 0.3, 1),
		border-radius 520ms cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 520ms cubic-bezier(0.16, 1, 0.3, 1),
		background 520ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

body.single-sktr_community .sktr-header__tabs.is-stuck,
body.single-ch-community .sktr-header__tabs.is-stuck {
	width: 100vw;
	max-width: none;
	margin: 0 0 18px calc(50% - 50vw);
	padding: 12px 36px;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: rgba(7, 8, 10, 0.96);
	backdrop-filter: blur(18px);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
}

body.admin-bar.single-sktr_community .sktr-header__tabs,
body.admin-bar.single-ch-community .sktr-header__tabs {
	top: 32px;
}

body.single-sktr_community .sktr-header__tab,
body.single-ch-community .sktr-header__tab {
	border-radius: 18px;
}

@media (max-width: 782px) {
	body.admin-bar .sktr-header {
		top: 46px;
	}

	body.admin-bar.single-sktr_community .sktr-header__tabs,
	body.admin-bar.single-ch-community .sktr-header__tabs {
		top: 46px;
	}
}

@media (max-width: 680px) {
	body.single-sktr_community .sktr-header__tabs,
	body.single-ch-community .sktr-header__tabs {
		top: 0;
		margin-bottom: 14px;
	}

	body.single-sktr_community .sktr-header__tabs.is-stuck,
	body.single-ch-community .sktr-header__tabs.is-stuck {
		padding: 10px 12px;
		border-radius: 0;
	}
}

/*
 * Minimal app motion layer.
 * Keeps the interface calm while giving cards, panels, menus, and tab changes a smoother feel.
 */
:root {
	--sktr-ease-standard: cubic-bezier(0.2, 0, 0, 1);
	--sktr-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
	--sktr-motion-fast: 260ms;
	--sktr-motion: 520ms;
	--sktr-motion-slow: 720ms;
}

@keyframes sktr-fade-up {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes sktr-soft-scale {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.985);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes sktr-drawer-in {
	from {
		opacity: 0;
		transform: translateX(18px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.sktr-shell > *,
.sktr-page-grid,
.sktr-community-main,
.sktr-section,
.sktr-directory-heading,
.sktr-course-player {
	animation: sktr-fade-up var(--sktr-motion-slow) var(--sktr-ease-emphasized) both;
}

.sktr-browse-card,
.sktr-course-card,
.sktr-post-card,
.sktr-member-row,
.sktr-sidecard,
.sktr-page-surface,
.sktr-section__header,
.sktr-composer-card,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-course-player__mobile-page,
.sktr-site-footer__inner {
	animation: sktr-soft-scale var(--sktr-motion-slow) var(--sktr-ease-emphasized) both;
	transition:
		transform var(--sktr-motion) var(--sktr-ease-standard),
		border-color var(--sktr-motion) var(--sktr-ease-standard),
		background-color var(--sktr-motion) var(--sktr-ease-standard),
		background var(--sktr-motion) var(--sktr-ease-standard),
		box-shadow var(--sktr-motion) var(--sktr-ease-standard),
		border-radius var(--sktr-motion) var(--sktr-ease-standard),
		color var(--sktr-motion) var(--sktr-ease-standard),
		opacity var(--sktr-motion) var(--sktr-ease-standard);
}

.sktr-browse-card:nth-child(2),
.sktr-course-card:nth-child(2),
.sktr-post-card:nth-child(2),
.sktr-member-row:nth-child(2) {
	animation-delay: 40ms;
}

.sktr-browse-card:nth-child(3),
.sktr-course-card:nth-child(3),
.sktr-post-card:nth-child(3),
.sktr-member-row:nth-child(3) {
	animation-delay: 80ms;
}

.sktr-browse-card:nth-child(4),
.sktr-course-card:nth-child(4),
.sktr-post-card:nth-child(4),
.sktr-member-row:nth-child(4) {
	animation-delay: 120ms;
}

.sktr-browse-card:hover,
.sktr-course-card:hover,
.sktr-post-card:hover,
.sktr-member-row:hover,
.sktr-sidecard:hover,
.sktr-composer-card:hover {
	transform: translateY(-2px);
}

a,
button,
input,
textarea,
select,
.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__tab,
.sktr-auth-tab,
.sktr-reaction-button,
.sktr-post-card__comment-toggle,
.sktr-account-dropdown a,
.sktr-course-player__rail-item,
.sktr-course-player__lesson-item,
.sktr-course-player__mobile-list-item,
.sktr-site-footer__menu a,
.sktr-site-footer__badge,
.sktr-site-footer__cta {
	transition:
		transform var(--sktr-motion) var(--sktr-ease-standard),
		border-color var(--sktr-motion) var(--sktr-ease-standard),
		background-color var(--sktr-motion) var(--sktr-ease-standard),
		background var(--sktr-motion) var(--sktr-ease-standard),
		box-shadow var(--sktr-motion) var(--sktr-ease-standard),
		border-radius var(--sktr-motion) var(--sktr-ease-standard),
		color var(--sktr-motion) var(--sktr-ease-standard),
		opacity var(--sktr-motion) var(--sktr-ease-standard);
}

.sktr-button:hover,
.button:hover,
.sktr-ghost-link:hover,
.sktr-header__tab:hover,
.sktr-auth-tab:hover,
.sktr-reaction-button:hover,
.sktr-post-card__comment-toggle:hover,
.sktr-course-player__rail-item:hover,
.sktr-course-player__lesson-item:hover,
.sktr-course-player__mobile-list-item:hover,
.sktr-site-footer__badge:hover,
.sktr-site-footer__cta:hover {
	transform: translateY(-1px);
}

.sktr-button:active,
.button:active,
.sktr-ghost-link:active,
.sktr-header__tab:active,
.sktr-auth-tab:active,
.sktr-reaction-button:active,
.sktr-post-card__comment-toggle:active,
.sktr-course-player__rail-item:active,
.sktr-course-player__lesson-item:active,
.sktr-course-player__mobile-list-item:active,
.sktr-site-footer__cta:active {
	transform: translateY(0) scale(0.985);
}

.sktr-tab-panel.is-active,
.sktr-auth-panel.is-active,
.sktr-auth-panel-group.is-active {
	animation: sktr-fade-up var(--sktr-motion) var(--sktr-ease-emphasized) both;
}

.sktr-auth-modal:not([hidden]) .sktr-auth-modal__dialog,
.sktr-composer-modal:not([hidden]) .sktr-composer-modal__dialog,
.sktr-search-modal:not([hidden]) .sktr-search-modal__dialog {
	animation: sktr-soft-scale var(--sktr-motion) var(--sktr-ease-emphasized) both;
}

.sktr-cart-drawer:not([hidden]) .sktr-cart-drawer__panel,
.sktr-account-dropdown:not([hidden]) {
	animation: sktr-drawer-in var(--sktr-motion) var(--sktr-ease-emphasized) both;
}

.sktr-header__tabs,
.sktr-cart-drawer__panel,
.sktr-account-dropdown,
.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog,
.sktr-search-modal__dialog {
	transition:
		transform var(--sktr-motion) var(--sktr-ease-standard),
		border-radius var(--sktr-motion) var(--sktr-ease-standard),
		border-color var(--sktr-motion) var(--sktr-ease-standard),
		background-color var(--sktr-motion) var(--sktr-ease-standard),
		background var(--sktr-motion) var(--sktr-ease-standard),
		box-shadow var(--sktr-motion) var(--sktr-ease-standard),
		opacity var(--sktr-motion) var(--sktr-ease-standard);
}

.sktr-header__brand,
.sktr-header__logo,
.sktr-header__search,
.sktr-header__user,
.sktr-header__mobile-icon,
.sktr-header__mobile-avatar,
.sktr-auth-modal__backdrop,
.sktr-composer-modal__backdrop,
.sktr-search-modal__backdrop,
.sktr-cart-drawer__backdrop,
.sktr-profile-form input,
.sktr-profile-form textarea,
.sktr-auth-panel input,
.sktr-post-form input,
.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-search-shell input,
.sktr-mobile-search-result,
.sktr-search-result,
.sktr-sidecard__stats > div,
.sktr-course-player__video-placeholder,
.sktr-course-player__resource {
	transition:
		transform var(--sktr-motion) var(--sktr-ease-standard),
		border-color var(--sktr-motion) var(--sktr-ease-standard),
		background-color var(--sktr-motion) var(--sktr-ease-standard),
		background var(--sktr-motion) var(--sktr-ease-standard),
		box-shadow var(--sktr-motion) var(--sktr-ease-standard),
		border-radius var(--sktr-motion) var(--sktr-ease-standard),
		color var(--sktr-motion) var(--sktr-ease-standard),
		opacity var(--sktr-motion) var(--sktr-ease-standard);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 1ms !important;
	}
}

@media (max-width: 1180px) {
	.sktr-header {
		top: 0;
	}
}

/*
 * True final density layer.
 * This follows motion and palette layers so compact sizing wins the final cascade.
 */
:root {
	--sktr-shell: min(1360px, calc(100% - 32px));
	--sktr-radius-xs: 7px;
	--sktr-radius-sm: 10px;
	--sktr-radius: 14px;
	--sktr-radius-lg: 20px;
	--sktr-density-gap: 14px;
	--sktr-density-gap-lg: 18px;
	--sktr-density-pad: 16px;
	--sktr-control-height: 42px;
	--sktr-control-height-lg: 46px;
	--sktr-text-sm: 0.82rem;
	--sktr-text-lg: 1.08rem;
}

body {
	font-size: 15px;
	line-height: 1.52;
}

.sktr-shell {
	padding: 18px 0 56px;
}

.sktr-section,
.sktr-page-grid,
.sktr-community-main,
.sktr-course-player,
.sktr-auth-panels,
.sktr-auth-panel,
.sktr-auth-panel.is-active,
.sktr-auth-panel-group.is-active,
.sktr-profile-form,
.sktr-post-form,
.sktr-comment-form,
.sktr-search-modal__body {
	gap: var(--sktr-density-gap);
}

.sktr-surface,
.sktr-composer-card,
.sktr-post-card,
.sktr-sidecard,
.sktr-member-row,
.sktr-course-card,
.sktr-search-shell,
.sktr-page-surface,
.sktr-auth-shell,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-course-player__mobile-page,
.sktr-cart-drawer__panel,
.sktr-browse-card,
.sktr-woocommerce-page,
.sktr-site-footer__inner {
	border-radius: var(--sktr-radius);
}

.sktr-post-card,
.sktr-sidecard__body,
.sktr-course-card__body,
.sktr-browse-card__body,
.sktr-page-surface,
.sktr-section__header,
.sktr-composer-card,
.sktr-course-player__header,
.sktr-course-player__content,
.sktr-course-player__mobile-page,
.sktr-woocommerce-page {
	padding: var(--sktr-density-pad);
}

.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__mobile-login,
.sktr-community-join-button,
.sktr-community-checkout-button,
.sktr-community-upgrade-button,
.sktr-auth-panel__cta,
.sktr-auth-panel__secondary,
.sktr-hero__actions .sktr-button {
	min-height: var(--sktr-control-height);
	padding: 0 16px;
	font-size: 0.88rem;
}

.sktr-post-form input[type="text"],
.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-search-shell input,
.sktr-auth-panel input,
.sktr-profile-form input,
.sktr-profile-form textarea,
.sktr-search-modal__input,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
	min-height: var(--sktr-control-height);
	padding: 10px 13px;
	border-radius: 13px;
	font-size: 0.92rem;
}

.sktr-post-form textarea,
.sktr-comment-form textarea,
.sktr-profile-form textarea {
	min-height: 92px;
}

.sktr-header {
	margin-bottom: 16px;
	padding: 10px 14px;
	border-radius: 22px;
}

.sktr-header.is-stuck {
	padding: 7px 28px;
	border-radius: 0;
}

.sktr-header__bar {
	gap: 12px;
}

.sktr-header__logo {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	font-size: 1.08rem;
}

.sktr-header__search,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__user {
	min-height: var(--sktr-control-height-lg);
}

.sktr-header__search {
	padding: 0 15px;
}

.sktr-header__search input {
	font-size: 0.96rem;
}

.sktr-header__user {
	gap: 8px;
	padding: 5px 12px 5px 7px;
}

.sktr-avatar {
	width: 38px;
	height: 38px;
}

.sktr-header__tabs {
	margin-bottom: 16px;
	padding: 6px;
	border-radius: 20px;
}

.sktr-header__tabs.is-stuck {
	border-radius: 0;
}

.sktr-header__tab {
	min-height: 38px;
	padding: 0 16px;
	font-size: 0.86rem;
}

.sktr-hero {
	min-height: min(580px, calc(100vh - 150px));
	padding: clamp(34px, 5vw, 68px) 8px clamp(32px, 5vw, 58px);
	gap: clamp(22px, 4vw, 52px);
}

.sktr-hero__content {
	gap: var(--sktr-density-gap-lg);
}

.sktr-hero h1,
.sktr-section__header h2 {
	font-size: clamp(2.4rem, 5vw, 5.8rem);
	line-height: 1;
}

.sktr-hero__content > p {
	font-size: clamp(0.98rem, 1.25vw, 1.12rem);
}

.sktr-course-card__body h4,
.sktr-browse-card__body h3,
.sktr-post-card__title,
.sktr-sidecard__body h3,
.sktr-page-surface h1,
.sktr-page-surface h2 {
	font-size: var(--sktr-text-lg);
}

.sktr-post-card__description,
.sktr-post-card__body,
.sktr-course-card__summary,
.sktr-browse-card__excerpt,
.sktr-sidecard__body p,
.sktr-member-row__meta,
.sktr-search-result span,
.sktr-cart-drawer__header span {
	font-size: var(--sktr-text-sm);
}

.sktr-reaction-button,
.sktr-post-card__comment-toggle,
.sktr-site-footer__badge {
	min-height: 34px;
	padding: 0 12px;
	font-size: 0.82rem;
}

.sktr-sidecard__stats > div {
	padding: 12px;
}

.sktr-auth-modal,
.sktr-composer-modal {
	padding: 16px;
}

.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog {
	max-height: calc(100dvh - 32px);
	border-radius: 22px;
	scrollbar-gutter: stable;
}

.sktr-auth-modal__dialog--auth {
	width: min(500px, calc(100vw - 24px));
}

.sktr-auth-shell {
	gap: 13px;
	padding: 18px;
}

.sktr-auth-tabs {
	gap: 5px;
	padding: 5px;
}

.sktr-auth-tab {
	min-height: 38px;
	font-size: 0.9rem;
}

.sktr-auth-panel__copy {
	gap: 3px;
}

.sktr-auth-panel__copy strong {
	font-size: 1.08rem;
	line-height: 1.15;
}

.sktr-auth-panel__copy span,
.sktr-auth-note,
.sktr-auth-inline-links {
	font-size: 0.82rem;
	line-height: 1.45;
}

.sktr-auth-panel label,
.sktr-profile-form label {
	gap: 6px;
	font-size: 0.84rem;
	line-height: 1.25;
}

.sktr-auth-panel__cta,
.sktr-auth-panel__secondary {
	min-height: 40px;
}

.sktr-auth-modal__header,
.sktr-composer-modal__header,
.sktr-cart-drawer__header,
.sktr-search-modal__header {
	gap: 12px;
	padding: 18px 18px 0;
}

.sktr-auth-modal__header h3,
.sktr-composer-modal__header h3,
.sktr-search-modal__header h3 {
	font-size: 1.22rem;
}

.sktr-auth-modal__close,
.sktr-composer-modal__close,
.sktr-cart-drawer__close,
.sktr-course-player__sidebar-close {
	width: 38px;
	height: 38px;
	font-size: 1.2rem;
}

.sktr-auth-modal__close--floating {
	top: 10px;
	right: 10px;
}

.sktr-profile-form,
.sktr-search-modal__body,
.sktr-composer-modal__dialog .sktr-post-form,
.sktr-cart-drawer__body,
.sktr-cart-drawer__footer {
	padding: var(--sktr-density-pad);
}

@media (max-height: 760px) {
	.sktr-auth-modal,
	.sktr-composer-modal {
		padding: 10px;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog {
		max-height: calc(100dvh - 20px);
	}

	.sktr-auth-shell {
		gap: 10px;
		padding: 14px;
	}

	.sktr-auth-panel,
	.sktr-auth-panel.is-active,
	.sktr-auth-panel-group.is-active,
	.sktr-auth-panels {
		gap: 10px;
	}

	.sktr-auth-panel input {
		min-height: 40px;
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary,
	.sktr-auth-tab {
		min-height: 36px;
	}
}

@media (max-width: 680px) {
	:root {
		--sktr-shell: min(100%, calc(100% - 16px));
	}

	body {
		font-size: 14px;
	}

	.sktr-shell {
		padding-top: 12px;
		padding-bottom: 38px;
	}

	.sktr-header {
		padding: 8px;
		margin-bottom: 12px;
		border-radius: 18px;
	}

	.sktr-header.is-stuck {
		padding: 7px 12px;
		border-radius: 0;
	}

	.sktr-header__logo {
		width: 38px;
		height: 38px;
		border-radius: 12px;
		font-size: 0.95rem;
	}

	.sktr-header__search,
	.sktr-header__login,
	.sktr-header__signup,
	.sktr-header__user,
	.sktr-header__mobile-login,
	.sktr-header__mobile-icon,
	.sktr-header__mobile-avatar,
	.sktr-header__mobile-back {
		min-height: 40px;
	}

	.sktr-header__tabs {
		margin-bottom: 14px;
		border-radius: 18px;
	}

	.sktr-header__tab {
		min-height: 36px;
		padding: 0 12px;
		font-size: 0.8rem;
	}

	.sktr-post-card,
	.sktr-sidecard__body,
	.sktr-course-card__body,
	.sktr-browse-card__body,
	.sktr-course-player__header,
	.sktr-course-player__content,
	.sktr-course-player__mobile-page,
	.sktr-page-surface,
	.sktr-section__header {
		padding: 14px;
	}

	.sktr-auth-modal,
	.sktr-composer-modal {
		padding: 10px;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog {
		max-height: calc(100dvh - 20px);
		border-radius: 18px;
	}

	.sktr-auth-shell,
	.sktr-profile-form,
	.sktr-composer-modal__dialog .sktr-post-form,
	.sktr-search-modal__body {
		padding: 14px;
	}

	.sktr-auth-panel input,
	.sktr-profile-form input,
	.sktr-profile-form textarea,
	.sktr-search-modal__input,
	.sktr-post-form input[type="text"],
	.sktr-post-form textarea,
	.sktr-comment-form textarea,
	.sktr-search-shell input {
		min-height: 40px;
		font-size: 0.88rem;
	}

	.sktr-auth-tab,
	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary,
	.sktr-button,
	.button,
	.sktr-ghost-link {
		min-height: 38px;
	}

	.sktr-hero h1,
	.sktr-section__header h2 {
		font-size: clamp(2rem, 11vw, 3.1rem);
	}
}

/*
 * Auth modal breathing room.
 * Restores minimal spacing after the compact pass without bringing back page-level overflow.
 */
.sktr-auth-modal__dialog--auth {
	width: min(520px, calc(100vw - 24px));
}

.sktr-auth-shell {
	gap: 16px;
	padding: 22px;
}

.sktr-auth-tabs {
	margin-bottom: 2px;
}

.sktr-auth-tab {
	min-height: 40px;
}

.sktr-auth-panel__copy {
	gap: 5px;
}

.sktr-auth-panel label,
.sktr-profile-form label {
	gap: 7px;
}

.sktr-auth-panel__cta,
.sktr-auth-panel__secondary {
	min-height: 42px;
}

@media (max-height: 760px) {
	.sktr-auth-shell {
		gap: 12px;
		padding: 16px;
	}

	.sktr-auth-panel,
	.sktr-auth-panel.is-active,
	.sktr-auth-panel-group.is-active,
	.sktr-auth-panels {
		gap: 11px;
	}

	.sktr-auth-tab,
	.sktr-auth-panel__cta,
	.sktr-auth-panel__secondary {
		min-height: 38px;
	}
}

/*
 * Centered footer content.
 * Keeps the footer full-width while making the visible content group sit in the middle.
 */
.sktr-site-footer__inner {
	justify-items: center;
	text-align: center;
}

.sktr-site-footer__menus {
	width: min(1120px, 100%);
	grid-template-columns: repeat(3, minmax(180px, 1fr));
	justify-content: center;
	justify-items: center;
}

.sktr-site-footer__column,
.sktr-site-footer__menu {
	justify-items: center;
	text-align: center;
}

.sktr-site-footer__utilities {
	width: min(860px, 100%);
}

@media (max-width: 760px) {
	.sktr-site-footer__menus {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}

/*
 * Auth modal comfortable spacing.
 * Keeps the popup compact enough for small screens, but restores proper inset and rhythm.
 */
.sktr-auth-modal__dialog--auth {
	width: min(560px, calc(100vw - 28px));
}

.sktr-auth-modal__dialog--auth .sktr-auth-shell {
	gap: 20px;
	padding: 28px;
}

.sktr-auth-modal__dialog--auth .sktr-auth-tabs {
	margin-bottom: 4px;
}

.sktr-auth-modal__dialog--auth .sktr-auth-panel,
.sktr-auth-modal__dialog--auth .sktr-auth-panel.is-active,
.sktr-auth-modal__dialog--auth .sktr-auth-panel-group.is-active,
.sktr-auth-modal__dialog--auth .sktr-auth-panels {
	gap: 16px;
}

.sktr-auth-modal__dialog--auth .sktr-auth-panel label {
	gap: 9px;
}

.sktr-auth-modal__dialog--auth .sktr-auth-panel__copy {
	gap: 6px;
}

@media (max-height: 760px) {
	.sktr-auth-modal__dialog--auth .sktr-auth-shell {
		gap: 15px;
		padding: 22px;
	}

	.sktr-auth-modal__dialog--auth .sktr-auth-panel,
	.sktr-auth-modal__dialog--auth .sktr-auth-panel.is-active,
	.sktr-auth-modal__dialog--auth .sktr-auth-panel-group.is-active,
	.sktr-auth-modal__dialog--auth .sktr-auth-panels {
		gap: 13px;
	}
}

@media (max-width: 680px) {
	.sktr-auth-modal__dialog--auth {
		width: min(100%, calc(100vw - 20px));
	}

	.sktr-auth-modal__dialog--auth .sktr-auth-shell {
		gap: 15px;
		padding: 20px;
	}
}

/*
 * Center modal feedback banners.
 */
.sktr-auth-feedback {
	min-height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	text-align: center;
	line-height: 1.35;
}

.sktr-auth-modal__dialog > .sktr-auth-feedback {
	width: calc(100% - 32px);
	min-height: 62px;
	display: grid;
	place-items: center;
	margin: 12px auto 0;
	padding: 10px 22px;
	text-align: center;
	line-height: 1.28;
}

@media (max-width: 680px) {
	.sktr-auth-modal__dialog > .sktr-auth-feedback {
		width: calc(100% - 24px);
		min-height: 54px;
		margin-top: 10px;
		padding: 10px 16px;
	}
}

/*
 * Navbar uploaded wordmark.
 */
.sktr-header__brand-logo-text {
	display: inline-flex;
	align-items: center;
	width: min(160px, 34vw);
	height: 34px;
}

.sktr-header__brand-logo-text img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: left center;
}

@media (max-width: 980px) {
	.sktr-header__brand-logo-text {
		width: min(130px, 32vw);
		height: 30px;
	}
}

@media (max-width: 680px) {
	.sktr-header__brand-logo-text {
		width: min(108px, 38vw);
		height: 26px;
	}
}

/*
 * Keep account actions above sticky tabs and page panels.
 */
.sktr-account-menu {
	z-index: 999;
}

.sktr-account-dropdown {
	z-index: 999;
}

/*
 * Focused comment layout.
 */
.sktr-comment {
	gap: 12px;
	padding: 16px 18px;
}

.sktr-comment__header {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 36px;
	align-items: start;
	gap: 12px;
}

.sktr-comment__meta {
	gap: 6px;
	min-width: 0;
}

.sktr-comment__author-line {
	display: flex;
	align-items: baseline;
	gap: 10px;
	min-width: 0;
	flex-wrap: wrap;
}

.sktr-comment__author-line strong {
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 0.96rem;
	font-weight: 800;
	line-height: 1.2;
}

.sktr-comment__time {
	color: var(--sktr-muted);
	font-size: 0.78rem;
	font-weight: 800;
	white-space: nowrap;
}

.sktr-comment__identity {
	gap: 8px;
	color: var(--sktr-muted);
	font-size: 0.86rem;
	line-height: 1.35;
}

.sktr-comment-reply {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	border: 1px solid var(--sktr-border);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.04);
	color: var(--sktr-muted);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
}

.sktr-comment-reply:hover,
.sktr-comment-reply:focus {
	border-color: rgba(0, 153, 255, 0.45);
	background: var(--sktr-primary-soft);
	color: var(--sktr-primary);
	outline: 0;
}

.sktr-comment > p {
	margin-left: 54px;
	color: var(--sktr-text);
	font-size: 0.96rem;
	line-height: 1.55;
}

@media (max-width: 680px) {
	.sktr-comment {
		padding: 14px;
	}

	.sktr-comment__header {
		grid-template-columns: 38px minmax(0, 1fr) 34px;
		gap: 10px;
	}

	.sktr-comment > p {
		margin-left: 48px;
	}
}

/*
 * Header dropdown stacking fix.
 * The parent header must be above sticky community tabs, otherwise cart/settings/logout are clipped underneath.
 */
.sktr-header,
body.single-sktr_community .sktr-header,
body.single-ch-community .sktr-header {
	z-index: 1000;
}

.sktr-account-menu {
	z-index: 1001;
}

.sktr-account-dropdown {
	z-index: 1002;
}

.sktr-cart-drawer {
	z-index: 1003;
}

/*
 * Place comment reply action in the bottom-right corner.
 */
.sktr-comment {
	position: relative;
	padding-right: 64px;
	padding-bottom: 20px;
}

.sktr-comment__header {
	grid-template-columns: 42px minmax(0, 1fr);
}

.sktr-comment-reply {
	position: absolute;
	right: 18px;
	bottom: 18px;
}

@media (max-width: 680px) {
	.sktr-comment {
		padding-right: 58px;
		padding-bottom: 18px;
	}

	.sktr-comment__header {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.sktr-comment-reply {
		right: 14px;
		bottom: 14px;
	}
}

/*
 * Community scroll behavior.
 * On community pages the main navbar scrolls away; only the community tabs become the top sticky bar.
 */
body.single-sktr_community .sktr-header,
body.single-ch-community .sktr-header,
body.single-sktr_course .sktr-header {
	position: relative;
	top: auto;
	z-index: 220;
}

body.single-sktr_community .sktr-header.is-stuck,
body.single-ch-community .sktr-header.is-stuck,
body.single-sktr_course .sktr-header.is-stuck {
	width: 100%;
	max-width: 100%;
	margin: 0 0 16px;
	padding: 10px 14px;
	border-radius: 22px;
}

body.single-sktr_community .sktr-header__tabs,
body.single-ch-community .sktr-header__tabs,
body.single-sktr_course .sktr-header__tabs {
	position: relative;
	top: auto;
	z-index: 360;
	margin-bottom: 18px;
}

body.single-sktr_community .sktr-header__tabs.is-stuck,
body.single-ch-community .sktr-header__tabs.is-stuck,
body.single-sktr_course .sktr-header__tabs.is-stuck {
	position: fixed;
	top: var(--sktr-sticky-top, 0);
	left: 0;
	right: 0;
	z-index: 1200;
	width: 100vw;
	max-width: none;
	margin: 0;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

body.admin-bar.single-sktr_community .sktr-header,
body.admin-bar.single-ch-community .sktr-header,
body.admin-bar.single-sktr_course .sktr-header {
	top: auto;
}

body.admin-bar.single-sktr_community .sktr-header__tabs.is-stuck,
body.admin-bar.single-ch-community .sktr-header__tabs.is-stuck,
body.admin-bar.single-sktr_course .sktr-header__tabs.is-stuck {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar.single-sktr_community .sktr-header__tabs.is-stuck,
	body.admin-bar.single-ch-community .sktr-header__tabs.is-stuck,
	body.admin-bar.single-sktr_course .sktr-header__tabs.is-stuck {
		top: 46px;
	}
}

body.sktr-community-tabs-fixed.single-sktr_community .sktr-community-main,
body.sktr-community-tabs-fixed.single-ch-community .sktr-community-main,
body.sktr-community-tabs-fixed.single-sktr_course .sktr-community-main {
	padding-top: calc(var(--sktr-community-tabs-height, 58px) + 14px);
}

body.single-sktr_community .sktr-tab-panel,
body.single-ch-community .sktr-tab-panel,
body.single-sktr_course .sktr-tab-panel {
	scroll-margin-top: calc(var(--sktr-community-tabs-height, 58px) + var(--sktr-sticky-top, 0px) + 18px);
}

/*
 * Mobile header actions.
 * Keeps search plus account entry points visible on directory, community, and course views.
 */
.sktr-header__mobile-signup {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

@media (max-width: 920px) {
	.sktr-header__mobile-actions {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 7px;
	}

	.sktr-header__mobile-login,
	.sktr-header__mobile-signup {
		min-height: 42px;
		padding: 0 12px;
		font-size: 0.78rem;
	}
}

@media (max-width: 420px) {
	.sktr-header {
		padding: 8px;
	}

	.sktr-header__bar {
		gap: 8px;
	}

	.sktr-header__brand {
		gap: 8px;
	}

	.sktr-header__brand-text strong {
		max-width: 90px;
	}

	.sktr-header__mobile-actions {
		gap: 5px;
	}

	.sktr-header__mobile-icon,
	.sktr-header__mobile-avatar {
		width: 38px;
		height: 38px;
	}

	.sktr-header__mobile-login,
	.sktr-header__mobile-signup {
		min-height: 38px;
		padding: 0 9px;
		font-size: 0.72rem;
	}
}

/*
 * Lift the header only while account actions are open.
 * This lets Settings/Log out sit above the sticky community tabs without keeping the main navbar sticky.
 */
body.sktr-account-menu-open .sktr-header,
body.sktr-account-menu-open.single-sktr_community .sktr-header,
body.sktr-account-menu-open.single-ch-community .sktr-header {
	z-index: 1400;
}

body.sktr-account-menu-open .sktr-account-menu {
	z-index: 1401;
}

body.sktr-account-menu-open .sktr-account-dropdown {
	z-index: 1402;
}

body.sktr-header-search-open .sktr-header,
body.sktr-header-search-open.single-sktr_community .sktr-header,
body.sktr-header-search-open.single-ch-community .sktr-header {
	z-index: 1800;
}

body.sktr-header-search-open .sktr-header__tabs,
body.sktr-header-search-open.single-sktr_community .sktr-header__tabs,
body.sktr-header-search-open.single-ch-community .sktr-header__tabs {
	z-index: 360;
}

/*
 * Course lesson purchase/access states.
 */
.sktr-course-player__lesson-item,
.sktr-course-player__mobile-list-item {
	position: relative;
}

.sktr-course-player__lesson-item em,
.sktr-course-player__mobile-list-item em {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 0 8px;
	border-radius: var(--sktr-radius-pill);
	background: rgba(255, 255, 255, 0.06);
	color: var(--sktr-muted);
	font-family: var(--sktr-font-display);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
}

.sktr-course-player__lesson-item.is-open em,
.sktr-course-player__mobile-list-item.is-open em {
	background: rgba(72, 216, 125, 0.14);
	color: #86efac;
}

.sktr-course-player__lesson-item.is-login em,
.sktr-course-player__mobile-list-item.is-login em {
	background: rgba(0, 153, 255, 0.14);
	color: #7dd3fc;
}

.sktr-course-player__lesson-item.is-locked,
.sktr-course-player__mobile-list-item.is-locked,
.sktr-course-player__rail-item.is-locked {
	opacity: 0.82;
}

.sktr-course-player__lesson-item.is-locked em,
.sktr-course-player__mobile-list-item.is-locked em {
	background: rgba(244, 114, 182, 0.14);
	color: #f9a8d4;
}

.sktr-course-player__rail-item.is-locked {
	background: rgba(244, 114, 182, 0.1);
	color: #f9a8d4;
}

.sktr-course-player__rail-item.is-login {
	background: rgba(0, 153, 255, 0.12);
	color: #7dd3fc;
}

.sktr-course-player__access-card {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	padding: 22px;
	border: 1px solid var(--sktr-border);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(0, 153, 255, 0.08), rgba(244, 114, 182, 0.08)),
		#0f1218;
}

.sktr-course-player__access-card .sktr-button {
	grid-column: 2;
	width: fit-content;
}

.sktr-course-player__access-card h3 {
	font-size: 1.15rem;
}

.sktr-course-player__access-card p {
	margin-top: 6px;
	color: var(--sktr-muted);
}

.sktr-course-player__access-icon {
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sktr-border);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
	color: var(--sktr-heading);
	font-size: 1.1rem;
}

@media (max-width: 680px) {
	.sktr-course-player__access-card {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	.sktr-course-player__access-card .sktr-button {
		grid-column: 1;
		width: 100%;
	}
}

/*
 * Global popup layer.
 * Keeps modals and drawers above navbars, sticky tabs, account menus, and app panels.
 */
.sktr-auth-modal,
.sktr-composer-modal,
.sktr-search-modal,
.sktr-cart-drawer {
	z-index: 9000;
}

.sktr-auth-modal__backdrop,
.sktr-composer-modal__backdrop,
.sktr-search-modal__backdrop,
.sktr-cart-drawer__backdrop {
	z-index: 0;
}

.sktr-auth-modal__dialog,
.sktr-composer-modal__dialog,
.sktr-search-modal__dialog,
.sktr-cart-drawer__panel {
	z-index: 1;
}

/*
 * Community browse card UX polish.
 */
.sktr-browse-card {
	display: grid;
	grid-template-rows: auto 1fr;
	min-height: 100%;
	border-radius: 20px;
	background: linear-gradient(180deg, #111318 0%, #141821 100%);
}

.sktr-browse-card__cover {
	aspect-ratio: 16 / 7;
	border-bottom: 1px solid var(--sktr-border);
}

.sktr-browse-card__rank {
	top: 12px;
	left: 12px;
	min-width: 38px;
	min-height: 28px;
	font-size: 0.78rem;
}

.sktr-browse-card__body {
	display: grid;
	grid-template-rows: auto auto auto 1fr;
	gap: 16px;
	padding: 22px 24px 24px;
}

.sktr-browse-card__title-row {
	grid-template-columns: 54px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
}

.sktr-browse-card__avatar {
	width: 54px;
	height: 54px;
	border: 1px solid #242a34;
	border-radius: 16px;
	background: #0d1016;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.sktr-browse-card__title-row h3 {
	font-size: 1.16rem;
	line-height: 1.2;
}

.sktr-browse-card__title-row h3 a {
	display: inline;
}

.sktr-browse-card__excerpt {
	display: -webkit-box;
	min-height: 4.65em;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #aeb4c1;
	font-size: 0.9rem;
	line-height: 1.55;
}

.sktr-browse-card__meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}

.sktr-browse-card__stat,
.sktr-browse-card__pricing {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 0 11px;
	border: 1px solid #2d3440;
	border-radius: var(--sktr-radius-pill);
	background: #0d1118;
	color: var(--sktr-muted);
	font-size: 0.8rem;
	font-weight: 800;
}

.sktr-browse-card__stat strong {
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 0.9rem;
}

.sktr-browse-card__pricing {
	padding: 0;
	border: 0;
	background: transparent;
}

.sktr-browse-card__pricing-label {
	min-height: 32px;
	padding: 0 12px;
}

.sktr-browse-card__pricing-value {
	min-height: 32px;
	display: inline-flex;
	align-items: center;
	padding: 0 10px;
	border: 1px solid #2d3440;
	border-radius: var(--sktr-radius-pill);
	background: #0d1118;
	font-size: 0.86rem;
}

.sktr-browse-card__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin-top: 2px;
}

.sktr-browse-card__open {
	order: 1;
	width: 100%;
	min-height: 44px;
	background: #23262d;
	border-color: #3a3f49;
	color: var(--sktr-heading);
}

.sktr-browse-card__open:hover,
.sktr-browse-card__open:focus {
	background: #2c3038;
	color: var(--sktr-heading);
}

.sktr-browse-card__actions .sktr-community-membership-wrap,
.sktr-browse-card__actions .sktr-community-membership-status,
.sktr-browse-card__actions > .sktr-ghost-link--button {
	order: 2;
	width: auto;
	min-width: 0;
}

.sktr-browse-card__actions .sktr-community-membership-status,
.sktr-browse-card__actions .sktr-community-join-button,
.sktr-browse-card__actions > .sktr-ghost-link--button {
	min-height: 40px;
	padding: 0 14px;
	border-radius: 14px;
	white-space: nowrap;
}

@media (max-width: 680px) {
	.sktr-browse-card__body {
		padding: 18px;
	}

	.sktr-browse-card__actions {
		grid-template-columns: 1fr;
	}

	.sktr-browse-card__actions .sktr-community-membership-wrap,
	.sktr-browse-card__actions .sktr-community-membership-status,
	.sktr-browse-card__actions > .sktr-ghost-link--button {
		width: 100%;
	}
}

/*
 * WooCommerce checkout polish.
 * Keeps the purchase flow visually native to the Skilltruly app.
 */
body.woocommerce-checkout .sktr-page-surface {
	gap: 18px;
	padding: clamp(16px, 2.2vw, 26px);
}

body.woocommerce-checkout .sktr-page-entry__header {
	margin-bottom: 6px;
}

body.woocommerce-checkout .sktr-page-entry__title {
	font-size: clamp(1.75rem, 2.8vw, 2.55rem);
	line-height: 1;
}

.sktr-woocommerce-page--checkout {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--sktr-text);
}

.sktr-woocommerce-page--checkout .woocommerce {
	display: grid;
	gap: 16px;
	color: var(--sktr-text);
}

.sktr-woocommerce-page--checkout .woocommerce-notices-wrapper {
	display: grid;
	gap: 10px;
}

.sktr-woocommerce-page--checkout form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.75fr);
	gap: 18px;
	align-items: start;
}

.sktr-woocommerce-page--checkout form.checkout::before,
.sktr-woocommerce-page--checkout form.checkout::after,
.sktr-woocommerce-page--checkout .col2-set::before,
.sktr-woocommerce-page--checkout .col2-set::after {
	content: none;
}

.woocommerce .sktr-woocommerce-page--checkout .col2-set,
.sktr-woocommerce-page--checkout .col2-set {
	width: 100%;
	display: grid;
	grid-column: 1;
	grid-row: 1 / span 2;
	gap: 16px;
}

.woocommerce .sktr-woocommerce-page--checkout .col2-set .col-1,
.woocommerce .sktr-woocommerce-page--checkout .col2-set .col-2,
.sktr-woocommerce-page--checkout .col2-set .col-1,
.sktr-woocommerce-page--checkout .col2-set .col-2 {
	float: none;
	width: 100%;
	padding: 0;
}

.sktr-woocommerce-page--checkout .woocommerce-billing-fields,
.sktr-woocommerce-page--checkout .woocommerce-additional-fields,
.sktr-woocommerce-page--checkout form.woocommerce-form-login,
.sktr-woocommerce-page--checkout form.checkout_coupon,
.sktr-woocommerce-page--checkout #order_review,
.sktr-woocommerce-page--checkout #order_review_heading {
	border: 1px solid #292d35;
	background: linear-gradient(180deg, #10131a 0%, #131720 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.sktr-woocommerce-page--checkout .woocommerce-billing-fields,
.sktr-woocommerce-page--checkout .woocommerce-additional-fields,
.sktr-woocommerce-page--checkout form.woocommerce-form-login,
.sktr-woocommerce-page--checkout form.checkout_coupon {
	display: grid;
	gap: 14px;
	padding: clamp(16px, 2vw, 22px);
	border-radius: 20px;
}

.sktr-woocommerce-page--checkout .woocommerce-billing-fields h3,
.sktr-woocommerce-page--checkout .woocommerce-additional-fields h3,
.sktr-woocommerce-page--checkout #order_review_heading {
	color: var(--sktr-heading);
	font-family: var(--sktr-font-display);
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.15;
}

.sktr-woocommerce-page--checkout .woocommerce-billing-fields__field-wrapper,
.sktr-woocommerce-page--checkout .woocommerce-additional-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 14px;
}

.sktr-woocommerce-page--checkout .woocommerce form .form-row {
	float: none;
	width: auto;
	display: grid;
	gap: 6px;
	padding: 0;
	margin: 0;
}

.sktr-woocommerce-page--checkout .woocommerce form .form-row-first,
.sktr-woocommerce-page--checkout .woocommerce form .form-row-last {
	width: auto;
}

.sktr-woocommerce-page--checkout .woocommerce form .form-row-wide,
.sktr-woocommerce-page--checkout .woocommerce form .notes {
	grid-column: 1 / -1;
}

.sktr-woocommerce-page--checkout .woocommerce form label {
	color: #e5e7eb;
	font-family: var(--sktr-font-display);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.25;
}

.sktr-woocommerce-page--checkout .woocommerce form .required {
	color: #7dd3fc;
	text-decoration: none;
}

.sktr-woocommerce-page--checkout .woocommerce-input-wrapper {
	display: block;
	min-width: 0;
}

.sktr-woocommerce-page--checkout .woocommerce input.input-text,
.sktr-woocommerce-page--checkout .woocommerce textarea,
.sktr-woocommerce-page--checkout .woocommerce select,
.sktr-woocommerce-page--checkout .select2-container--default .select2-selection--single {
	width: 100%;
	min-height: 44px;
	border: 1px solid #303642;
	border-radius: 14px;
	background: #0b0e14;
	color: var(--sktr-heading);
	box-shadow: none;
	transition: border-color 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;
}

.sktr-woocommerce-page--checkout .woocommerce input.input-text,
.sktr-woocommerce-page--checkout .woocommerce textarea,
.sktr-woocommerce-page--checkout .woocommerce select {
	padding: 10px 13px;
}

.sktr-woocommerce-page--checkout .woocommerce textarea {
	min-height: 96px;
	resize: vertical;
}

.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce form.checkout .form-row textarea.input-text,
.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce form.checkout textarea#order_comments,
.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce .woocommerce-additional-fields textarea.input-text {
	width: 100%;
	min-height: 118px;
	padding: 12px 14px;
	border: 1px solid #303642;
	border-radius: 14px;
	background: #0b0e14;
	background-color: #0b0e14;
	color: var(--sktr-heading);
	box-shadow: none;
	outline: 0;
	resize: vertical;
}

.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce form.checkout .form-row textarea.input-text:focus,
.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce form.checkout textarea#order_comments:focus,
.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce .woocommerce-additional-fields textarea.input-text:focus {
	border-color: rgba(0, 153, 255, 0.65);
	background: #0d121a;
	background-color: #0d121a;
	box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.14);
}

.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce form.checkout .form-row textarea.input-text::placeholder,
.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce form.checkout textarea#order_comments::placeholder,
.woocommerce-page .sktr-woocommerce-page--checkout .woocommerce .woocommerce-additional-fields textarea.input-text::placeholder {
	color: #737986;
	opacity: 1;
}

.sktr-woocommerce-page--checkout .woocommerce input.input-text::placeholder,
.sktr-woocommerce-page--checkout .woocommerce textarea::placeholder {
	color: #737986;
}

.sktr-woocommerce-page--checkout .woocommerce input.input-text:focus,
.sktr-woocommerce-page--checkout .woocommerce textarea:focus,
.sktr-woocommerce-page--checkout .woocommerce select:focus,
.sktr-woocommerce-page--checkout .select2-container--open .select2-selection--single,
.sktr-woocommerce-page--checkout .select2-container--focus .select2-selection--single {
	border-color: rgba(0, 153, 255, 0.65);
	background: #0d121a;
	box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.14);
	outline: 0;
}

.sktr-woocommerce-page--checkout .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 38px 0 13px;
	color: var(--sktr-heading);
	line-height: 42px;
}

.sktr-woocommerce-page--checkout .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #737986;
}

.sktr-woocommerce-page--checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 1px;
	right: 8px;
	height: 42px;
}

.select2-dropdown {
	overflow: hidden;
	border: 1px solid #303642;
	border-radius: 14px;
	background: #10131a;
	color: var(--sktr-text);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
	z-index: 9010;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #303642;
	border-radius: 10px;
	background: #0b0e14;
	color: var(--sktr-heading);
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
	background: #1d2430;
	color: var(--sktr-heading);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: rgba(0, 153, 255, 0.18);
	color: var(--sktr-heading);
}

.sktr-woocommerce-page--checkout #order_review_heading {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	padding: 18px 20px 0;
	border-bottom: 0;
	border-radius: 20px 20px 0 0;
}

.sktr-woocommerce-page--checkout #order_review {
	grid-column: 2;
	grid-row: 2;
	display: grid;
	gap: 16px;
	padding: 14px 20px 20px;
	border-top: 0;
	border-radius: 0 0 20px 20px;
}

.sktr-woocommerce-page--checkout table.shop_table,
.sktr-woocommerce-page--checkout .woocommerce table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--sktr-text);
}

.sktr-woocommerce-page--checkout table.shop_table th,
.sktr-woocommerce-page--checkout table.shop_table td {
	padding: 13px 0;
	border-top: 1px solid #292d35;
	color: var(--sktr-text);
	line-height: 1.35;
	vertical-align: top;
}

.sktr-woocommerce-page--checkout table.shop_table thead th {
	padding-top: 0;
	border-top: 0;
	color: var(--sktr-muted);
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.sktr-woocommerce-page--checkout table.shop_table .product-total,
.sktr-woocommerce-page--checkout table.shop_table tfoot td {
	text-align: right;
}

.sktr-woocommerce-page--checkout .product-name {
	color: var(--sktr-heading);
	font-weight: 800;
}

.sktr-woocommerce-page--checkout .product-quantity {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	margin-left: 6px;
	padding: 0 8px;
	border: 1px solid #303642;
	border-radius: var(--sktr-radius-pill);
	background: #0b0e14;
	color: var(--sktr-muted);
	font-size: 0.76rem;
}

.sktr-woocommerce-page--checkout .woocommerce-Price-amount {
	color: var(--sktr-heading);
	font-weight: 800;
}

.sktr-woocommerce-page--checkout table.shop_table .order-total th,
.sktr-woocommerce-page--checkout table.shop_table .order-total td {
	padding-top: 16px;
	color: var(--sktr-heading);
	font-size: 1.02rem;
}

.sktr-woocommerce-page--checkout #payment {
	border: 0;
	border-radius: 0;
	background: transparent;
}

.sktr-woocommerce-page--checkout #payment ul.payment_methods {
	display: grid;
	gap: 10px;
	padding: 0;
	margin: 0;
	border: 0;
}

.sktr-woocommerce-page--checkout #payment ul.payment_methods li {
	display: grid;
	gap: 8px;
	padding: 12px;
	border: 1px solid #292d35;
	border-radius: 16px;
	background: #0b0e14;
	color: var(--sktr-text);
}

.sktr-woocommerce-page--checkout #payment div.payment_box {
	margin: 0;
	padding: 12px;
	border: 1px solid #303642;
	border-radius: 14px;
	background: #111827;
	color: var(--sktr-muted);
}

.sktr-woocommerce-page--checkout #payment div.payment_box::before {
	display: none;
}

.sktr-woocommerce-page--checkout #payment .place-order {
	display: grid;
	gap: 14px;
	padding: 4px 0 0;
	margin: 0;
}

.sktr-woocommerce-page--checkout .woocommerce-privacy-policy-text {
	color: var(--sktr-muted);
	font-size: 0.8rem;
	line-height: 1.5;
}

.sktr-woocommerce-page--checkout .woocommerce-privacy-policy-text a,
.sktr-woocommerce-page--checkout .woocommerce-info a,
.sktr-woocommerce-page--checkout .woocommerce-message a,
.sktr-woocommerce-page--checkout .woocommerce-error a {
	color: #7dd3fc;
	font-weight: 800;
}

.sktr-woocommerce-page--checkout #place_order {
	width: 100%;
	min-height: 48px;
	margin: 0;
	border: 1px solid var(--sktr-primary);
	border-radius: var(--sktr-radius-pill);
	background: var(--sktr-primary);
	color: #ffffff;
	font-family: var(--sktr-font-display);
	font-weight: 800;
	box-shadow: 0 16px 34px rgba(0, 153, 255, 0.22);
	transition: transform 0.28s ease, border-color 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;
}

.sktr-woocommerce-page--checkout #place_order:hover,
.sktr-woocommerce-page--checkout #place_order:focus {
	border-color: var(--sktr-primary-dark);
	background: var(--sktr-primary-dark);
	color: #ffffff;
	box-shadow: 0 18px 38px rgba(18, 126, 241, 0.3);
	transform: translateY(-1px);
	outline: 0;
}

.sktr-woocommerce-page--checkout .woocommerce-info,
.sktr-woocommerce-page--checkout .woocommerce-message,
.sktr-woocommerce-page--checkout .woocommerce-error {
	margin: 0 0 14px;
	padding: 13px 16px 13px 44px;
	border: 1px solid #2f3b4b;
	border-radius: 16px;
	background: #0f1622;
	color: var(--sktr-text);
	font-weight: 700;
	line-height: 1.45;
}

.sktr-woocommerce-page--checkout .woocommerce-info::before,
.sktr-woocommerce-page--checkout .woocommerce-message::before {
	top: 13px;
	left: 16px;
	color: #7dd3fc;
}

.sktr-woocommerce-page--checkout .woocommerce-error {
	border-color: rgba(248, 113, 113, 0.45);
	background: rgba(127, 29, 29, 0.24);
}

.sktr-woocommerce-page--checkout .woocommerce-error::before {
	top: 13px;
	left: 16px;
	color: #fca5a5;
}

.sktr-woocommerce-page--checkout .woocommerce-invalid input.input-text,
.sktr-woocommerce-page--checkout .woocommerce-invalid select,
.sktr-woocommerce-page--checkout .woocommerce-invalid .select2-selection {
	border-color: rgba(248, 113, 113, 0.7);
	box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.12);
}

.sktr-woocommerce-page--checkout .blockUI.blockOverlay {
	border-radius: 20px;
	background: rgba(9, 9, 11, 0.72) !important;
}

@media (max-width: 980px) {
	.sktr-woocommerce-page--checkout form.checkout {
		grid-template-columns: 1fr;
	}

	.woocommerce .sktr-woocommerce-page--checkout .col2-set,
	.sktr-woocommerce-page--checkout .col2-set,
	.sktr-woocommerce-page--checkout #order_review_heading,
	.sktr-woocommerce-page--checkout #order_review {
		grid-column: 1;
		grid-row: auto;
	}
}

@media (max-width: 680px) {
	body.woocommerce-checkout .sktr-page-surface {
		padding: 14px;
	}

	.sktr-woocommerce-page--checkout form.checkout,
	.sktr-woocommerce-page--checkout .col2-set,
	.sktr-woocommerce-page--checkout .woocommerce {
		gap: 14px;
	}

	.sktr-woocommerce-page--checkout .woocommerce-billing-fields,
	.sktr-woocommerce-page--checkout .woocommerce-additional-fields,
	.sktr-woocommerce-page--checkout form.woocommerce-form-login,
	.sktr-woocommerce-page--checkout form.checkout_coupon,
	.sktr-woocommerce-page--checkout #order_review {
		padding: 16px;
		border-radius: 18px;
	}

	.sktr-woocommerce-page--checkout #order_review_heading {
		padding: 16px 16px 0;
		border-radius: 18px 18px 0 0;
	}

	.sktr-woocommerce-page--checkout #order_review {
		border-radius: 0 0 18px 18px;
	}

	.sktr-woocommerce-page--checkout .woocommerce-billing-fields__field-wrapper,
	.sktr-woocommerce-page--checkout .woocommerce-additional-fields__field-wrapper {
		grid-template-columns: 1fr;
	}

	.sktr-woocommerce-page--checkout table.shop_table th,
	.sktr-woocommerce-page--checkout table.shop_table td {
		padding: 11px 0;
	}
}

/*
 * Community card footer refinement.
 */
.sktr-community-membership-message:empty {
	display: none;
}

.sktr-browse-card__meta-row {
	align-items: center;
	gap: 12px;
	margin-top: 2px;
}

.sktr-browse-card__stat {
	min-height: 34px;
	padding: 0 12px;
	border-color: #252b35;
	background: #0b0e14;
	color: #9ca3af;
	font-size: 0.78rem;
	letter-spacing: 0;
}

.sktr-browse-card__stat strong {
	color: #f4f4f5;
	font-size: 0.9rem;
}

.sktr-browse-card__pricing {
	gap: 8px;
	min-height: 34px;
	padding: 0;
	border: 0;
	background: transparent;
}

.sktr-browse-card__pricing-label,
.sktr-browse-card__pricing-value {
	min-height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #2b323d;
	border-radius: var(--sktr-radius-pill);
	font-family: var(--sktr-font-display);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.sktr-browse-card__pricing-label {
	padding: 0 12px;
}

.sktr-browse-card__pricing-label--free {
	border-color: rgba(74, 222, 128, 0.36);
	background: rgba(22, 101, 52, 0.2);
	color: #bbf7d0;
}

.sktr-browse-card__pricing-label--paid {
	border-color: rgba(244, 114, 182, 0.36);
	background: rgba(131, 24, 67, 0.22);
	color: #fbcfe8;
}

.sktr-browse-card__pricing-label--course,
.sktr-sidecard__pricing-label--course {
	border-color: rgba(125, 211, 252, 0.36);
	background: rgba(14, 116, 144, 0.2);
	color: #bae6fd;
}

.sktr-browse-card__pricing-value {
	gap: 5px;
	padding: 0 11px;
	background: #0b0e14;
	color: #f4f4f5;
	font-size: 0.84rem;
}

.sktr-browse-card__pricing-value .sktr-price-symbol {
	margin: 0;
	color: #aeb4c1;
	font-size: 0.82rem;
}

.sktr-browse-card__progress,
.sktr-course-progress {
	display: grid;
	gap: 8px;
}

.sktr-course-progress {
	width: min(320px, 42vw);
	padding: 12px 14px;
	border: 1px solid #242b36;
	border-radius: 16px;
	background: rgba(11, 15, 23, 0.64);
}

.sktr-browse-card__progress {
	margin-top: 2px;
	padding: 10px 12px;
	border: 1px solid #242b36;
	border-radius: 16px;
	background: rgba(11, 15, 23, 0.74);
}

.sktr-browse-card__progress-copy,
.sktr-course-progress__copy {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #aeb4c1;
	font-size: 0.76rem;
	font-weight: 800;
}

.sktr-browse-card__progress-copy strong,
.sktr-course-progress__copy span {
	color: #7dd3fc;
	font-size: 0.78rem;
}

.sktr-browse-card__progress-track,
.sktr-course-progress__track {
	height: 7px;
	overflow: hidden;
	border-radius: var(--sktr-radius-pill);
	background: #0b0f17;
	box-shadow: inset 0 0 0 1px #242b36;
}

.sktr-browse-card__progress-track span,
.sktr-course-progress__track span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #22c55e, #38bdf8);
	transition: width 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-browse-card__actions {
	align-self: end;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(128px, 0.74fr);
	gap: 10px;
	width: 100%;
	margin-top: 4px;
}

.sktr-browse-card__actions .sktr-community-membership-wrap,
.sktr-browse-card__actions .sktr-community-join-form {
	display: contents;
}

.sktr-browse-card__actions .sktr-community-join-button,
.sktr-browse-card__actions .sktr-community-checkout-button,
.sktr-browse-card__actions .sktr-community-membership-status,
.sktr-browse-card__actions > .sktr-ghost-link--button {
	order: 1;
	width: 100%;
	min-width: 0;
	min-height: 42px;
	padding: 0 14px;
	border-radius: 15px;
	font-size: 0.86rem;
	line-height: 1.1;
	white-space: normal;
}

.sktr-browse-card__actions .sktr-community-join-button,
.sktr-browse-card__actions .sktr-community-checkout-button,
.sktr-browse-card__actions > .sktr-ghost-link--button {
	border-color: #e5e7eb;
	background: #f4f4f5;
	color: #09090b;
	box-shadow: none;
}

.sktr-browse-card__actions .sktr-community-join-button:hover,
.sktr-browse-card__actions .sktr-community-checkout-button:hover,
.sktr-browse-card__actions > .sktr-ghost-link--button:hover,
.sktr-browse-card__actions .sktr-community-join-button:focus,
.sktr-browse-card__actions .sktr-community-checkout-button:focus,
.sktr-browse-card__actions > .sktr-ghost-link--button:focus {
	border-color: #ffffff;
	background: #ffffff;
	color: #09090b;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
	transform: translateY(-1px);
	outline: 0;
}

.sktr-browse-card__actions .sktr-community-membership-status[data-state="joined"] {
	border-color: rgba(74, 222, 128, 0.34);
	background: rgba(22, 101, 52, 0.24);
	color: #bbf7d0;
}

.sktr-browse-card__open {
	order: 2;
	width: 100%;
	min-width: 0;
	min-height: 42px;
	padding: 0 14px;
	border: 1px solid #303642;
	border-radius: 15px;
	background: #151922;
	color: #d4d4d8;
	box-shadow: none;
	font-size: 0.86rem;
	line-height: 1.1;
	white-space: normal;
}

.sktr-browse-card__open:hover,
.sktr-browse-card__open:focus {
	border-color: #424b59;
	background: #1b202b;
	color: #ffffff;
	box-shadow: none;
	transform: translateY(-1px);
	outline: 0;
}

@media (max-width: 760px) {
	.sktr-browse-card__actions {
		grid-template-columns: 1fr;
	}

	.sktr-browse-card__actions .sktr-community-join-button,
	.sktr-browse-card__actions .sktr-community-checkout-button,
	.sktr-browse-card__actions .sktr-community-membership-status,
	.sktr-browse-card__actions > .sktr-ghost-link--button,
	.sktr-browse-card__open {
		min-height: 42px;
	}
}

/*
 * Final auth checkbox reset.
 * Keeps the remember-me checkbox out of the global text-input density rules.
 */
.sktr-auth-panel label.sktr-auth-checkbox {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	width: fit-content;
	min-height: 24px;
	margin: 0;
	cursor: pointer;
	user-select: none;
}

.sktr-auth-panel label.sktr-auth-checkbox input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	flex: 0 0 18px;
	display: inline-block;
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
	margin: 0;
	padding: 0;
	border: 1px solid #3b4350;
	border-radius: 5px;
	background: #0c1017;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
	cursor: pointer;
	vertical-align: middle;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.sktr-auth-panel label.sktr-auth-checkbox input[type="checkbox"]::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	opacity: 0;
	transform: rotate(45deg) scale(0.82);
	transition: opacity 0.16s ease, transform 0.16s ease;
}

.sktr-auth-panel label.sktr-auth-checkbox input[type="checkbox"]:checked {
	border-color: #38bdf8;
	background: #0ea5e9;
	box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.16);
}

.sktr-auth-panel label.sktr-auth-checkbox input[type="checkbox"]:checked::after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

.sktr-auth-panel label.sktr-auth-checkbox input[type="checkbox"]:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.24);
}

/*
 * Locked lesson purchase CTA.
 */
.sktr-course-player__access-card .sktr-course-player__buy-button {
	border-color: rgba(134, 239, 172, 0.52);
	background: linear-gradient(180deg, #4ade80 0%, #22c55e 100%);
	color: #052e16;
	box-shadow: 0 16px 34px rgba(34, 197, 94, 0.22);
}

.sktr-course-player__access-card .sktr-course-player__buy-button:hover,
.sktr-course-player__access-card .sktr-course-player__buy-button:focus {
	border-color: #bbf7d0;
	background: linear-gradient(180deg, #86efac 0%, #22c55e 100%);
	color: #052e16;
	box-shadow: 0 18px 38px rgba(34, 197, 94, 0.3);
	transform: translateY(-1px);
	outline: 0;
}

/*
 * WooCommerce notice action buttons.
 */
.woocommerce .woocommerce-message .button.wc-forward,
.woocommerce .woocommerce-info .button.wc-forward,
.woocommerce .woocommerce-error .button.wc-forward,
.woocommerce a.added_to_cart.wc-forward {
	min-height: 34px;
	width: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 13px;
	border: 1px solid #303642;
	border-radius: 12px;
	background: #151922;
	color: #e5e7eb;
	box-shadow: none;
	font-family: var(--sktr-font-display);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.woocommerce .woocommerce-message .button.wc-forward,
.woocommerce .woocommerce-info .button.wc-forward {
	float: right;
	margin: -2px 0 0 12px;
}

.woocommerce .woocommerce-message .button.wc-forward:hover,
.woocommerce .woocommerce-info .button.wc-forward:hover,
.woocommerce .woocommerce-error .button.wc-forward:hover,
.woocommerce a.added_to_cart.wc-forward:hover,
.woocommerce .woocommerce-message .button.wc-forward:focus,
.woocommerce .woocommerce-info .button.wc-forward:focus,
.woocommerce .woocommerce-error .button.wc-forward:focus,
.woocommerce a.added_to_cart.wc-forward:focus {
	border-color: #424b59;
	background: #1b202b;
	color: #ffffff;
	box-shadow: none;
	transform: translateY(-1px);
	outline: 0;
}

@media (max-width: 680px) {
	.woocommerce .woocommerce-message .button.wc-forward,
	.woocommerce .woocommerce-info .button.wc-forward {
		float: none;
		margin: 8px 0 0;
	}
}

/*
 * Contextual in-community header search.
 */
.sktr-header__search--contextual {
	position: relative;
	z-index: 80;
}

.sktr-header-search__panel {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	z-index: 1200;
	display: grid;
	gap: 10px;
	max-height: min(430px, calc(100vh - 190px));
	overflow-y: auto;
	padding: 12px;
	border: 1px solid #303642;
	border-radius: 18px;
	background: rgba(10, 13, 19, 0.98);
	box-shadow: 0 24px 54px rgba(0, 0, 0, 0.42);
	backdrop-filter: blur(16px);
}

.sktr-header-search__results {
	display: grid;
	gap: 8px;
}

.sktr-search-result-group {
	display: grid;
	gap: 8px;
}

.sktr-search-result-group + .sktr-search-result-group {
	margin-top: 4px;
	padding-top: 10px;
	border-top: 1px solid #242b36;
}

.sktr-search-result-group__title {
	padding: 0 4px;
	color: #7dd3fc;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.sktr-header-search__hint,
.sktr-header-search__empty {
	padding: 8px 10px;
	color: #9ca3af;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.4;
}

.sktr-header-search__panel .sktr-search-result,
.sktr-search-modal__results .sktr-search-result {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 4px 10px;
	align-items: center;
	padding: 12px;
	border-color: #2b323d;
	border-radius: 14px;
	background: #10141d;
	color: #f4f4f5;
	text-align: left;
}

.sktr-header-search__panel .sktr-search-result:hover,
.sktr-header-search__panel .sktr-search-result:focus,
.sktr-search-modal__results .sktr-search-result:hover,
.sktr-search-modal__results .sktr-search-result:focus {
	border-color: rgba(56, 189, 248, 0.46);
	background: #151b27;
	color: #ffffff;
	outline: 0;
}

.sktr-header-search__panel .sktr-search-result__type,
.sktr-search-modal__results .sktr-search-result__type {
	grid-row: 1 / span 2;
	min-width: 58px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 8px;
	border: 1px solid #303642;
	border-radius: var(--sktr-radius-pill);
	background: #0b0f17;
	color: #7dd3fc;
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
}

.sktr-header-search__panel .sktr-search-result strong,
.sktr-search-modal__results .sktr-search-result strong {
	min-width: 0;
	overflow: hidden;
	color: #f4f4f5;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sktr-header-search__panel .sktr-search-result span:not(.sktr-search-result__type),
.sktr-search-modal__results .sktr-search-result span:not(.sktr-search-result__type) {
	min-width: 0;
	overflow: hidden;
	color: #aeb4c1;
	font-size: 0.78rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 720px) {
	.sktr-header-search__panel {
		display: none;
	}
}

.sktr-toast-wrap {
	position: fixed;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 18px);
	right: 18px;
	z-index: 2147483000;
	display: grid;
	gap: 10px;
	width: min(360px, calc(100vw - 32px));
	pointer-events: none;
}

.sktr-toast {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 14px;
	border: 1px solid #303642;
	border-radius: 16px;
	background: rgba(10, 13, 19, 0.98);
	color: #f4f4f5;
	box-shadow: 0 24px 54px rgba(0, 0, 0, 0.42);
	font-size: 0.88rem;
	font-weight: 800;
	line-height: 1.35;
	opacity: 0;
	transform: translateY(-8px) scale(0.98);
	transition: opacity 260ms ease, transform 260ms ease;
	backdrop-filter: blur(16px);
}

.sktr-toast.is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.sktr-toast__dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: #38bdf8;
	box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.12);
}

.sktr-toast--success .sktr-toast__dot {
	background: #22c55e;
	box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.13);
}

@media (max-width: 760px) {
	.sktr-course-player__header {
		align-items: stretch;
		flex-direction: column;
	}

	.sktr-course-progress {
		width: 100%;
	}

	.sktr-toast-wrap {
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 12px);
		right: 12px;
		width: calc(100vw - 24px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sktr-browse-card__progress-track span,
	.sktr-course-progress__track span,
	.sktr-toast {
		transition-duration: 1ms;
	}
}

/*
 * Refined course lesson side panel.
 */
.sktr-course-player__grid {
	grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
	gap: 18px;
}

.sktr-course-player__nav {
	position: sticky;
	top: 158px;
	align-self: start;
	gap: 12px;
}

.sktr-course-player__rail {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(38px, 1fr));
	gap: 8px;
	overflow: visible;
	padding: 8px;
	border-radius: 18px;
	background: #0b0f17;
}

.sktr-course-player__rail-item {
	width: 100%;
	height: 38px;
	border: 1px solid #2b323d;
	border-radius: 13px;
	background: #11151d;
	box-shadow: none;
}

.sktr-course-player__sidebar {
	position: static;
	display: grid;
	gap: 14px;
	overflow: hidden;
	padding: 16px;
	border-radius: 20px;
	background: linear-gradient(180deg, #10141d 0%, #0d1118 100%);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.sktr-course-player__sidebar-topbar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #252b35;
}

.sktr-course-player__sidebar-header {
	min-width: 0;
}

.sktr-course-player__sidebar-header h2 {
	margin: 0;
	color: #f4f4f5;
	font-size: 1rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.sktr-course-player__sidebar-header p {
	margin: 5px 0 0;
	color: #9ca3af;
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.2;
}

.sktr-course-player__sidebar-close {
	flex: 0 0 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border: 1px solid #303642;
	border-radius: 50%;
	background: #171c25;
	color: #f4f4f5;
	font-size: 1.2rem;
	line-height: 1;
	box-shadow: none;
}

.sktr-course-player__sidebar-close:hover,
.sktr-course-player__sidebar-close:focus {
	border-color: rgba(125, 211, 252, 0.44);
	background: #202735;
	color: #ffffff;
	outline: 0;
}

.sktr-course-player__sidebar-toggle {
	width: 100%;
	min-height: 44px;
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 14px;
	border: 1px solid #303642;
	border-radius: 15px;
	background: #151922;
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 0.86rem;
	font-weight: 800;
}

.sktr-course-player__sidebar:not(.is-open) {
	padding: 10px;
	border-style: dashed;
	background: rgba(16, 20, 29, 0.58);
	box-shadow: none;
}

.sktr-course-player__sidebar:not(.is-open) .sktr-course-player__sidebar-topbar,
.sktr-course-player__sidebar:not(.is-open) .sktr-course-player__lesson-list {
	display: none;
}

.sktr-course-player__sidebar:not(.is-open) .sktr-course-player__sidebar-toggle {
	display: inline-flex;
}

.sktr-course-player__sidebar.is-open .sktr-course-player__sidebar-toggle {
	display: none;
}

.sktr-course-player__lesson-list {
	gap: 8px;
	max-height: calc(100vh - 290px);
	overflow-y: auto;
	padding-right: 2px;
}

.sktr-course-player__lesson-item {
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 4px 10px;
	align-items: center;
	padding: 12px;
	border-radius: 14px;
	background: #11151d;
}

.sktr-course-player__lesson-item strong {
	min-width: 0;
	color: #f4f4f5;
	font-size: 0.92rem;
	line-height: 1.25;
}

.sktr-course-player__lesson-item span {
	min-width: 0;
	color: #9ca3af;
	font-size: 0.76rem;
	line-height: 1.25;
}

.sktr-course-player__lesson-item em {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	white-space: nowrap;
}

@media (max-width: 1180px) {
	.sktr-course-player__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sktr-course-player__nav {
		position: static;
	}

	.sktr-course-player__lesson-list {
		max-height: none;
	}
}

/*
 * Community card action label polish.
 */
.sktr-browse-card__actions .sktr-community-join-button,
.sktr-browse-card__actions .sktr-community-checkout-button,
.sktr-browse-card__actions .sktr-community-membership-status,
.sktr-browse-card__actions > .sktr-ghost-link--button,
.sktr-browse-card__open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 16px;
	font-family: var(--sktr-font-display);
	font-size: 0.84rem;
	font-weight: 800;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.sktr-browse-card__actions .sktr-community-membership-status[data-state="joined"] {
	border-color: rgba(74, 222, 128, 0.36);
	background: rgba(22, 101, 52, 0.24);
	color: #bbf7d0;
}

@media (max-width: 420px) {
	.sktr-browse-card__actions .sktr-community-join-button,
	.sktr-browse-card__actions .sktr-community-checkout-button,
	.sktr-browse-card__actions .sktr-community-membership-status,
	.sktr-browse-card__actions > .sktr-ghost-link--button,
	.sktr-browse-card__open {
		white-space: normal;
	}
}

/*
 * Natural bottom footer.
 * Keeps the footer full-width and bottom-aligned on short pages without making
 * it a fixed overlay on longer pages.
 */
html,
body {
	min-height: 100%;
}

body {
	min-height: 100dvh;
}

.skilltruly-page {
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}

.skilltruly-page > main {
	flex: 1 0 auto;
}

.sktr-site-footer {
	margin-top: auto;
	flex-shrink: 0;
}

/*
 * Final cart drawer spacing override.
 */
@media (max-width: 620px) {
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 420px) {
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: 1fr;
	}
}

/*
 * App-wide responsive hardening.
 * Keep every page, widget, modal, drawer, and WooCommerce surface inside the viewport.
 */
html,
body,
.skilltruly-page {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
video,
canvas,
svg,
iframe,
object,
embed {
	max-width: 100%;
}

.sktr-shell,
.sktr-shell > *,
.sktr-section,
.sktr-page-surface,
.sktr-woocommerce-page,
.sktr-tab-panel,
.sktr-post-card,
.sktr-sidecard,
.sktr-browse-card,
.sktr-member-row,
.sktr-comment,
.sktr-course-player,
.sktr-course-player__content,
.sktr-course-player__sidebar,
.sktr-cart-drawer__content,
.sktr-cart-drawer__item-main {
	min-width: 0;
}

.sktr-page-entry__content,
.sktr-post-card__body,
.sktr-comment__body,
.sktr-browse-card__excerpt,
.sktr-sidecard__description,
.sktr-course-player__body {
	overflow-wrap: anywhere;
}

.sktr-page-entry__content table,
.sktr-woocommerce-page table {
	width: 100%;
}

@media (max-width: 1180px) {
	.sktr-shell {
		width: min(100% - 24px, 1180px);
	}

	.sktr-page-grid,
	.sktr-course-player__grid,
	.sktr-woocommerce-page--cart .woocommerce,
	.sktr-woocommerce-page--checkout form.checkout,
	.woocommerce .sktr-woocommerce-page--checkout .col2-set,
	.sktr-woocommerce-page--checkout .col2-set {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.sktr-browse-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sktr-side-column,
	.sktr-course-player__nav {
		position: static;
	}
}

@media (max-width: 860px) {
	.sktr-shell {
		width: min(100% - 18px, 860px);
	}

	.sktr-header {
		width: 100%;
		padding: 8px;
		border-radius: 20px;
	}

	.sktr-header__bar {
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 8px;
	}

	.sktr-header__brand {
		min-width: 0;
	}

	.sktr-header__logo {
		width: 42px;
		height: 42px;
		border-radius: 14px;
		font-size: 1rem;
	}

	.sktr-header__brand-text {
		min-width: 0;
		max-width: calc(100vw - 178px);
	}

	.sktr-header__brand-text strong {
		font-size: 0.9rem;
	}

	.sktr-header__browse-link {
		font-size: 0.72rem;
	}

	.sktr-header__search,
	.sktr-header__auth {
		display: none !important;
	}

	.sktr-header__mobile-actions {
		display: flex !important;
		justify-content: flex-end;
		gap: 6px;
	}

	.sktr-header__mobile-icon,
	.sktr-header__mobile-login,
	.sktr-header__mobile-signup,
	.sktr-header__mobile-avatar {
		min-width: 38px;
		min-height: 38px;
	}

	.sktr-header__tabs {
		width: 100%;
		max-width: 100%;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 6px;
		padding: 6px;
		overflow-x: auto;
		border-radius: 18px;
	}

	.sktr-header__tab {
		min-width: 0;
		min-height: 36px;
		padding: 0 6px;
		font-size: clamp(0.68rem, 2.6vw, 0.78rem);
		white-space: nowrap;
	}

	body.single-sktr_community .sktr-header__tabs.is-stuck,
	body.single-ch-community .sktr-header__tabs.is-stuck,
	body.single-sktr_course .sktr-header__tabs.is-stuck {
		left: 0;
		right: 0;
		width: 100vw;
		border-radius: 0;
	}

	.sktr-section__header,
	.sktr-page-surface,
	.sktr-woocommerce-page,
	.sktr-post-card,
	.sktr-sidecard__body,
	.sktr-course-player__header,
	.sktr-course-player__content,
	.sktr-course-player__mobile-page {
		padding: 16px;
		border-radius: 20px;
	}

	.sktr-section__header {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.sktr-section__header h1,
	.sktr-section__header h2,
	.sktr-page-entry__title,
	.sktr-course-player__header h1,
	.sktr-course-player__mobile-course-header h1 {
		font-size: clamp(1.85rem, 9vw, 3rem);
		line-height: 1;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog,
	.sktr-search-modal__dialog {
		width: min(100% - 18px, 720px);
		max-height: calc(100dvh - 18px);
		overflow-y: auto;
	}

	.sktr-auth-shell,
	.sktr-profile-form,
	.sktr-composer-modal__dialog .sktr-post-form,
	.sktr-search-modal__body {
		gap: 14px;
	}

	.sktr-site-footer__inner {
		padding: 22px 18px;
	}

	.sktr-site-footer__menus {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
}

@media (max-width: 700px) {
	.sktr-browse-grid,
	.sktr-responsive-grid,
	.sktr-classroom-list,
	.sktr-profile-form__grid,
	.sktr-sidecard__stats,
	.sktr-course-progress {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.sktr-browse-card__actions,
	.sktr-sidecard__actions,
	.sktr-post-form-actions,
	.sktr-profile-form__actions,
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.sktr-post-card__header,
	.sktr-comment__header,
	.sktr-member-row {
		align-items: flex-start;
	}

	.sktr-cart-drawer__panel {
		width: 100vw !important;
		max-width: 100vw;
		border-radius: 0;
	}

	.sktr-cart-drawer__body {
		padding: 14px;
	}

	.sktr-cart-drawer__item {
		grid-template-columns: 62px minmax(0, 1fr) 32px;
		gap: 12px;
		padding: 11px;
	}

	.sktr-cart-drawer__thumb,
	.sktr-cart-drawer__thumb img {
		width: 62px !important;
		height: 62px !important;
	}

	.sktr-cart-drawer__item-title {
		white-space: normal;
		font-size: 0.9rem;
	}

	.sktr-cart-drawer__item-price {
		max-width: none;
	}

	.sktr-cart-drawer__footer {
		padding: 14px;
	}
}

@media (max-width: 480px) {
	.sktr-shell {
		width: min(100% - 12px, 480px);
	}

	.sktr-header {
		border-radius: 16px;
	}

	.sktr-header__brand-text {
		max-width: calc(100vw - 150px);
	}

	.sktr-header__brand-text strong {
		font-size: 0.82rem;
	}

	.sktr-header__browse-link {
		display: none !important;
	}

	.sktr-header__mobile-login,
	.sktr-header__mobile-signup {
		min-width: auto;
		padding: 0 10px;
		font-size: 0.72rem;
	}

	.sktr-header__tabs {
		gap: 4px;
		padding: 5px;
	}

	.sktr-header__tab {
		min-height: 34px;
		font-size: clamp(0.62rem, 2.7vw, 0.72rem);
	}

	.sktr-section__header,
	.sktr-page-surface,
	.sktr-woocommerce-page,
	.sktr-post-card,
	.sktr-sidecard__body,
	.sktr-course-player__header,
	.sktr-course-player__content,
	.sktr-course-player__mobile-page {
		padding: 14px;
		border-radius: 18px;
	}

	.sktr-browse-card__actions,
	.sktr-sidecard__actions,
	.sktr-post-form-actions,
	.sktr-profile-form__actions,
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.sktr-cart-drawer__item {
		grid-template-columns: 56px minmax(0, 1fr) 30px;
	}

	.sktr-cart-drawer__thumb,
	.sktr-cart-drawer__thumb img {
		width: 56px !important;
		height: 56px !important;
	}

	.sktr-cart-drawer__item-meta span {
		min-height: 22px;
		padding: 0 8px;
		font-size: 0.7rem;
	}

	.sktr-cart-drawer__item-price {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.sktr-woocommerce-page--cart table.shop_table_responsive tr td,
	.woocommerce-page .sktr-woocommerce-page--cart table.shop_table_responsive tr td {
		align-items: flex-start;
		flex-direction: column;
		text-align: left !important;
	}
}

/*
 * Simple Skilltruly blog.
 */
.sktr-blog {
	gap: 22px;
}

.sktr-blog-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
	gap: 20px;
	align-items: end;
	padding: 28px;
	background:
		radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 34%),
		linear-gradient(180deg, #111318 0%, #151820 100%);
}

.sktr-blog-hero h1 {
	margin-top: 12px;
	color: #f4f4f5;
	font-size: clamp(2.4rem, 6vw, 5rem);
	line-height: 0.95;
}

.sktr-blog-hero p {
	max-width: 680px;
	margin-top: 12px;
	color: #aeb4c1;
	font-size: 1rem;
	line-height: 1.6;
}

.sktr-blog-search {
	display: flex;
	gap: 10px;
	padding: 8px;
	border: 1px solid #2b323d;
	border-radius: 18px;
	background: #0b0f17;
}

.sktr-blog-search input {
	min-width: 0;
	flex: 1;
	border: 0;
	background: transparent;
	color: #f4f4f5;
	font-weight: 800;
	outline: 0;
}

.sktr-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.sktr-blog-card {
	overflow: hidden;
	display: grid;
	padding: 0;
}

.sktr-blog-card__media {
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(190, 255, 75, 0.18), rgba(56, 189, 248, 0.18));
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 3rem;
	font-weight: 900;
}

.sktr-blog-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sktr-blog-card__body {
	display: grid;
	gap: 10px;
	padding: 18px;
}

.sktr-blog-card time,
.sktr-blog-single time {
	color: #7dd3fc;
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.sktr-blog-card h2 {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.2;
}

.sktr-blog-card h2 a,
.sktr-blog-single__back {
	color: #f4f4f5;
	text-decoration: none;
}

.sktr-blog-card p {
	margin: 0;
	color: #aeb4c1;
	font-size: 0.92rem;
	line-height: 1.55;
}

.sktr-blog-card__link {
	width: fit-content;
	margin-top: 4px;
}

.sktr-blog-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

/*
 * Final sticky navbar enforcement.
 * Keep Skilltruly navbar sticky on all pages, including course/community views.
 */
.sktr-header,
body.single-sktr_community .sktr-header,
body.single-ch-community .sktr-header,
body.single-sktr_course .sktr-header {
	position: sticky !important;
	top: var(--wp-admin--admin-bar--height, 0px) !important;
	z-index: 1300 !important;
}

body.admin-bar .sktr-header,
body.admin-bar.single-sktr_community .sktr-header,
body.admin-bar.single-ch-community .sktr-header,
body.admin-bar.single-sktr_course .sktr-header {
	top: var(--wp-admin--admin-bar--height, 32px) !important;
}

.sktr-blog-pagination .page-numbers {
	min-width: 38px;
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	border: 1px solid #2b323d;
	border-radius: 12px;
	background: #111318;
	color: #d4d4d8;
	font-weight: 900;
	text-decoration: none;
}

.sktr-blog-pagination .current {
	border-color: rgba(56, 189, 248, 0.44);
	background: rgba(14, 165, 233, 0.16);
	color: #bae6fd;
}

.sktr-blog-single {
	width: min(920px, 100%);
	margin: 0 auto;
	padding: 28px;
}

.sktr-blog-single__header {
	display: grid;
	gap: 12px;
}

.sktr-blog-single__back {
	width: fit-content;
	color: #aeb4c1;
	font-size: 0.82rem;
	font-weight: 900;
}

.sktr-blog-single__header h1 {
	color: #f4f4f5;
	font-size: clamp(2rem, 6vw, 4.8rem);
	line-height: 0.98;
}

.sktr-blog-single__header p {
	max-width: 720px;
	color: #aeb4c1;
	font-size: 1.05rem;
	line-height: 1.65;
}

.sktr-blog-single__cover {
	overflow: hidden;
	margin: 24px 0;
	border: 1px solid #2b323d;
	border-radius: 22px;
}

.sktr-blog-single__cover img {
	width: 100%;
	display: block;
}

.sktr-blog-single__content {
	color: #d4d4d8;
	font-size: 1rem;
	line-height: 1.8;
}

.sktr-blog-single__content > * + * {
	margin-top: 1.1em;
}

.sktr-blog-single__content h2,
.sktr-blog-single__content h3 {
	color: #f4f4f5;
	line-height: 1.15;
}

.sktr-blog-single__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 28px;
	padding: 18px;
	border: 1px solid rgba(134, 239, 172, 0.28);
	border-radius: 20px;
	background: rgba(20, 83, 45, 0.14);
}

.sktr-blog-single__cta strong,
.sktr-blog-single__cta span {
	display: block;
}

.sktr-blog-single__cta strong {
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 1rem;
	font-weight: 900;
}

.sktr-blog-single__cta span {
	margin-top: 4px;
	color: #aeb4c1;
	font-size: 0.9rem;
}

@media (max-width: 980px) {
	.sktr-blog-hero,
	.sktr-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sktr-blog-hero > div {
		grid-column: 1 / -1;
	}
}

@media (max-width: 680px) {
	.sktr-blog-hero,
	.sktr-blog-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sktr-blog-hero,
	.sktr-blog-single {
		padding: 16px;
	}

	.sktr-blog-search,
	.sktr-blog-single__cta {
		align-items: stretch;
		flex-direction: column;
	}
}

/*
 * Controlled cart drawer layout.
 * This replaces the WooCommerce mini-cart visual structure inside the drawer.
 */
.sktr-cart-drawer__body {
	display: block;
	padding: 18px;
}

.sktr-cart-drawer__items {
	display: grid;
	gap: 12px;
}

.sktr-cart-drawer__item {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) 34px;
	gap: 14px;
	align-items: center;
	padding: 12px;
	border: 1px solid #2b323d;
	border-radius: 18px;
	background: linear-gradient(180deg, #141922 0%, #10141c 100%);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.sktr-cart-drawer__thumb {
	width: 72px;
	height: 72px;
	display: block;
	overflow: hidden;
	border: 1px solid #303642;
	border-radius: 16px;
	background: #f4f4f5;
}

.sktr-cart-drawer__thumb img {
	width: 72px !important;
	height: 72px !important;
	max-width: none !important;
	display: block;
	margin: 0 !important;
	object-fit: cover;
}

.sktr-cart-drawer__item-main {
	min-width: 0;
	display: grid;
	gap: 8px;
}

.sktr-cart-drawer__item-title {
	min-width: 0;
	overflow: hidden;
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 0.98rem;
	font-weight: 900;
	line-height: 1.25;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sktr-cart-drawer__item-title:hover,
.sktr-cart-drawer__item-title:focus {
	color: #ffffff;
	outline: 0;
}

.sktr-cart-drawer__item-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	color: #9ca3af;
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1;
}

.sktr-cart-drawer__item-meta span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 9px;
	border: 1px solid #2b323d;
	border-radius: var(--sktr-radius-pill);
	background: #0b0f17;
}

.sktr-cart-drawer__item-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	max-width: 210px;
	color: #aeb4c1;
	font-size: 0.78rem;
	font-weight: 800;
}

.sktr-cart-drawer__item-price strong,
.sktr-cart-drawer__item-price .woocommerce-Price-amount {
	color: #bbf7d0;
	font-size: 0.92rem;
	font-weight: 900;
}

.sktr-cart-drawer__remove {
	width: 34px !important;
	height: 34px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	justify-self: end;
	border: 1px solid #303642 !important;
	border-radius: 999px !important;
	background: #171c26 !important;
	color: #d4d4d8 !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.sktr-cart-drawer__remove:hover,
.sktr-cart-drawer__remove:focus {
	border-color: rgba(248, 113, 113, 0.48) !important;
	background: rgba(127, 29, 29, 0.38) !important;
	color: #fecaca !important;
	transform: scale(1.04);
	outline: 0;
}

.sktr-cart-drawer__empty {
	padding: 34px 18px;
	border: 1px dashed #303642;
	border-radius: 18px;
	background: #10141c;
	color: #aeb4c1;
	font-weight: 800;
	text-align: center;
}

.sktr-cart-drawer__footer {
	gap: 12px;
}

.sktr-cart-drawer__footer-actions {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

@media (max-width: 620px) {
	.sktr-cart-drawer__item {
		grid-template-columns: 64px minmax(0, 1fr) 32px;
		gap: 12px;
	}

	.sktr-cart-drawer__thumb,
	.sktr-cart-drawer__thumb img {
		width: 64px !important;
		height: 64px !important;
	}

	.sktr-cart-drawer__item-title {
		font-size: 0.9rem;
	}

	.sktr-cart-drawer__footer-actions {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 420px) {
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: 1fr;
	}
}

/*
 * Premium cart drawer and cart page.
 */
.sktr-cart-drawer__panel {
	width: min(460px, calc(100vw - 16px));
	background: #0f1218;
}

.sktr-cart-drawer__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 22px;
	background: linear-gradient(180deg, #11151d 0%, #0f1218 100%);
}

.sktr-cart-drawer__header strong {
	color: #f4f4f5;
	font-size: 1.35rem;
	line-height: 1.1;
}

.sktr-cart-drawer__header span {
	display: block;
	margin-top: 6px;
	color: #aeb4c1;
	font-size: 0.9rem;
	font-weight: 700;
}

.sktr-cart-drawer__close {
	flex: 0 0 auto;
}

.sktr-cart-drawer__body {
	padding: 18px;
	background:
		radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 34%),
		#0f1218;
}

.sktr-cart-drawer__body .woocommerce-mini-cart {
	gap: 12px;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item {
	position: relative;
	display: grid;
	gap: 10px;
	padding: 14px 48px 14px 14px;
	border: 1px solid #2b323d;
	border-radius: 18px;
	background: linear-gradient(180deg, #141922 0%, #10141c 100%);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item > a:not(.remove) {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 0.96rem;
	font-weight: 800;
	line-height: 1.28;
	text-decoration: none;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item > a:not(.remove):hover,
.sktr-cart-drawer__body .woocommerce-mini-cart-item > a:not(.remove):focus {
	color: #ffffff;
	outline: 0;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item img {
	width: 74px;
	height: 74px;
	margin: 0;
	object-fit: cover;
	border: 1px solid #303642;
	border-radius: 16px;
	background: #f4f4f5;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item .quantity {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: fit-content;
	margin-left: 88px;
	padding: 6px 10px;
	border: 1px solid #2f3745;
	border-radius: var(--sktr-radius-pill);
	background: #0b0f17;
	color: #aeb4c1;
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item .quantity .woocommerce-Price-amount {
	color: #bbf7d0;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item .remove {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #303642;
	border-radius: 999px;
	background: #171c26;
	color: #d4d4d8 !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.sktr-cart-drawer__body .woocommerce-mini-cart-item .remove:hover,
.sktr-cart-drawer__body .woocommerce-mini-cart-item .remove:focus {
	border-color: rgba(248, 113, 113, 0.48);
	background: rgba(127, 29, 29, 0.38);
	color: #fecaca !important;
	transform: scale(1.04);
	outline: 0;
}

.sktr-cart-drawer__body .woocommerce-mini-cart__total,
.sktr-cart-drawer__body .woocommerce-mini-cart__buttons {
	display: none;
}

.sktr-cart-drawer__body .woocommerce-mini-cart__empty-message {
	margin: 0;
	padding: 34px 18px;
	border: 1px dashed #303642;
	border-radius: 18px;
	background: #10141c;
	color: #aeb4c1;
	font-weight: 800;
	text-align: center;
}

.sktr-cart-drawer__footer {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	padding: 16px 18px 18px;
	background: rgba(9, 11, 16, 0.94);
	backdrop-filter: blur(14px);
}

.sktr-cart-drawer__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 13px 14px;
	border: 1px solid #2b323d;
	border-radius: 16px;
	background: #11151d;
}

.sktr-cart-drawer__total span {
	color: #aeb4c1;
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
}

.sktr-cart-drawer__total strong {
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 1rem;
	font-weight: 900;
}

.sktr-cart-drawer__footer-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 10px;
}

.sktr-cart-drawer__footer .sktr-button {
	min-height: 50px;
	border-radius: 16px;
	background: #171c25;
	color: #f4f4f5;
	box-shadow: none;
}

.sktr-cart-drawer__footer .sktr-button--primary {
	border-color: rgba(134, 239, 172, 0.52);
	background: linear-gradient(180deg, #4ade80 0%, #22c55e 100%);
	color: #052e16;
	box-shadow: 0 16px 34px rgba(34, 197, 94, 0.2);
}

.sktr-cart-drawer__footer .sktr-button:hover,
.sktr-cart-drawer__footer .sktr-button:focus {
	transform: translateY(-1px);
	outline: 0;
}

.sktr-woocommerce-page--cart {
	background:
		radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 30%),
		linear-gradient(180deg, #111318 0%, #151820 100%);
}

.sktr-woocommerce-page--cart .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(310px, 380px);
	gap: 22px;
	align-items: start;
}

.sktr-woocommerce-page--cart .woocommerce-notices-wrapper,
.sktr-woocommerce-page--cart .woocommerce-message,
.sktr-woocommerce-page--cart .woocommerce-info,
.sktr-woocommerce-page--cart .woocommerce-error,
.sktr-woocommerce-page--cart .cart-empty,
.sktr-woocommerce-page--cart .return-to-shop {
	grid-column: 1 / -1;
}

.sktr-woocommerce-page--cart .woocommerce-cart-form,
.sktr-woocommerce-page--cart .cart-collaterals .cart_totals {
	overflow: hidden;
	border: 1px solid #2b323d;
	border-radius: 22px;
	background: #10141c;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.sktr-woocommerce-page--cart .cart-collaterals,
.sktr-woocommerce-page--cart .cart_totals {
	width: 100%;
	float: none;
}

.sktr-woocommerce-page--cart .cart_totals {
	padding: 20px;
}

.sktr-woocommerce-page--cart .cart_totals h2 {
	margin: 0 0 16px;
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-size: 1.15rem;
	font-weight: 900;
}

.sktr-woocommerce-page--cart table.shop_table,
.woocommerce .sktr-woocommerce-page--cart table.shop_table {
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #d4d4d8;
}

.sktr-woocommerce-page--cart table.shop_table th,
.sktr-woocommerce-page--cart table.shop_table td {
	padding: 16px;
	border-color: #252c37;
	color: #d4d4d8;
	vertical-align: middle;
}

.sktr-woocommerce-page--cart table.shop_table thead th {
	background: #0b0f17;
	color: #8dd8ff;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.sktr-woocommerce-page--cart .product-thumbnail img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border: 1px solid #303642;
	border-radius: 16px;
	background: #f4f4f5;
}

.sktr-woocommerce-page--cart .product-name a {
	color: #f4f4f5;
	font-family: var(--sktr-font-display);
	font-weight: 900;
	text-decoration: none;
}

.sktr-woocommerce-page--cart .product-name a:hover,
.sktr-woocommerce-page--cart .product-name a:focus {
	color: #ffffff;
	outline: 0;
}

.sktr-woocommerce-page--cart .product-price,
.sktr-woocommerce-page--cart .product-subtotal,
.sktr-woocommerce-page--cart .woocommerce-Price-amount {
	color: #bbf7d0;
	font-weight: 900;
}

.sktr-woocommerce-page--cart .product-remove .remove {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #303642;
	border-radius: 999px;
	background: #171c25;
	color: #d4d4d8 !important;
	font-size: 18px;
	line-height: 1;
}

.sktr-woocommerce-page--cart .product-remove .remove:hover,
.sktr-woocommerce-page--cart .product-remove .remove:focus {
	border-color: rgba(248, 113, 113, 0.48);
	background: rgba(127, 29, 29, 0.38);
	color: #fecaca !important;
	outline: 0;
}

.sktr-woocommerce-page--cart .quantity .qty {
	width: 72px;
	min-height: 42px;
	border-color: #303642;
	border-radius: 14px;
	background: #0b0f17;
	color: #f4f4f5;
	font-weight: 900;
	text-align: center;
}

.sktr-woocommerce-page--cart td.actions {
	background: #0d1118;
}

.sktr-woocommerce-page--cart .coupon {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.sktr-woocommerce-page--cart .coupon .input-text {
	min-width: min(260px, 100%);
	border-color: #303642;
	background: #0b0f17;
	color: #f4f4f5;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table {
	overflow: hidden;
	margin-bottom: 16px;
	border: 1px solid #252c37;
	border-radius: 16px;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table th,
.sktr-woocommerce-page--cart .cart_totals table.shop_table td {
	padding: 14px 0;
	border-color: #252c37;
	background: transparent;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table th {
	color: #aeb4c1;
	font-weight: 800;
}

.sktr-woocommerce-page--cart .cart_totals .order-total th,
.sktr-woocommerce-page--cart .cart_totals .order-total td,
.sktr-woocommerce-page--cart .cart_totals .order-total .woocommerce-Price-amount {
	color: #f4f4f5;
	font-size: 1.12rem;
}

.sktr-woocommerce-page--cart .wc-proceed-to-checkout {
	padding: 0;
}

.sktr-woocommerce-page--cart .wc-proceed-to-checkout a.checkout-button {
	min-height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	border: 1px solid rgba(134, 239, 172, 0.52);
	border-radius: 16px;
	background: linear-gradient(180deg, #4ade80 0%, #22c55e 100%);
	color: #052e16;
	box-shadow: 0 18px 38px rgba(34, 197, 94, 0.22);
	font-family: var(--sktr-font-display);
	font-size: 0.96rem;
	font-weight: 900;
}

.sktr-woocommerce-page--cart .wc-proceed-to-checkout a.checkout-button:hover,
.sktr-woocommerce-page--cart .wc-proceed-to-checkout a.checkout-button:focus {
	border-color: #bbf7d0;
	background: linear-gradient(180deg, #86efac 0%, #22c55e 100%);
	color: #052e16;
	transform: translateY(-1px);
	outline: 0;
}

.sktr-woocommerce-page--cart .cart-empty {
	margin: 0;
	padding: 34px 20px;
	border: 1px dashed #303642;
	border-radius: 20px;
	background: #10141c;
	color: #aeb4c1;
	font-weight: 800;
	text-align: center;
}

@media (max-width: 980px) {
	.sktr-woocommerce-page--cart .woocommerce {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.sktr-cart-drawer__body .woocommerce-mini-cart-item > a:not(.remove) {
		grid-template-columns: 60px minmax(0, 1fr);
	}

	.sktr-cart-drawer__body .woocommerce-mini-cart-item img {
		width: 60px;
		height: 60px;
	}

	.sktr-cart-drawer__body .woocommerce-mini-cart-item .quantity {
		margin-left: 74px;
	}

	.sktr-cart-drawer__footer-actions {
		grid-template-columns: 1fr;
	}

	.sktr-woocommerce-page--cart table.shop_table_responsive tr,
	.woocommerce-page .sktr-woocommerce-page--cart table.shop_table_responsive tr {
		display: grid;
		gap: 8px;
		padding: 14px;
		border-bottom: 1px solid #252c37;
	}

	.sktr-woocommerce-page--cart table.shop_table_responsive tr td,
	.woocommerce-page .sktr-woocommerce-page--cart table.shop_table_responsive tr td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		padding: 4px 0;
		border: 0;
		text-align: right !important;
	}

	.sktr-woocommerce-page--cart table.shop_table_responsive tr td.product-thumbnail {
		justify-content: flex-start;
	}

	.sktr-woocommerce-page--cart table.shop_table_responsive tr td.product-name {
		justify-content: flex-start;
		text-align: left !important;
	}

	.sktr-woocommerce-page--cart table.shop_table_responsive tr td.actions {
		display: grid;
	}

	.sktr-woocommerce-page--cart .coupon {
		display: grid;
	}
}

/*
 * Final cart drawer spacing override.
 */
@media (max-width: 620px) {
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 420px) {
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: 1fr;
	}
}

/*
 * Final viewport guard.
 * These rules intentionally sit last so old duplicate blocks cannot re-break mobile layout.
 */
@media (max-width: 1180px) {
	.sktr-page-grid,
	.sktr-course-player__grid,
	.sktr-woocommerce-page--cart .woocommerce,
	.sktr-woocommerce-page--checkout form.checkout,
	.woocommerce .sktr-woocommerce-page--checkout .col2-set,
	.sktr-woocommerce-page--checkout .col2-set {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.sktr-browse-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.sktr-shell {
		width: min(100% - 18px, 860px);
	}

	.sktr-header__bar {
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 8px;
	}

	.sktr-header__search,
	.sktr-header__auth {
		display: none !important;
	}

	.sktr-header__mobile-actions {
		display: flex !important;
		justify-content: flex-end;
		gap: 6px;
	}

	.sktr-header__tabs {
		width: 100%;
		max-width: 100%;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 6px;
		padding: 6px;
		overflow-x: auto;
		border-radius: 18px;
	}

	.sktr-header__tab {
		min-width: 0;
		min-height: 36px;
		padding: 0 6px;
		font-size: clamp(0.68rem, 2.6vw, 0.78rem);
		white-space: nowrap;
	}

	.sktr-auth-modal__dialog,
	.sktr-composer-modal__dialog,
	.sktr-search-modal__dialog {
		width: min(100% - 18px, 720px);
		max-height: calc(100dvh - 18px);
		overflow-y: auto;
	}
}

@media (max-width: 700px) {
	.sktr-browse-grid,
	.sktr-responsive-grid,
	.sktr-classroom-list,
	.sktr-profile-form__grid,
	.sktr-sidecard__stats {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.sktr-cart-drawer__panel {
		width: 100vw !important;
		max-width: 100vw;
		border-radius: 0;
	}

	.sktr-cart-drawer__item {
		grid-template-columns: 62px minmax(0, 1fr) 32px;
		gap: 12px;
		padding: 11px;
	}

	.sktr-cart-drawer__thumb,
	.sktr-cart-drawer__thumb img {
		width: 62px !important;
		height: 62px !important;
	}

	.sktr-cart-drawer__item-title {
		white-space: normal;
		font-size: 0.9rem;
	}

	.sktr-cart-drawer__footer-actions {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 480px) {
	.sktr-shell {
		width: min(100% - 12px, 480px);
	}

	.sktr-header__browse-link {
		display: none !important;
	}

	.sktr-header__mobile-login,
	.sktr-header__mobile-signup {
		min-width: auto;
		padding: 0 10px;
		font-size: 0.72rem;
	}

	.sktr-browse-card__actions,
	.sktr-sidecard__actions,
	.sktr-post-form-actions,
	.sktr-profile-form__actions,
	.sktr-cart-drawer__footer-actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.sktr-cart-drawer__item {
		grid-template-columns: 56px minmax(0, 1fr) 30px;
	}

	.sktr-cart-drawer__thumb,
	.sktr-cart-drawer__thumb img {
		width: 56px !important;
		height: 56px !important;
	}

	.sktr-cart-drawer__item-price {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}
}

/*
 * Unified Skilltruly icon layer.
 */
.sktr-ui-icon {
	width: 1em;
	height: 1em;
	font-size: 1em;
	line-height: 1;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: currentColor;
	vertical-align: -0.12em;
}

.sktr-pill,
.sktr-header__tab,
.sktr-button,
.sktr-ghost-link,
.sktr-community-checkout-button,
.sktr-site-footer__cta,
.sktr-blog-single__back,
.sktr-course-player__eyebrow,
.sktr-course-player__mobile-count,
.sktr-browse-card__stat,
.sktr-browse-card__pricing-label,
.sktr-sidecard__pricing-label,
.sktr-community-feed-message,
.sktr-members-search-empty,
.sktr-search-shell label,
.sktr-site-footer__column h2,
.sktr-section__header h2,
.sktr-composer-modal__header h3,
.sktr-blog-single__cta strong,
.sktr-blog-card__body time,
.sktr-blog-single__header time,
.sktr-course-player__sidebar-header p {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.sktr-header__tab {
	justify-content: center;
}

.sktr-header__tab .sktr-tab-icon {
	opacity: 0.72;
	font-size: 0.96em;
	transition: transform 360ms ease, opacity 360ms ease, color 360ms ease;
}

.sktr-header__tab.is-active .sktr-tab-icon,
.sktr-header__tab:hover .sktr-tab-icon,
.sktr-header__tab:focus .sktr-tab-icon {
	opacity: 1;
	color: #8bd3ff;
	transform: translateY(-1px);
}

.sktr-pill__icon,
.sktr-heading-icon,
.sktr-label-icon,
.sktr-footer-heading-icon {
	color: #8bd3ff;
}

.sktr-button-icon,
.sktr-meta-icon,
.sktr-card-stat-icon,
.sktr-card-label-icon,
.sktr-sidecard-stat-icon,
.sktr-empty-icon {
	opacity: 0.82;
}

.sktr-button-icon {
	font-size: 0.95em;
}

.sktr-meta-icon {
	color: #9aa3b2;
}

.sktr-card-stat-icon,
.sktr-sidecard-stat-icon {
	color: #8bd3ff;
}

.sktr-card-label-icon {
	font-size: 0.92em;
}

.sktr-empty-icon {
	color: #8bd3ff;
}

.sktr-header__search-icon.dashicons {
	font-size: 1.18rem;
	width: 1.18rem;
	height: 1.18rem;
	line-height: 1;
	color: #38bdf8;
}

.sktr-header__mobile-icon .dashicons {
	font-size: 1.12rem;
	width: 1.12rem;
	height: 1.12rem;
}

.sktr-composer-card__icon {
	margin-left: auto;
	color: #8bd3ff;
}

.sktr-course-player__access-icon.sktr-ui-icon {
	width: 48px;
	height: 48px;
	font-size: 1.3rem;
	border-radius: 18px;
	background: rgba(56, 189, 248, 0.12);
	color: #8bd3ff;
}

.sktr-sidecard__stats > div {
	position: relative;
}

.sktr-sidecard__stats .sktr-sidecard-stat-icon {
	margin-bottom: 4px;
}

@media (max-width: 860px) {
	.sktr-header__tab .sktr-tab-icon {
		font-size: 0.9em;
	}

	.sktr-header__tab {
		gap: 5px;
	}
}

@media (max-width: 420px) {
	.sktr-header__tab {
		flex-direction: column;
		gap: 2px;
	}

	.sktr-button-icon,
	.sktr-card-stat-icon,
	.sktr-card-label-icon {
		font-size: 0.88em;
	}
}

/*
 * Absolute final navbar fallback:
 * once JS adds `.is-stuck`, force fixed top placement so it never scrolls away.
 */
.sktr-header.is-stuck {
	position: fixed !important;
	top: var(--sktr-sticky-top, var(--wp-admin--admin-bar--height, 0px)) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	max-width: none !important;
	margin: 0 !important;
	z-index: 1300 !important;
}

.sktr-header-spacer {
	height: 0;
	transition: height 540ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-header-spacer.is-active {
	height: var(--sktr-header-space, 90px);
}

/* Smooth navbar transition between default and sticky states. */
.sktr-header {
	will-change: top, width, margin, padding, border-radius, box-shadow, background-color, border-color, transform;
	transition:
		top 260ms cubic-bezier(0.22, 1, 0.36, 1),
		width 260ms cubic-bezier(0.22, 1, 0.36, 1),
		max-width 260ms cubic-bezier(0.22, 1, 0.36, 1),
		margin 260ms cubic-bezier(0.22, 1, 0.36, 1),
		padding 260ms cubic-bezier(0.22, 1, 0.36, 1),
		border-radius 260ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 260ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 260ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-header:not(.is-stuck) {
	transform: translateY(0) scale(1);
}

.sktr-header.is-stuck {
	transform: translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
	.sktr-header {
		transition-duration: 1ms;
	}
}

/*
 * Smooth fixed navbar model.
 * The header stays fixed in both states; scrolling only morphs width, top,
 * padding, radius, and surface styling, which avoids the old reflow stutter.
 */
.sktr-header,
body.single-sktr_community .sktr-header,
body.single-ch-community .sktr-header,
body.single-sktr_course .sktr-header {
	position: fixed !important;
	top: calc(var(--sktr-sticky-top, var(--wp-admin--admin-bar--height, 0px)) + 18px) !important;
	left: 50% !important;
	right: auto !important;
	width: min(1360px, calc(100vw - 32px)) !important;
	max-width: calc(100vw - 32px) !important;
	margin: 0 !important;
	transform: translateX(-50%) !important;
	z-index: 1300 !important;
}

.sktr-header.is-stuck,
body.single-sktr_community .sktr-header.is-stuck,
body.single-ch-community .sktr-header.is-stuck,
body.single-sktr_course .sktr-header.is-stuck {
	top: var(--sktr-sticky-top, var(--wp-admin--admin-bar--height, 0px)) !important;
	left: 50% !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0 !important;
	transform: translateX(-50%) !important;
}

.sktr-header-spacer {
	flex: 0 0 auto;
	transition: none;
}

@media (max-width: 860px) {
	.sktr-header,
	body.single-sktr_community .sktr-header,
	body.single-ch-community .sktr-header,
	body.single-sktr_course .sktr-header {
		top: calc(var(--sktr-sticky-top, var(--wp-admin--admin-bar--height, 0px)) + 10px) !important;
		width: calc(100vw - 18px) !important;
		max-width: calc(100vw - 18px) !important;
	}

	.sktr-header.is-stuck,
	body.single-sktr_community .sktr-header.is-stuck,
	body.single-ch-community .sktr-header.is-stuck,
	body.single-sktr_course .sktr-header.is-stuck {
		top: var(--sktr-sticky-top, var(--wp-admin--admin-bar--height, 0px)) !important;
		width: 100vw !important;
		max-width: 100vw !important;
	}
}

/*
 * Micro-interaction polish layer.
 * Keeps the app calm, but gives cards, tabs, search, toasts, and checkout actions
 * a little more tactile feedback.
 */
.sktr-browse-card,
.sktr-post-card,
.sktr-blog-card,
.sktr-sidecard,
.sktr-member-row,
.sktr-composer-card,
.sktr-course-player__lesson-item,
.sktr-course-player__mobile-list-item,
.sktr-course-player__resource {
	transition:
		transform 180ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 180ms cubic-bezier(0.22, 1, 0.36, 1),
		background 180ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 180ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 180ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-browse-card:hover,
.sktr-browse-card:focus-within,
.sktr-post-card:hover,
.sktr-post-card:focus-within,
.sktr-blog-card:hover,
.sktr-blog-card:focus-within,
.sktr-sidecard:hover,
.sktr-sidecard:focus-within,
.sktr-member-row:hover,
.sktr-member-row:focus-within,
.sktr-composer-card:hover,
.sktr-composer-card:focus-within,
.sktr-course-player__lesson-item:hover,
.sktr-course-player__lesson-item:focus-within,
.sktr-course-player__mobile-list-item:hover,
.sktr-course-player__mobile-list-item:focus-within,
.sktr-course-player__resource:hover,
.sktr-course-player__resource:focus-within {
	border-color: rgba(125, 211, 252, 0.34);
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
	transform: translateY(-2px);
}

.sktr-browse-card__cover,
.sktr-blog-card__thumb {
	overflow: hidden;
}

.sktr-browse-card__cover-img,
.sktr-blog-card__thumb img {
	transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), filter 220ms ease;
}

.sktr-browse-card:hover .sktr-browse-card__cover-img,
.sktr-browse-card:focus-within .sktr-browse-card__cover-img,
.sktr-blog-card:hover .sktr-blog-card__thumb img,
.sktr-blog-card:focus-within .sktr-blog-card__thumb img {
	filter: saturate(1.04);
	transform: scale(1.025);
}

.sktr-button,
.button,
.sktr-ghost-link,
.sktr-header__login,
.sktr-header__signup,
.sktr-header__mobile-login,
.sktr-header__mobile-signup,
.sktr-community-join-button,
.sktr-community-checkout-button,
.sktr-community-upgrade-button,
.sktr-auth-panel__cta,
.sktr-auth-panel__secondary,
.sktr-browse-card__open {
	transition:
		transform 150ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 150ms cubic-bezier(0.22, 1, 0.36, 1),
		background 150ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 150ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 150ms cubic-bezier(0.22, 1, 0.36, 1),
		color 150ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 150ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-button:active,
.button:active,
.sktr-ghost-link:active,
.sktr-header__login:active,
.sktr-header__signup:active,
.sktr-header__mobile-login:active,
.sktr-header__mobile-signup:active,
.sktr-community-join-button:active,
.sktr-community-checkout-button:active,
.sktr-community-upgrade-button:active,
.sktr-auth-panel__cta:active,
.sktr-auth-panel__secondary:active,
.sktr-browse-card__open:active {
	transform: translateY(0) scale(0.985);
}

.sktr-community-checkout-button.is-loading {
	gap: 9px;
	opacity: 0.9;
	pointer-events: none;
}

.sktr-loading-spinner {
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: sktr-spin 700ms linear infinite;
}

@keyframes sktr-spin {
	to {
		transform: rotate(360deg);
	}
}

.sktr-header__tabs[data-tab-glide]:not(.is-stuck) {
	position: relative;
}

.sktr-header__tabs[data-tab-glide]::before {
	position: absolute;
	z-index: 0;
	top: 6px;
	bottom: 6px;
	left: 0;
	width: var(--sktr-tab-glide-width, 25%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(31, 35, 45, 0.97), rgba(24, 28, 37, 0.97));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 26px rgba(0, 0, 0, 0.18);
	content: "";
	pointer-events: none;
	transform: translateX(var(--sktr-tab-glide-x, 0));
	transition:
		transform 200ms cubic-bezier(0.22, 1, 0.36, 1),
		width 200ms cubic-bezier(0.22, 1, 0.36, 1),
		border-radius 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-header__tabs[data-tab-glide] .sktr-header__tab {
	position: relative;
	z-index: 1;
	background: transparent !important;
	box-shadow: none !important;
}

.sktr-header__tabs[data-tab-glide] .sktr-header__tab.is-active {
	border-color: transparent;
}

.sktr-header__tabs[data-tab-glide].is-stuck::before {
	top: 7px;
	bottom: 7px;
	border-radius: 14px;
}

.sktr-header-search__panel .sktr-search-result mark,
.sktr-search-modal__results .sktr-search-result mark {
	padding: 0 0.15em;
	border-radius: 5px;
	background: rgba(125, 211, 252, 0.18);
	color: #e0f2fe;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.sktr-header-search__panel .sktr-search-result:hover mark,
.sktr-header-search__panel .sktr-search-result:focus mark,
.sktr-search-modal__results .sktr-search-result:hover mark,
.sktr-search-modal__results .sktr-search-result:focus mark {
	background: rgba(125, 211, 252, 0.26);
	color: #ffffff;
}

.sktr-toast__icon {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(56, 189, 248, 0.14);
	color: #7dd3fc;
	font-size: 16px;
	line-height: 1;
	box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.08);
}

.sktr-toast--success .sktr-toast__icon {
	background: rgba(34, 197, 94, 0.16);
	color: #86efac;
	box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.09);
}

.sktr-toast__icon::before {
	width: auto;
	height: auto;
	font-size: inherit;
	line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
	.sktr-loading-spinner {
		animation: none;
	}

	.sktr-header__tabs[data-tab-glide]::before,
	.sktr-browse-card__cover-img,
	.sktr-blog-card__thumb img {
		transition-duration: 1ms;
	}

	.sktr-browse-card:hover,
	.sktr-browse-card:focus-within,
	.sktr-post-card:hover,
	.sktr-post-card:focus-within,
	.sktr-blog-card:hover,
	.sktr-blog-card:focus-within,
	.sktr-sidecard:hover,
	.sktr-sidecard:focus-within,
	.sktr-member-row:hover,
	.sktr-member-row:focus-within,
	.sktr-composer-card:hover,
	.sktr-composer-card:focus-within,
	.sktr-course-player__lesson-item:hover,
	.sktr-course-player__lesson-item:focus-within,
	.sktr-course-player__mobile-list-item:hover,
	.sktr-course-player__mobile-list-item:focus-within,
	.sktr-course-player__resource:hover,
	.sktr-course-player__resource:focus-within,
	.sktr-browse-card:hover .sktr-browse-card__cover-img,
	.sktr-browse-card:focus-within .sktr-browse-card__cover-img,
	.sktr-blog-card:hover .sktr-blog-card__thumb img,
	.sktr-blog-card:focus-within .sktr-blog-card__thumb img {
		transform: none;
	}
}

/*
 * Final cart page notice and spacing polish.
 * WooCommerce injects light default notices; keep them inside Skilltruly's dark UI.
 */
.sktr-woocommerce-page--cart {
	padding-top: 18px;
}

.sktr-woocommerce-page--cart .woocommerce {
	row-gap: 16px;
	column-gap: 22px;
}

.sktr-woocommerce-page--cart .woocommerce-notices-wrapper {
	display: grid;
	gap: 12px;
	margin: 0;
}

.sktr-woocommerce-page--cart .woocommerce-message,
.sktr-woocommerce-page--cart .woocommerce-info,
.sktr-woocommerce-page--cart .woocommerce-error {
	min-height: 58px;
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid #2b323d !important;
	border-left: 4px solid #22c55e !important;
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(56, 189, 248, 0.05)),
		#10141c !important;
	color: #e5e7eb !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
	font-family: var(--sktr-font-body);
	font-size: 0.96rem;
	font-weight: 700;
	line-height: 1.35;
}

.sktr-woocommerce-page--cart .woocommerce-info {
	border-left-color: #38bdf8 !important;
	background:
		linear-gradient(135deg, rgba(56, 189, 248, 0.12), rgba(125, 211, 252, 0.04)),
		#10141c !important;
}

.sktr-woocommerce-page--cart .woocommerce-error {
	border-left-color: #fb7185 !important;
	background:
		linear-gradient(135deg, rgba(251, 113, 133, 0.12), rgba(244, 114, 182, 0.04)),
		#10141c !important;
}

.sktr-woocommerce-page--cart .woocommerce-message::before,
.sktr-woocommerce-page--cart .woocommerce-info::before,
.sktr-woocommerce-page--cart .woocommerce-error::before {
	position: static !important;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(34, 197, 94, 0.16);
	color: #a7f3d0;
	box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.07);
	content: "✓" !important;
	font-family: var(--sktr-font-display);
	font-size: 0.9rem;
	font-weight: 900;
	line-height: 1;
}

.sktr-woocommerce-page--cart .woocommerce-info::before {
	background: rgba(56, 189, 248, 0.16);
	color: #bae6fd;
	box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.07);
	content: "i" !important;
}

.sktr-woocommerce-page--cart .woocommerce-error::before {
	background: rgba(251, 113, 133, 0.16);
	color: #fecdd3;
	box-shadow: 0 0 0 5px rgba(251, 113, 133, 0.07);
	content: "!" !important;
}

.sktr-woocommerce-page--cart .woocommerce-message .button.wc-forward,
.sktr-woocommerce-page--cart .woocommerce-info .button.wc-forward,
.sktr-woocommerce-page--cart .woocommerce-error .button.wc-forward {
	order: 2;
	min-height: 40px;
	margin: 0 0 0 auto;
	padding: 0 18px;
	border-color: #303642;
	border-radius: 14px;
	background: #171c25;
	color: #f4f4f5;
	font-size: 0.84rem;
	white-space: nowrap;
}

.sktr-woocommerce-page--cart .woocommerce-cart-form,
.sktr-woocommerce-page--cart .cart-collaterals .cart_totals {
	margin-top: 0;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table {
	width: 100%;
	table-layout: auto;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table th {
	width: 48%;
	padding-right: 12px;
	white-space: nowrap;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table td {
	text-align: right;
	white-space: nowrap;
}

@media (max-width: 680px) {
	.sktr-woocommerce-page--cart .woocommerce {
		row-gap: 12px;
	}

	.sktr-woocommerce-page--cart .woocommerce-message,
	.sktr-woocommerce-page--cart .woocommerce-info,
	.sktr-woocommerce-page--cart .woocommerce-error {
		align-items: flex-start;
		flex-wrap: wrap;
		padding: 12px !important;
		font-size: 0.9rem;
	}

	.sktr-woocommerce-page--cart .woocommerce-message .button.wc-forward,
	.sktr-woocommerce-page--cart .woocommerce-info .button.wc-forward,
	.sktr-woocommerce-page--cart .woocommerce-error .button.wc-forward {
		order: 3;
		width: 100%;
		margin: 2px 0 0;
	}
}

/*
 * Final cart layout pairing.
 * Keep the cart table and totals visually connected on wide screens.
 */
@media (min-width: 981px) {
	.sktr-woocommerce-page--cart .woocommerce {
		grid-template-columns: minmax(0, 860px) minmax(280px, 300px);
		justify-content: start;
		column-gap: 18px;
	}

	.sktr-woocommerce-page--cart .woocommerce-cart-form,
	.sktr-woocommerce-page--cart .cart-collaterals {
		width: 100% !important;
		max-width: none !important;
		justify-self: stretch;
	}

	.sktr-woocommerce-page--cart .cart-collaterals {
		float: none !important;
	}
}

.sktr-woocommerce-page--cart .product-price,
.sktr-woocommerce-page--cart .product-subtotal,
.sktr-woocommerce-page--cart .product-price .woocommerce-Price-amount,
.sktr-woocommerce-page--cart .product-subtotal .woocommerce-Price-amount {
	white-space: nowrap;
}

/*
 * Final cart totals and alert composition.
 * WooCommerce renders cart errors as lists and cart totals with plugin widths,
 * so these overrides normalize both structures for the Skilltruly layout.
 */
.sktr-woocommerce-page--cart .woocommerce-message,
.sktr-woocommerce-page--cart .woocommerce-info,
.sktr-woocommerce-page--cart .woocommerce-error {
	overflow: hidden;
	outline: 0 !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.04),
		0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

.sktr-woocommerce-page--cart .woocommerce-message::before,
.sktr-woocommerce-page--cart .woocommerce-info::before,
.sktr-woocommerce-page--cart .woocommerce-error::before {
	content: "\2713" !important;
}

.sktr-woocommerce-page--cart .woocommerce-error::before {
	content: "!" !important;
}

.sktr-woocommerce-page--cart .woocommerce-info::before {
	content: "i" !important;
}

.sktr-woocommerce-page--cart .woocommerce-error,
.sktr-woocommerce-page--cart .woocommerce-error li {
	list-style: none;
}

.sktr-woocommerce-page--cart .woocommerce-error {
	padding-left: 14px !important;
}

.sktr-woocommerce-page--cart .woocommerce-error li {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 0;
	color: #f4f4f5;
}

.sktr-woocommerce-page--cart .woocommerce-error li .button.wc-forward {
	flex: 0 0 auto;
	margin: 0 0 0 auto !important;
	float: none !important;
}

.sktr-woocommerce-page--cart .cart-collaterals,
.woocommerce .sktr-woocommerce-page--cart .cart-collaterals,
.woocommerce-page .sktr-woocommerce-page--cart .cart-collaterals,
.sktr-woocommerce-page--cart .cart-collaterals .cart_totals,
.woocommerce .sktr-woocommerce-page--cart .cart-collaterals .cart_totals,
.woocommerce-page .sktr-woocommerce-page--cart .cart-collaterals .cart_totals {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

.sktr-woocommerce-page--cart .cart-collaterals .cart_totals {
	display: grid;
	gap: 18px;
	padding: 22px;
}

.sktr-woocommerce-page--cart .cart_totals h2 {
	margin-bottom: 0;
	font-size: 1.22rem;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table {
	margin-bottom: 0;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table th,
.sktr-woocommerce-page--cart .cart_totals table.shop_table td {
	padding: 16px 0;
}

.sktr-woocommerce-page--cart .cart_totals table.shop_table th {
	width: 42%;
}

.sktr-woocommerce-page--cart .cart_totals .order-total th,
.sktr-woocommerce-page--cart .cart_totals .order-total td,
.sktr-woocommerce-page--cart .cart_totals .order-total .woocommerce-Price-amount {
	font-size: 1.16rem;
}

.sktr-woocommerce-page--cart .wc-proceed-to-checkout a.checkout-button {
	min-height: 56px;
	padding: 0 18px;
	font-size: 0.94rem;
	line-height: 1.1;
	white-space: normal;
}

@media (min-width: 981px) {
	.sktr-woocommerce-page--cart .woocommerce {
		grid-template-columns: minmax(0, 1fr) minmax(340px, 360px);
		column-gap: 22px;
	}
}

@media (max-width: 680px) {
	.sktr-woocommerce-page--cart .woocommerce-error li {
		align-items: stretch;
		flex-direction: column;
	}

	.sktr-woocommerce-page--cart .woocommerce-error li .button.wc-forward {
		width: 100%;
		margin: 0 !important;
	}
}

/*
 * Brand footer refresh.
 * This final block intentionally supersedes the earlier payment-badge footer
 * rules so the public footer matches the editable brand/navigation model.
 */
.sktr-site-footer--brand {
	width: 100%;
	margin: clamp(48px, 6vw, 86px) 0 0;
	padding: clamp(56px, 7vw, 92px) 0 clamp(46px, 6vw, 78px);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	background:
		radial-gradient(circle at 16% 12%, rgba(56, 189, 248, 0.035), transparent 28%),
		radial-gradient(circle at 88% 8%, rgba(34, 197, 94, 0.028), transparent 30%),
		#020303;
	box-shadow: none;
}

.sktr-site-footer--brand .sktr-site-footer__inner {
	width: min(1180px, calc(100% - 64px));
	max-width: none;
	display: grid;
	grid-template-columns: minmax(280px, 0.92fr) minmax(520px, 1.55fr);
	gap: clamp(56px, 8vw, 132px);
	align-items: start;
	justify-items: stretch;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-align: left;
	animation: none;
}

.sktr-site-footer__brand {
	min-width: 0;
	display: grid;
	gap: 0;
	align-content: start;
	justify-items: start;
}

.sktr-site-footer__brand-link {
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	color: #f8fafc;
	text-decoration: none;
}

.sktr-site-footer__brand-logo {
	width: auto;
	max-width: 190px;
	height: auto;
	max-height: 48px;
	object-fit: contain;
}

.sktr-site-footer__brand-mark {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	border-radius: 12px;
	background: linear-gradient(135deg, #a3e635 0%, #38bdf8 100%);
	color: #020617;
	font-family: var(--sktr-font-display);
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 16px 40px rgba(56, 189, 248, 0.14);
}

.sktr-site-footer__brand-name {
	color: #f8fafc;
	font-family: var(--sktr-font-display);
	font-size: clamp(1.35rem, 2vw, 1.68rem);
	font-weight: 900;
	line-height: 1;
}

.sktr-site-footer__tagline {
	max-width: 460px;
	margin: clamp(18px, 2.4vw, 24px) 0 0;
	color: #a4abb8;
	font-size: clamp(1rem, 1.45vw, 1.22rem);
	font-weight: 500;
	line-height: 1.55;
}

.sktr-site-footer__contact {
	display: grid;
	gap: 10px;
	margin: 22px 0 0;
	padding: 0;
	color: #b5bac6;
	list-style: none;
}

.sktr-site-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
	font-size: 0.94rem;
	font-weight: 600;
	line-height: 1.45;
}

.sktr-site-footer__contact a {
	color: inherit;
	text-decoration: none;
}

.sktr-site-footer__contact a:hover,
.sktr-site-footer__contact a:focus-visible {
	color: #f8fafc;
}

.sktr-site-footer__contact-icon {
	margin-top: 2px;
	color: #7dd3fc;
	font-size: 1rem;
}

.sktr-site-footer__socials {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(16px, 2.4vw, 28px);
	margin: clamp(30px, 4vw, 44px) 0 0;
}

.sktr-site-footer__social-link {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #f8fafc;
	border-radius: 10px;
	text-decoration: none;
	transition:
		transform 180ms ease,
		color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease;
}

.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link {
	animation: sktr-social-color-bump 620ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link:nth-child(2) {
	animation-delay: 55ms;
}

.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link:nth-child(3) {
	animation-delay: 110ms;
}

.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link:nth-child(4) {
	animation-delay: 165ms;
}

.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link:nth-child(5) {
	animation-delay: 220ms;
}

.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link:nth-child(6) {
	animation-delay: 275ms;
}

.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link:nth-child(7) {
	animation-delay: 330ms;
}

.sktr-site-footer__social-link svg {
	width: 31px;
	height: 31px;
	display: block;
	fill: currentColor;
}

.sktr-site-footer__social-link:hover,
.sktr-site-footer__social-link:focus-visible {
	color: #86efac;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
	transform: translateY(-2px);
}

@keyframes sktr-social-color-bump {
	0% {
		color: #f8fafc;
		transform: translateY(0) scale(1);
	}

	38% {
		color: #7dd3fc;
		transform: translateY(-5px) scale(1.14);
	}

	68% {
		color: #86efac;
		transform: translateY(-2px) scale(1.04);
	}

	100% {
		color: #f8fafc;
		transform: translateY(0) scale(1);
	}
}

.sktr-site-footer__nav {
	min-width: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(135px, 1fr));
	gap: clamp(34px, 5vw, 72px);
	align-items: start;
}

.sktr-site-footer--brand .sktr-site-footer__column {
	display: grid;
	gap: clamp(22px, 2.8vw, 34px);
	justify-items: start;
	text-align: left;
}

.sktr-site-footer--brand .sktr-site-footer__column h2 {
	margin: 0;
	color: #f8fafc;
	font-family: var(--sktr-font-display);
	font-size: clamp(1rem, 1.3vw, 1.18rem);
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: none;
}

.sktr-site-footer--brand .sktr-site-footer__menu {
	display: grid;
	gap: clamp(16px, 2.1vw, 24px);
	justify-items: start;
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
}

.sktr-site-footer--brand .sktr-site-footer__menu li {
	margin: 0;
	padding: 0;
}

.sktr-site-footer--brand .sktr-site-footer__menu a {
	display: inline-flex;
	align-items: center;
	color: #9ba2af;
	font-size: clamp(0.96rem, 1.15vw, 1.08rem);
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
	transition:
		color 180ms ease,
		transform 180ms ease;
}

.sktr-site-footer--brand .sktr-site-footer__menu a:hover,
.sktr-site-footer--brand .sktr-site-footer__menu a:focus-visible {
	color: #f8fafc;
	transform: translateX(3px);
}

@media (max-width: 960px) {
	.sktr-site-footer--brand .sktr-site-footer__inner {
		grid-template-columns: 1fr;
		gap: 46px;
	}

	.sktr-site-footer__nav {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 26px;
	}
}

@media (max-width: 680px) {
	.sktr-site-footer--brand {
		margin-top: 42px;
		padding: 42px 0 48px;
	}

	.sktr-site-footer--brand .sktr-site-footer__inner {
		width: min(100% - 32px, 520px);
		gap: 38px;
	}

	.sktr-site-footer__brand-logo {
		max-width: 156px;
		max-height: 40px;
	}

	.sktr-site-footer__brand-mark {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
		border-radius: 11px;
	}

	.sktr-site-footer__tagline {
		margin-top: 18px;
	}

	.sktr-site-footer__social-link {
		width: 32px;
		height: 32px;
	}

	.sktr-site-footer__social-link svg {
		width: 28px;
		height: 28px;
	}

	.sktr-site-footer__nav {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.sktr-site-footer--brand .sktr-site-footer__column {
		gap: 14px;
	}

.sktr-site-footer--brand .sktr-site-footer__menu {
		gap: 12px;
	}
}

/*
 * Subtle scroll parallax.
 * Applied by assets/theme.js to non-sticky content only, keeping movement small
 * so the interface feels deeper without distracting from reading.
 */
.sktr-parallax-item {
	--sktr-parallax-shift: 0px;
	transform: translate3d(0, var(--sktr-parallax-shift), 0);
	will-change: transform;
	backface-visibility: hidden;
}

.sktr-browse-card__cover.sktr-parallax-item {
	overflow: hidden;
}

.sktr-browse-card__cover.sktr-parallax-item > img,
.sktr-browse-card__cover.sktr-parallax-item .sktr-browse-card__cover-img {
	transform: scale(1.035);
	transform-origin: center;
	transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-browse-card:hover .sktr-browse-card__cover.sktr-parallax-item > img,
.sktr-browse-card:hover .sktr-browse-card__cover.sktr-parallax-item .sktr-browse-card__cover-img {
	transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
	.sktr-parallax-item {
		transform: none !important;
	}

	.sktr-browse-card__cover.sktr-parallax-item > img,
	.sktr-browse-card__cover.sktr-parallax-item .sktr-browse-card__cover-img {
		transform: none !important;
	}
}

/*
 * Satisfaction microinteractions.
 * Small tactile responses for clicks, entry reveals, and important actions.
 */
@keyframes sktr-ui-bump {
	0% {
		transform: scale(1);
	}

	38% {
		transform: scale(0.975);
	}

	72% {
		transform: scale(1.018);
	}

	100% {
		transform: scale(1);
	}
}

.sktr-ui-bump {
	animation: sktr-ui-bump 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-ui-reveal {
	opacity: 0;
	transform: translate3d(0, 14px, 0);
	transition:
		opacity 420ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sktr-ui-reveal.is-ui-visible {
	opacity: 1;
	transform: translate3d(0, var(--sktr-parallax-shift, 0px), 0);
}

.sktr-button,
.button,
button,
.sktr-tab-link,
.sktr-account-toggle,
.sktr-cart-toggle,
.sktr-browse-card,
.sktr-post-card,
.sktr-blog-card {
	-webkit-tap-highlight-color: transparent;
}

.sktr-button:active,
.button:active,
button:active,
.sktr-tab-link:active,
.sktr-account-toggle:active,
.sktr-cart-toggle:active {
	transform: translateY(1px) scale(0.99);
}

.sktr-button--primary,
.sktr-community-checkout-button,
.checkout-button,
.single_add_to_cart_button {
	position: relative;
	overflow: hidden;
}

.sktr-button--primary::after,
.sktr-community-checkout-button::after,
.checkout-button::after,
.single_add_to_cart_button::after {
	content: "";
	position: absolute;
	inset: -35% auto -35% -55%;
	width: 42%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
	transform: skewX(-18deg);
	opacity: 0;
	pointer-events: none;
}

.sktr-button--primary:hover::after,
.sktr-community-checkout-button:hover::after,
.checkout-button:hover::after,
.single_add_to_cart_button:hover::after {
	animation: sktr-action-sheen 760ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes sktr-action-sheen {
	0% {
		left: -55%;
		opacity: 0;
	}

	18% {
		opacity: 1;
	}

	100% {
		left: 118%;
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sktr-ui-bump {
		animation: none !important;
	}

	.sktr-ui-reveal,
	.sktr-ui-reveal.is-ui-visible {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	.sktr-button--primary:hover::after,
	.sktr-community-checkout-button:hover::after,
	.checkout-button:hover::after,
	.single_add_to_cart_button:hover::after {
		animation: none !important;
	}

	.sktr-site-footer__socials.is-bumping .sktr-site-footer__social-link {
		animation: none !important;
	}
}