/* SleepBaby.org 2.4.3 — April article-to-workshop handoff.
 * Exactly 25 customer-facing improvements. This layer is presentation-only:
 * protected copy, reviews, destinations, pricing, and checkout logic are untouched. */

/* 01 — Preserve one continuous reading canvas from article to workshop. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer {
	position: relative;
	isolation: isolate;
	margin-top: 0 !important;
	padding-top: 0 !important;
	overflow: clip;
	background:
		radial-gradient(circle at 14% 8%, rgba(216, 196, 222, .28), transparent 27rem),
		linear-gradient(180deg, #fffaf3 0%, #f8f4f8 52%, #f2faf7 100%) !important;
}

/* 02 — Add a quiet editorial seam instead of a hard “new section” divider. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 50%;
	width: min(74vw, 720px);
	height: 1px;
	background: linear-gradient(90deg, transparent, #bfaec5 18%, #7f6c8b 50%, #bfaec5 82%, transparent);
	transform: translateX(50%);
	pointer-events: none;
}

/* 03 — Give the opening card a premium inset frame that still attaches to the article. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero__card {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-color: #cbbdce !important;
	background:
		linear-gradient(145deg, rgba(255, 254, 250, .99), rgba(250, 245, 251, .96) 65%, rgba(241, 249, 246, .94)),
		var(--sbh2020-night-sky) center 65% / cover no-repeat !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, .95) inset,
		0 24px 64px rgba(57, 43, 75, .14) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero__card::after {
	content: "";
	position: absolute;
	z-index: -1;
	right: -72px;
	bottom: -104px;
	width: 260px;
	height: 260px;
	border: 1px solid rgba(114, 91, 127, .18);
	border-radius: 50%;
	box-shadow: 0 0 0 34px rgba(143, 187, 173, .07), 0 0 0 70px rgba(142, 111, 154, .05);
	pointer-events: none;
}

/* 04 — Improve opening headline measure, hierarchy, and scanning. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero h2 {
	max-width: 18ch;
	margin: 0 0 clamp(18px, 2.8vw, 26px) !important;
	color: #30243d !important;
	font-family: "Times New Roman", Times, serif !important;
	font-size: clamp(35px, 5.1vw, 56px) !important;
	font-weight: 700 !important;
	letter-spacing: -.035em !important;
	line-height: 1.01 !important;
	text-wrap: balance;
}

/* 05 — Turn the opening subhead into a readable editorial pull-forward. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero p {
	position: relative;
	max-width: 54ch !important;
	margin: 0 !important;
	padding-left: 18px;
	border-left: 3px solid #8ea99f;
	color: #55455d !important;
	font-family: "Times New Roman", Times, serif !important;
	font-size: clamp(19px, 2.2vw, 23px) !important;
	line-height: 1.48 !important;
}

/* 06 — Make every April action look like one coherent, premium CTA system. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download {
	display: inline-flex !important;
	min-height: 56px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 15px 25px !important;
	border: 1px solid rgba(255, 255, 255, .44) !important;
	border-radius: 14px !important;
	color: #fffdf8 !important;
	background: linear-gradient(135deg, #342843, #624d70 54%, #456a66) !important;
	box-shadow: 0 12px 26px rgba(44, 34, 58, .24), 0 1px 0 rgba(255, 255, 255, .18) inset !important;
	font-family: "Times New Roman", Times, serif !important;
	font-size: clamp(18px, 2vw, 21px) !important;
	font-weight: 700 !important;
	letter-spacing: .005em !important;
	line-height: 1.2 !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(24, 17, 34, .28);
}

/* 07 — Reward hover, keyboard focus, and press without distracting dance motion. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:hover {
	background: linear-gradient(135deg, #443252, #765a80 54%, #527b75) !important;
	box-shadow: 0 16px 34px rgba(44, 34, 58, .28), 0 1px 0 rgba(255, 255, 255, .24) inset !important;
	transform: translateY(-2px);
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:active {
	box-shadow: 0 7px 16px rgba(44, 34, 58, .22) !important;
	transform: translateY(1px) scale(.995);
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:focus-visible {
	outline: 3px solid #f3cfe0 !important;
	outline-offset: 4px !important;
	box-shadow: 0 0 0 7px rgba(77, 63, 92, .24), 0 14px 30px rgba(44, 34, 58, .25) !important;
}

/* 08 — Standardize the long-form reading measure and book-like typography. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-reading {
	width: min(calc(100% - 36px), 730px) !important;
	font-family: "Times New Roman", Times, serif !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-reading p,
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card__body p,
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial__copy p {
	color: #493c50 !important;
	font-family: "Times New Roman", Times, serif !important;
	font-size: clamp(18px, 1.75vw, 20px) !important;
	line-height: 1.72 !important;
}

/* 09 — Use disciplined paragraph rhythm so the long pitch never feels sparse. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-reading p + p,
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card__body p + p,
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial__copy p + p {
	margin-top: .9em !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-reading p:last-child,
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card__body p:last-child,
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial__copy p:last-child {
	margin-bottom: 0 !important;
}

/* 10 — Give all section headings a consistent, high-contrast editorial hierarchy. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-intro, .sbh2020-science, .sbh2020-story, .sbh2020-tips, .sbh2020-discover, .sbh2020-bonuses) h2 {
	color: #31253d !important;
	font-family: "Times New Roman", Times, serif !important;
	font-weight: 700 !important;
	letter-spacing: -.028em !important;
	line-height: 1.08 !important;
	text-wrap: balance;
}

/* 11 — Present the scientific section as a calm evidence panel. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science .sbh2020-reading {
	position: relative;
	padding: clamp(28px, 5vw, 48px);
	border: 1px solid #d2c6d6;
	border-radius: 24px;
	background: rgba(255, 254, 250, .84);
	box-shadow: 0 18px 48px rgba(74, 56, 86, .09);
}

/* 12 — Keep the scientific image crisp and intentionally composed. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science h2::after {
	margin-top: clamp(22px, 3vw, 30px) !important;
	margin-bottom: clamp(25px, 3.5vw, 34px) !important;
	border-color: #bfaec6 !important;
	background-position: center 40% !important;
	box-shadow: 0 18px 40px rgba(58, 43, 73, .15) !important;
}

/* 13 — Refine the founder photograph into an intentional editorial break. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-photo-break {
	position: relative;
	border-color: #bdaec4 !important;
	box-shadow: 0 22px 54px rgba(67, 50, 81, .14) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-photo-break::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 8px solid rgba(255, 253, 248, .32);
	border-radius: inherit;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .48) inset;
	pointer-events: none;
}

/* 14 — Make the personal story quote a strong reading reset. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-story blockquote {
	position: relative;
	margin: clamp(28px, 4vw, 40px) 0 0 !important;
	padding: clamp(24px, 4vw, 34px) clamp(24px, 4.5vw, 42px) !important;
	border: 1px solid #c7b9cc !important;
	border-left: 5px solid #75607e !important;
	border-radius: 0 18px 18px 0 !important;
	color: #3d3047 !important;
	background: linear-gradient(135deg, #fffdf9, #f6eef7) !important;
	box-shadow: 0 12px 30px rgba(73, 55, 85, .09);
	font-family: "Times New Roman", Times, serif !important;
	font-size: clamp(20px, 2.4vw, 25px) !important;
	line-height: 1.52 !important;
}

/* 15 — Keep all three tip cards equal, compact, and easy to compare. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tips .sbh2020-reading {
	width: min(calc(100% - 36px), 1180px) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip {
	height: 100%;
	justify-content: flex-start;
	border-color: #c5b7ca !important;
	background: linear-gradient(155deg, #fffefb 0%, #faf4fb 58%, #f3faf7 100%) !important;
	box-shadow: 0 14px 34px rgba(70, 52, 83, .1) !important;
}

/* 16 — Give tip artwork a consistent premium medallion treatment. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip img {
	box-sizing: content-box;
	padding: 12px;
	border: 1px solid #d5c9d8;
	border-radius: 50%;
	background: linear-gradient(145deg, #fff, #f5edf7);
	box-shadow: 0 8px 20px rgba(65, 48, 77, .1);
}

/* 17 — Add restrained depth feedback to scannable tip cards. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:hover {
	border-color: #9c88a4 !important;
	box-shadow: 0 20px 44px rgba(70, 52, 83, .15) !important;
	transform: translateY(-3px);
}

/* 18 — Turn the faster-path aside into a clear, premium decision bridge. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster {
	padding: clamp(24px, 4vw, 34px) !important;
	border: 1px solid #a99bb0 !important;
	border-radius: 20px !important;
	color: #fffdf8 !important;
	background: linear-gradient(135deg, #372b46, #584565 54%, #3f625f) !important;
	box-shadow: 0 18px 42px rgba(47, 36, 61, .2) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster :is(h2, p) {
	color: #fffdf8 !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster__icon {
	border: 1px solid rgba(255, 255, 255, .38);
	background: rgba(255, 255, 255, .12) !important;
	box-shadow: 0 8px 20px rgba(20, 15, 30, .18);
}

/* 19 — Give the discover section a focused maximum width and tighter rhythm. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover .sbh2020-reading {
	width: min(calc(100% - 36px), 920px) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover > .sbh2020-reading > h2 {
	margin-bottom: clamp(24px, 4vw, 34px) !important;
	font-size: clamp(34px, 5vw, 52px) !important;
	text-align: center;
}

/* 20 — Make the included outcomes quickly scannable without changing a word. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box {
	padding: clamp(26px, 5vw, 46px) !important;
	border: 1px solid #bcaec2 !important;
	border-radius: 24px !important;
	background: linear-gradient(145deg, #fffefb, #f7f0f8 64%, #eef8f4) !important;
	box-shadow: 0 18px 48px rgba(69, 52, 82, .12) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box li {
	align-items: flex-start !important;
	padding: 14px 0 !important;
	border-bottom: 1px solid rgba(128, 106, 139, .18);
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box li > span {
	display: inline-grid;
	width: 34px !important;
	height: 34px;
	flex: 0 0 34px;
	place-items: center;
	border-radius: 50%;
	color: #fff !important;
	background: #695576 !important;
}

/* 21 — Center and widen the post-discovery action at the decision point. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover .sbh2020-download--bridge {
	display: flex !important;
	width: min(100%, 520px) !important;
	margin: clamp(26px, 4vw, 38px) auto 0 !important;
}

/* 22 — Make bonuses look like a cohesive included collection, not three ads. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card {
	border: 1px solid #c6b8cb !important;
	border-radius: 20px !important;
	background: linear-gradient(155deg, #fffefb, #f9f3fa 62%, #eef8f4) !important;
	box-shadow: 0 16px 40px rgba(69, 52, 82, .11) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card > img {
	filter: drop-shadow(0 12px 14px rgba(52, 39, 66, .17));
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card h2 {
	font-size: clamp(28px, 3.1vw, 38px) !important;
	text-align: center;
}

/* 23 — Strengthen verified review cards and portrait credibility. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial {
	border: 1px solid #c4b7c9 !important;
	border-radius: 20px !important;
	box-shadow: 0 15px 38px rgba(66, 49, 79, .11) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial > img {
	border-color: #fffdf8 !important;
	box-shadow: 0 0 0 1px #a994b0, 0 8px 18px rgba(57, 42, 70, .17) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial h3 {
	color: #3d3047 !important;
	font-family: "Times New Roman", Times, serif !important;
	font-size: 21px !important;
}

/* 24 — Make the final decision panel exceptionally legible over the night sky. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta__inner {
	border-color: rgba(255, 255, 255, .38) !important;
	background: linear-gradient(145deg, rgba(41, 31, 54, .94), rgba(31, 48, 59, .92)) !important;
	box-shadow: 0 28px 76px rgba(17, 12, 29, .42), 0 1px 0 rgba(255, 255, 255, .15) inset !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta h2 {
	color: #fffdf8 !important;
	font-family: "Times New Roman", Times, serif !important;
	font-size: clamp(38px, 6vw, 62px) !important;
	letter-spacing: -.035em !important;
	line-height: 1 !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .3);
	text-wrap: balance;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta .sbh2020-download {
	width: min(100%, 540px) !important;
	margin-top: 12px !important;
	background: linear-gradient(135deg, #7a607f, #5f496c 48%, #527a73) !important;
}

/* 25 — Protect mobile polish, safe areas, and motion preferences. */
@media (max-width: 767px) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero__card {
		padding-top: 32px !important;
		padding-bottom: 38px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero h2 {
		font-size: clamp(32px, 9.5vw, 40px) !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download {
		width: 100% !important;
		min-height: 58px;
		padding-right: 16px !important;
		padding-left: 16px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science .sbh2020-reading,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box {
		padding: 24px 18px !important;
		border-radius: 18px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster {
		align-items: flex-start !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta {
		padding-bottom: calc(54px + env(safe-area-inset-bottom)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer *,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer *::before,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:hover,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:hover,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:active {
		transform: none;
	}
}