/* Introduction to Christianity course landing page. */
body.cp-intro-course-page {
	background: var(--cp-stone);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course {
	--cp-course-apse: url("../images/course/course-apse-bright-calm-desktop.webp");
	--cp-course-divider: url("../images/course/course-divider.webp");
	--cp-course-gold: #c88a12;
	--cp-course-line: rgb(187 134 45 / 34%);
	--cp-course-paper: #fbf7f0;
}

body.cp-intro-course-page :is(
	.wpj-jtoc--widget-progress,
	.wpj-jtoc--widget-progress-bar,
	.wpj-jtoc--widget-floating,
	.wpj-jtoc--widget-slide-out
) {
	display: none !important;
}

body.cp-intro-course-page,
body.cp-intro-course-page .wp-site-blocks {
	max-width: 100% !important;
	overflow-x: clip;
}

body.cp-intro-course-page .single-top-heading > header.alignfull.wp-block-template-part {
	left: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: 0 !important;
}

body.cp-intro-course-page .wp-site-blocks::before,
body.cp-intro-course-page .single-top-heading::before {
	display: none !important;
}

body.cp-intro-course-page .single-top-heading {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--cp-stone) !important;
}

body.cp-intro-course-page .single-top-heading > .cp-single-hero__content {
	display: none !important;
}

body.cp-intro-course-page .single-top-heading + .wp-block-group,
body.cp-intro-course-page .single-top-heading + .wp-block-group > .wp-block-columns {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.cp-intro-course-page .single-top-heading + .wp-block-group > .wp-block-columns {
	display: block !important;
}

body.cp-intro-course-page .single-top-heading + .wp-block-group > .wp-block-columns > .wp-block-column:first-child {
	display: none !important;
}

body.cp-intro-course-page .single-top-heading + .wp-block-group > .wp-block-columns > .wp-block-column:nth-child(2) {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-basis: 100% !important;
}

body.cp-intro-course-page .single-top-heading + .wp-block-group > .wp-block-columns > .wp-block-column:nth-child(2) > .wp-block-post-content ~ * {
	display: none !important;
}

body.cp-intro-course-page .learndash-wrapper--course,
body.cp-intro-course-page .learndash-wrapper--course > .ld-tabs,
body.cp-intro-course-page .learndash-wrapper--course .ld-tabs-content,
body.cp-intro-course-page .learndash-wrapper--course .ld-tab-content,
body.cp-intro-course-page .wp-block-post-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.cp-intro-course-page .learndash-wrapper--course .ld-tabs-navigation {
	display: none !important;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	overflow: clip;
	color: #263750;
	background-color: var(--cp-course-paper);
	background-image: var(--cp-site-stone-texture);
	background-repeat: repeat;
	background-size: 360px 600px;
	font-family: var(--cp-body);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course * {
	box-sizing: border-box;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course :is(h1, h2, h3, p, figure) {
	text-transform: none;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course a:focus-visible {
	border-radius: 3px;
	outline: 3px solid var(--cp-focus);
	outline-offset: 4px;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero {
	position: relative;
	isolation: isolate;
	width: 100vw;
	max-width: 100vw;
	min-height: clamp(45rem, 56.95vw, 51.25rem);
	margin: 0 calc(50% - 50vw) clamp(5rem, 9vw, 8.125rem);
	padding: 0 max(1.5rem, env(safe-area-inset-right)) 0 max(1.5rem, env(safe-area-inset-left));
	overflow: clip;
	background-color: #fdfbf6;
	background-image: var(--cp-course-apse);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero::after {
	content: "";
	position: absolute;
	z-index: 0;
	inset: auto 0 0;
	height: clamp(8rem, 12.5vw, 11.25rem);
	pointer-events: none;
	background: linear-gradient(180deg, rgb(255 253 249 / 0%), #fffdf9 100%);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero-core {
	position: relative;
	z-index: 1;
	width: min(58.125rem, 100%);
	max-width: 58.125rem;
	margin: 0 auto;
	padding-top: clamp(16.5rem, 20.84vw, 18.75rem);
	text-align: center;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__title {
	max-width: 15ch;
	margin: 0 auto;
	padding: 0;
	color: var(--cp-ink);
	font-family: var(--cp-heading);
	font-size: clamp(4.5rem, 5.7vw, 5.125rem);
	font-weight: 400;
	line-height: 0.94;
	letter-spacing: -0.035em;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__quote {
	margin: 2rem 0 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	color: var(--cp-ink);
	font-family: var(--cp-heading);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__quote p {
	margin: 0;
	color: var(--cp-ink);
	font-size: clamp(2rem, 2.36vw, 2.125rem);
	line-height: 1.08;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__quote cite {
	display: block;
	margin-top: 0.625rem;
	color: #526174;
	font-family: var(--cp-body);
	font-size: 0.94rem;
	font-style: normal;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment {
	width: min(19rem, 100%);
	max-width: 19rem;
	margin: 1.95rem auto 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__start,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__start .wp-block-button {
	width: 100%;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__start[hidden],
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment [hidden] {
	display: none !important;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment > .learndash-wrapper {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment .ld-course-status {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment .ld-course-status-seg-action {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment :is(
	.ld-course-status-label,
	.ld-text
) {
	display: none !important;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment :is(
	.ld-course-status-content,
	.ld-course-status-action,
	.learndash_checkout_buttons,
	.learndash_checkout_buttons > div,
	.learndash_checkout_buttons form
) {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment :is(
	.cp-intro-course__start .wp-block-button__link,
	.learndash_checkout_buttons button
) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	width: 100%;
	margin: 0;
	padding: 0.85rem 2.125rem;
	border: 1px solid var(--cp-ink);
	border-radius: 4px;
	color: #fff;
	background: var(--cp-ink);
	box-shadow: 0 8px 20px rgb(4 45 91 / 13%);
	font-family: var(--cp-heading);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	text-decoration: none;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment :is(
	.cp-intro-course__start .wp-block-button__link,
	.learndash_checkout_buttons button
):hover {
	background: var(--cp-ink-deep);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__login {
	margin: 0.62rem 0 0;
	font-size: 0.9rem;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__login a {
	color: var(--cp-ink);
	text-underline-offset: 0.18em;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__section {
	position: relative;
	width: min(100%, 1160px);
	max-width: 1160px;
	margin: 0 auto;
	padding: clamp(3rem, 5.5vw, 5rem) max(1.5rem, env(safe-area-inset-right)) clamp(3rem, 5.5vw, 5rem) max(1.5rem, env(safe-area-inset-left));
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__section-title {
	margin: 0 0 clamp(1.8rem, 3.5vw, 2.8rem);
	color: var(--cp-ink);
	font-family: var(--cp-heading);
	font-size: clamp(2.15rem, 3.6vw, 3.25rem);
	font-weight: 400;
	line-height: 1.04;
	text-wrap: balance;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__section-title::after {
	content: "◆";
	display: grid;
	width: min(12rem, 52vw);
	height: 1rem;
	margin: 0.75rem auto 0;
	place-items: center;
	color: var(--cp-course-gold);
	background: linear-gradient(to right, var(--cp-course-gold) 0 42%, transparent 42% 58%, var(--cp-course-gold) 58% 100%) center / 100% 1px no-repeat;
	font-family: serif;
	font-size: 0.72rem;
	line-height: 1;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	width: 100%;
	gap: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome {
	margin: 0;
	padding: 0.45rem clamp(0.75rem, 1.8vw, 1.45rem) 0.75rem;
	border-right: 1px solid var(--cp-course-line);
	text-align: center;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome:last-child {
	border-right: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome figure {
	width: 3.5rem;
	margin: 0 auto 0.8rem;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome img {
	display: block;
	width: 100%;
	height: auto;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome p {
	margin: 0;
	color: #263b55;
	font-size: 0.95rem;
	line-height: 1.42;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__journey,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how {
	width: 100%;
	max-width: none;
	background: rgb(255 255 255 / 48%);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__journey::before,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how::before,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 12px;
	background: var(--cp-course-divider) center / auto 12px repeat-x;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__journey::before,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how::before {
	top: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how::after {
	bottom: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__journey > :not(.alignwide),
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how > :not(.alignwide) {
	width: min(100%, 1160px);
	margin-inline: auto;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson-list {
	width: min(100%, 940px);
	max-width: 940px;
	margin: 0 auto;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson {
	position: relative;
	display: grid;
	grid-template-columns: 5.5rem minmax(0, 1fr) 7.5rem;
	align-items: center;
	min-height: 9.5rem;
	margin: 0;
	border-bottom: 1px solid var(--cp-course-line);
	gap: clamp(1rem, 2.8vw, 2.25rem);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:last-child {
	border-bottom: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson-number {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.25rem;
	height: 4.25rem;
	margin: 0 auto;
	border-radius: 50%;
	color: #fff;
	background: #06396a;
	box-shadow: 0 0 0 5px var(--cp-course-paper);
	font-family: var(--cp-heading);
	font-size: 1.75rem;
	line-height: 1;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:nth-child(2) .cp-intro-course__lesson-number,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:nth-child(5) .cp-intro-course__lesson-number {
	background: #7a2e1f;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:nth-child(3) .cp-intro-course__lesson-number,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:nth-child(6) .cp-intro-course__lesson-number {
	background: #46602a;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:not(:last-child)::before {
	content: "";
	position: absolute;
	top: calc(50% + 2.1rem);
	bottom: calc(-50% + 2.1rem);
	left: 2.75rem;
	width: 1px;
	background: #d0a14c;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson-copy {
	margin: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson h3 {
	margin: 0;
	font-family: var(--cp-heading);
	font-size: clamp(1.8rem, 2.8vw, 2.45rem);
	font-weight: 400;
	line-height: 1.05;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson h3 a {
	color: var(--cp-ink);
	text-decoration: none;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson h3 a:hover {
	color: #8e3528;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson-copy p {
	max-width: 38rem;
	margin: 0.35rem 0 0;
	color: #4f5968;
	font-size: 1rem;
	line-height: 1.45;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson > figure {
	width: 7rem;
	margin: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson > figure img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 145 / 160;
	object-fit: contain;
	mix-blend-mode: multiply;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: min(100%, 1060px);
	max-width: 1060px;
	margin: 0 auto;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item {
	margin: 0;
	padding: 0.9rem clamp(1rem, 2vw, 1.7rem);
	border-right: 1px solid var(--cp-course-line);
	text-align: center;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item:last-child {
	border-right: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item figure {
	width: 3.25rem;
	margin: 0 auto 0.85rem;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item img {
	display: block;
	width: 100%;
	height: auto;
	mix-blend-mode: multiply;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item h3 {
	margin: 0;
	color: var(--cp-ink);
	font-family: var(--cp-heading);
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.1;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item p {
	margin: 0.5rem 0 0;
	color: #4f5968;
	font-size: 0.9rem;
	line-height: 1.45;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__source-grid {
	gap: clamp(1rem, 3vw, 2.3rem);
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__source-grid figure {
	margin: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__source-grid img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 1px solid rgb(171 127 54 / 28%);
	border-radius: 6px;
	clip-path: inset(0 round 6px);
	object-fit: cover;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__source-grid figcaption {
	margin-top: 0.75rem;
	color: #4f5968;
	font-family: var(--cp-body);
	font-size: 0.9rem;
	line-height: 1.42;
	text-align: left;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__source-grid figcaption strong {
	color: var(--cp-ink);
	font-family: var(--cp-heading);
	font-size: 1.15rem;
	font-weight: 400;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing {
	display: grid;
	grid-template-columns: 7.5rem minmax(0, 1fr);
	align-items: center;
	margin-bottom: clamp(3rem, 6vw, 5.5rem);
	padding: clamp(1.6rem, 3vw, 2.5rem);
	border: 1px solid rgb(171 127 54 / 32%);
	border-radius: 4px;
	background: rgb(255 255 255 / 54%);
	box-shadow: inset 0 0 0 7px rgb(255 255 255 / 28%);
	column-gap: clamp(1rem, 3vw, 2rem);
	text-align: left;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing-mark {
	grid-row: 1 / 3;
	width: 7rem;
	margin: 0;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing-mark img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 108 / 104;
	object-fit: contain;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing h2 {
	margin: 0;
	color: var(--cp-ink);
	font-family: var(--cp-heading);
	font-size: clamp(2rem, 3.4vw, 3rem);
	font-weight: 400;
	line-height: 1.04;
	text-align: left;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing > p {
	max-width: 44rem;
	margin: 0.55rem 0 0;
	line-height: 1.5;
	text-align: left;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing .cp-intro-course__start,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing .cp-intro-course__login {
	grid-column: 1 / -1;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing .cp-intro-course__start {
	margin-top: 1.2rem;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing .cp-intro-course__login {
	text-align: center;
}

:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course-enhanced > .learndash-shortcode-wrap-course_content-4068282_4068282_11,
:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course-enhanced > [data-cp-intro-native-curriculum="hidden"] {
	display: none !important;
}

@media (max-width: 900px) {
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero {
		min-height: 43rem;
		margin-bottom: 6rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero-core {
		padding-top: 15rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__title {
		font-size: clamp(3.75rem, 7vw, 4.25rem);
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome {
		padding-block: 1.35rem;
		border-bottom: 1px solid var(--cp-course-line);
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome:nth-child(even) {
		border-right: 0;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome:last-child {
		grid-column: 1 / -1;
		border-bottom: 0;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item {
		padding: 1.4rem;
		border-bottom: 1px solid var(--cp-course-line);
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item:nth-child(even) {
		border-right: 0;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item:nth-last-child(-n + 2) {
		border-bottom: 0;
	}
}

@media (max-width: 620px) {
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course {
		--cp-course-apse: url("../images/course/course-apse-bright-calm-mobile.webp");
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero {
		min-height: clamp(45rem, 194.87vw, 47.5rem);
		margin-bottom: 5rem;
		padding: 0 max(1.875rem, env(safe-area-inset-right)) 0 max(1.875rem, env(safe-area-inset-left));
		background-size: min(100%, 30rem) auto;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero::after {
		height: 7.5rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero-core {
		width: min(20.625rem, 100%);
		max-width: 20.625rem;
		padding-top: clamp(12.625rem, 63.08vw, 15.375rem);
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__title {
		font-size: clamp(2.625rem, 11.54vw, 2.8125rem);
		line-height: 0.96;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__quote {
		margin-top: 1.75rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__quote p {
		font-size: 1.8125rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__quote cite {
		font-size: 0.8125rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment {
		width: 100%;
		max-width: 100%;
		margin-top: 1.75rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__enrollment :is(
		.cp-intro-course__start .wp-block-button__link,
		.learndash_checkout_buttons button
	) {
		min-height: 50px;
		padding-inline: 1.5rem;
		font-size: 1.0625rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__section {
		padding: 3.2rem max(1rem, env(safe-area-inset-right)) 3.2rem max(1rem, env(safe-area-inset-left));
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__section-title {
		font-size: clamp(2rem, 9.2vw, 2.75rem);
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item h3 {
		font-size: 1.08rem;
		word-break: normal;
		overflow-wrap: normal;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson {
		grid-template-columns: 3.75rem minmax(0, 1fr) 5.35rem;
		min-height: 7.8rem;
		gap: 0.75rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson-number {
		width: 3.25rem;
		height: 3.25rem;
		box-shadow: 0 0 0 4px var(--cp-course-paper);
		font-size: 1.4rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:not(:last-child)::before {
		top: calc(50% + 1.6rem);
		bottom: calc(-50% + 1.6rem);
		left: 1.88rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson h3 {
		font-size: clamp(1.45rem, 6.8vw, 1.9rem);
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson-copy p {
		font-size: 0.86rem;
		line-height: 1.36;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson > figure {
		width: 5.15rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__source-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing {
		display: block;
		margin-right: 1rem;
		margin-bottom: 3rem;
		margin-left: 1rem;
		padding: 1.8rem 1.2rem;
		text-align: center;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing-mark {
		width: 6.2rem;
		margin: 0 auto 0.7rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing h2,
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing > p {
		text-align: center;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__closing > p {
		margin-inline: auto;
	}
}

@media (max-width: 390px) {
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__hero {
		padding-right: max(0.9rem, env(safe-area-inset-right));
		padding-left: max(0.9rem, env(safe-area-inset-left));
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__outcome p,
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__how-item p {
		font-size: 0.86rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson {
		grid-template-columns: 3.4rem minmax(0, 1fr) 4.65rem;
		gap: 0.55rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson-number {
		width: 3rem;
		height: 3rem;
		font-size: 1.3rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson:not(:last-child)::before {
		left: 1.7rem;
	}

	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course__lesson > figure {
		width: 4.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course *,
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course *::before,
	:is(body.cp-intro-course-page, .editor-styles-wrapper) .cp-intro-course *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}