.vikihub-career-path-page {
	--vcp-ink: #102a3a;
	--vcp-muted: #5d6b7a;
	--vcp-brand: #087653;
	--vcp-brand-dark: #055a40;
	--vcp-surface: #f6f8fa;
	--vcp-line: #dfe7e5;
	--vcp-shadow: 0 18px 42px rgba(16, 42, 58, .09);
	color: var(--vcp-ink);
	background: #fff;
}

.vikihub-career-path-page *,
.vikihub-career-path-page *::before,
.vikihub-career-path-page *::after { box-sizing: border-box; }

.vikihub-career-path-container {
	width: min(1140px, calc(100% - 48px));
	margin-right: auto;
	margin-left: auto;
}

.vikihub-career-path-hero {
	position: relative;
	overflow: hidden;
	padding: 64px 0;
	color: #fff;
	background: radial-gradient(circle at 88% 14%, rgba(56, 189, 140, .25), transparent 28rem), linear-gradient(124deg, #102a3a, #0b4e40);
}

.vikihub-career-path-hero::after {
	position: absolute;
	right: -100px;
	bottom: -150px;
	width: 380px;
	height: 380px;
	border: 1px solid rgba(196, 255, 223, .14);
	border-radius: 50%;
	content: "";
}

.vikihub-career-path-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
	align-items: center;
	gap: clamp(32px, 5vw, 72px);
}

.vikihub-career-path-hero-grid-single { grid-template-columns: minmax(0, 780px); }

.vikihub-career-path-eyebrow,
.vikihub-career-path-course-kicker {
	margin: 0 0 10px;
	color: var(--vcp-brand);
	font-size: .74rem;
	font-weight: 750;
	letter-spacing: .12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.vikihub-career-path-hero .vikihub-career-path-eyebrow { color: #a9efd1; }

.vikihub-career-path-hero h1,
.vikihub-career-path-page h2,
.vikihub-career-path-page h3 {
	margin-top: 0;
	color: var(--vcp-ink);
	font-weight: 750;
	letter-spacing: -.025em;
	line-height: 1.14;
}

.vikihub-career-path-hero h1 {
	max-width: 760px;
	margin-bottom: 18px;
	color: #fff;
	font-size: clamp(2.35rem, 5vw, 4.7rem);
}

.vikihub-career-path-summary {
	max-width: 660px;
	margin: 0 0 24px;
	color: #d8eee5;
	font-size: clamp(1rem, 1.45vw, 1.16rem);
	line-height: 1.7;
}

.vikihub-career-path-highlights {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}

.vikihub-career-path-highlights li {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 6px 10px;
	border: 1px solid rgba(231, 255, 244, .25);
	border-radius: 999px;
	color: #ecfff5;
	font-size: .84rem;
	line-height: 1.25;
	background: rgba(255, 255, 255, .08);
}

.vikihub-career-path-hero-price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin: 0 0 26px;
}

.vikihub-career-path-hero-price del { color: #b7d9c9; font-size: 1rem; }
.vikihub-career-path-hero-price strong { font-size: clamp(1.85rem, 3vw, 2.35rem); line-height: 1; }
.vikihub-career-path-hero-price span { flex-basis: 100%; color: #c9e6d9; font-size: .82rem; }

.vikihub-career-path-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 13px 23px;
	border-radius: 8px;
	color: #fff !important;
	font-size: .96rem;
	font-weight: 750;
	line-height: 1.2;
	text-decoration: none !important;
	background: var(--vcp-brand);
	box-shadow: 0 8px 18px rgba(5, 90, 64, .18);
	transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.vikihub-career-path-button:hover,
.vikihub-career-path-button:focus {
	color: #fff !important;
	background: var(--vcp-brand-dark);
	box-shadow: 0 11px 24px rgba(5, 90, 64, .24);
	transform: translateY(-1px);
}

.vikihub-career-path-hero .vikihub-career-path-button-primary {
	color: #10372c !important;
	background: #b7f5d4;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

.vikihub-career-path-hero .vikihub-career-path-button-primary:hover,
.vikihub-career-path-hero .vikihub-career-path-button-primary:focus { background: #e0ffed; }

.vikihub-career-path-hero-media {
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(223, 255, 239, .18);
	border-radius: 18px;
	background: rgba(255, 255, 255, .08);
	box-shadow: 0 24px 50px rgba(0, 0, 0, .28);
}

.vikihub-career-path-hero-image,
.vikihub-career-path-course-image { display: block; width: 100%; height: auto; }
.vikihub-career-path-hero-image { aspect-ratio: 4 / 3; object-fit: cover; }

.vikihub-career-path-section { padding: 58px 0; }
.vikihub-career-path-section-alt { background: var(--vcp-surface); }

.vikihub-career-path-section-heading { max-width: 690px; margin-bottom: 26px; }

.vikihub-career-path-page h2 {
	margin-bottom: 22px;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.vikihub-career-path-section-heading h2 { margin-bottom: 0; }

.vikihub-career-path-prose {
	max-width: 830px;
	color: #405266;
	font-size: 1.03rem;
	line-height: 1.75;
}

.vikihub-career-path-prose > :first-child { margin-top: 0; }
.vikihub-career-path-prose > :last-child { margin-bottom: 0; }
.vikihub-career-path-prose h2,
.vikihub-career-path-prose h3 { margin-top: 1.5em; color: var(--vcp-ink); }

.vikihub-career-path-trailer { padding-top: 54px; padding-bottom: 54px; }

.vikihub-career-path-trailer-embed {
	position: relative;
	width: min(960px, 100%);
	margin: 0 auto;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border: 1px solid var(--vcp-line);
	border-radius: 15px;
	background: #eef3f1;
	box-shadow: var(--vcp-shadow);
}

.vikihub-career-path-trailer-embed iframe,
.vikihub-career-path-trailer-embed object,
.vikihub-career-path-trailer-embed embed,
.vikihub-career-path-trailer-embed video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.vikihub-career-path-learning-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vikihub-career-path-learning-list li {
	position: relative;
	min-height: 76px;
	padding: 18px 18px 18px 52px;
	border: 1px solid var(--vcp-line);
	border-radius: 10px;
	color: #344b5d;
	line-height: 1.5;
	background: #fff;
	box-shadow: 0 3px 12px rgba(16, 42, 58, .035);
}

.vikihub-career-path-learning-list li::before {
	position: absolute;
	left: 18px;
	display: grid;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	place-items: center;
	content: "✓";
	color: #fff;
	font-size: .75rem;
	font-weight: 800;
	background: var(--vcp-brand);
}

.vikihub-career-path-course-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.vikihub-career-path-course-card {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--vcp-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 5px 18px rgba(16, 42, 58, .06);
	transition: transform .18s ease, box-shadow .18s ease;
}

.vikihub-career-path-course-card:hover { box-shadow: var(--vcp-shadow); transform: translateY(-3px); }
.vikihub-career-path-course-card > a { display: block; background: #eaf1ee; }
.vikihub-career-path-course-card > a img { aspect-ratio: 16 / 9; object-fit: cover; }
.vikihub-career-path-course-card-content { padding: 23px; }
.vikihub-career-path-course-card h3 { margin-bottom: 11px; font-size: 1.25rem; }
.vikihub-career-path-course-card h3 a,
.vikihub-career-path-text-link { color: var(--vcp-ink); text-decoration: none; }

.vikihub-career-path-course-card-content > p:not(.vikihub-career-path-course-kicker) {
	margin: 0 0 17px;
	color: var(--vcp-muted);
	font-size: .94rem;
	line-height: 1.6;
}

.vikihub-career-path-course-kicker { margin-bottom: 9px; font-size: .68rem; }

.vikihub-career-path-text-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--vcp-brand);
	font-size: .92rem;
	font-weight: 750;
}

.vikihub-career-path-text-link::after { content: "→"; transition: transform .18s ease; }
.vikihub-career-path-text-link:hover::after,
.vikihub-career-path-text-link:focus::after { transform: translateX(3px); }

.vikihub-career-path-course-status {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 4px 8px;
	border-radius: 999px;
	color: var(--vcp-brand-dark);
	font-size: .74rem;
	font-weight: 750;
	line-height: 1.2;
	background: #e8f6ef;
}

.vikihub-career-path-course-number {
	position: absolute;
	z-index: 1;
	top: 13px;
	left: 13px;
	display: grid;
	min-width: 42px;
	height: 32px;
	padding: 0 9px;
	border: 1px solid rgba(255, 255, 255, .32);
	border-radius: 7px;
	place-items: center;
	color: #fff;
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .04em;
	background: rgba(8, 118, 83, .92);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}

.vikihub-career-path-info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.vikihub-career-path-info-card {
	padding: 27px 28px;
	border: 1px solid var(--vcp-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 3px 13px rgba(16, 42, 58, .035);
}

.vikihub-career-path-info-card h3 { margin-bottom: 13px; font-size: 1.2rem; }
.vikihub-career-path-info-card p { margin: 0; color: var(--vcp-muted); font-size: .97rem; line-height: 1.65; }

.vikihub-career-path-outcomes-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vikihub-career-path-outcomes-list li {
	position: relative;
	min-height: 82px;
	padding: 18px 17px 18px 47px;
	border: 1px solid var(--vcp-line);
	border-radius: 10px;
	color: #344b5d;
	font-size: .94rem;
	line-height: 1.5;
	background: #fff;
}

.vikihub-career-path-outcomes-list li::before {
	position: absolute;
	top: 20px;
	left: 18px;
	width: 12px;
	height: 12px;
	border: 3px solid var(--vcp-brand);
	border-radius: 50%;
	content: "";
}

.vikihub-career-path-certificate {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	padding: 33px 36px;
	border: 1px solid #a6ddbd;
	border-radius: 14px;
	background: linear-gradient(135deg, #edf9f1, #f9fdfb);
}

.vikihub-career-path-certificate-mark {
	flex: 0 0 auto;
	display: grid;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	place-items: center;
	color: #fff;
	font-size: 1.15rem;
	font-weight: 800;
	background: var(--vcp-brand);
}

.vikihub-career-path-certificate .vikihub-career-path-eyebrow { margin-bottom: 8px; }
.vikihub-career-path-certificate h2 { margin-bottom: 10px; font-size: clamp(1.5rem, 2.6vw, 2.05rem); }
.vikihub-career-path-certificate p:last-child { margin-bottom: 0; color: #405f51; font-size: 1rem; line-height: 1.65; }

.vikihub-career-path-investment {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(290px, .85fr);
	gap: 28px;
	align-items: stretch;
}

.vikihub-career-path-investment-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 22px 0;
}

.vikihub-career-path-investment h2 { margin-bottom: 19px; }

.vikihub-career-path-investment-inclusions {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--vcp-muted);
	font-size: .96rem;
}

.vikihub-career-path-investment-inclusions li { display: flex; align-items: center; gap: 9px; }

.vikihub-career-path-investment-inclusions li::before {
	display: grid;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	place-items: center;
	flex: 0 0 auto;
	content: "✓";
	color: #fff;
	font-size: .66rem;
	font-weight: 800;
	background: var(--vcp-brand);
}

.vikihub-career-path-investment-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 230px;
	padding: 29px 31px;
	border-radius: 14px;
	color: #fff;
	background: #103e35;
	box-shadow: var(--vcp-shadow);
}

.vikihub-career-path-investment-price del { margin-bottom: 5px; color: #b5d4c6; font-size: 1rem; }
.vikihub-career-path-investment-price strong { margin-bottom: 7px; font-size: clamp(2.1rem, 4vw, 2.9rem); letter-spacing: -.04em; line-height: 1; }
.vikihub-career-path-investment-price > span { margin-bottom: 21px; color: #c9e4d8; font-size: .84rem; }

.vikihub-career-path-investment-price .vikihub-career-path-button {
	width: 100%;
	color: #10372c !important;
	background: #b7f5d4;
	box-shadow: none;
}

.vikihub-career-path-investment-price .vikihub-career-path-button:hover,
.vikihub-career-path-investment-price .vikihub-career-path-button:focus { background: #e0ffed; }

@media (max-width: 900px) {
	.vikihub-career-path-hero-grid,
	.vikihub-career-path-investment { grid-template-columns: 1fr; }
	.vikihub-career-path-hero-media { max-width: 680px; }
	.vikihub-career-path-course-grid,
	.vikihub-career-path-outcomes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vikihub-career-path-investment-price { min-height: 0; }
}

@media (max-width: 680px) {
	.vikihub-career-path-container { width: min(100% - 32px, 1140px); }
	.vikihub-career-path-hero { padding: 48px 0 52px; }
	.vikihub-career-path-section { padding: 44px 0; }
	.vikihub-career-path-trailer { padding-top: 42px; padding-bottom: 42px; }
	.vikihub-career-path-hero-grid { gap: 32px; }
	.vikihub-career-path-hero h1 { font-size: clamp(2.2rem, 11vw, 3.3rem); }
	.vikihub-career-path-learning-list,
	.vikihub-career-path-course-grid,
	.vikihub-career-path-info-grid,
	.vikihub-career-path-outcomes-list { grid-template-columns: 1fr; }
	.vikihub-career-path-course-card-content,
	.vikihub-career-path-info-card { padding: 21px; }
	.vikihub-career-path-certificate { padding: 27px 23px; }
	.vikihub-career-path-investment-price { padding: 27px 24px; }
}

@media (max-width: 420px) {
	.vikihub-career-path-highlights { display: grid; }
	.vikihub-career-path-highlights li { justify-content: center; }
	.vikihub-career-path-certificate { flex-direction: column; gap: 15px; }
	.vikihub-career-path-button { width: 100%; }
}
