/* SleepBaby.org 2.4.4 — April article-to-workshop refinement layer.
 * Exactly 100 additional customer-facing improvements, globally numbered
 * 201–300. Load after april-v243.css. Presentation only: protected wording,
 * reviews, destinations, pricing, checkout behavior, and JavaScript stay intact. */

/* 201 — Unify the continuation's contrast-safe palette and inherited reading face. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer {
	--sb244-ink: #30243a;
	--sb244-copy: #493c50;
	--sb244-muted: #5f5066;
	--sb244-plum: #4b3658;
	--sb244-plum-deep: #31243d;
	--sb244-mint: #edf8f4;
	--sb244-rose: #fbf0f5;
	--sb244-lavender: #f3eef8;
	--sb244-sky: #edf5f8;
	--sb244-cream: #fffaf3;
	--sb244-paper: #fffefa;
	--sb244-border: #c2b3c7;
	--sb244-focus: #583d68;
	--sb244-shadow: 0 18px 48px rgba(55, 41, 68, .12);
	color: #493c50;
	font-family: "Times New Roman", Times, serif;
	font-synthesis: none;
}

/* 202 — Keep the continuation full-width without allowing decorative spill. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer {
	inline-size: 100%;
	max-inline-size: 100%;
	overflow-x: clip;
	background: linear-gradient(180deg, #fffaf3 0%, #fbf6f8 46%, #f1faf6 100%) !important;
}

/* 203 — Normalize mobile text scaling and the inherited April text color. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020.sbh2020-embedded {
	color: var(--sb244-copy) !important;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* 204 — Give the complete handoff one stable stacking and sizing context. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-main {
	position: relative;
	isolation: isolate;
	min-inline-size: 0;
	background: transparent;
}

/* 205 — Isolate every chapter so decorative layers cannot cover later proof or actions. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-main > section {
	position: relative;
	isolation: isolate;
	min-inline-size: 0;
}

/* 206 — Reserve a more realistic height while deferred sections approach view. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-main > section {
	contain-intrinsic-size: auto 780px;
}

/* 207 — Keep selected wording legible in the light and dark portions of the journey. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer ::selection {
	color: #fff;
	background: #624b70;
}

/* 208 — Prevent long localized words, email addresses, and labels from escaping. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(h2, h3, p, li, blockquote, a, small) {
	max-inline-size: 100%;
	overflow-wrap: anywhere;
}

/* 209 — Protect paragraphs from awkward last-line fragments across narrow widths. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(p, li, blockquote) {
	hyphens: manual;
	orphans: 3;
	text-wrap: pretty;
	widows: 3;
}

/* 210 — Close sub-pixel seams between adjacent painted sections. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-main > section + section {
	margin-block-start: -1px;
	background-clip: padding-box;
}

/* 211 — Preserve the article-to-offer seam with safe inline gutters. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero {
	padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)) !important;
	background: transparent !important;
}

/* 212 — Refine the handoff card into a broad editorial continuation sheet. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero__card {
	inline-size: min(calc(100% - 12px), 900px) !important;
	padding: clamp(36px, 5vw, 58px) clamp(20px, 5.5vw, 62px) clamp(40px, 6vw, 64px) !important;
	border: 1px solid var(--sb244-border) !important;
	border-block-start: 0 !important;
	border-radius: 0 0 clamp(22px, 3vw, 32px) clamp(22px, 3vw, 32px) !important;
	box-shadow: 0 28px 72px rgba(55, 41, 68, .14), 0 1px 0 rgba(255, 255, 255, .92) inset !important;
}

/* 213 — Add a quiet top rule that visually continues the article measure. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero__card::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0 clamp(20px, 5.5vw, 62px) auto;
	height: 2px;
	background: linear-gradient(90deg, transparent, #8faea4 22%, #745e80 50%, #d5aebe 78%, transparent);
	pointer-events: none;
}

/* 214 — Soften the existing orbital decoration behind, never over, the words. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero__card::after {
	right: -54px;
	bottom: -82px;
	width: 230px;
	height: 230px;
	opacity: .72;
}

/* 215 — Balance the opening promise at an intentional editorial measure. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero h2 {
	max-inline-size: 17ch;
	color: var(--sb244-ink) !important;
	font-size: clamp(36px, 5vw, 58px) !important;
	line-height: 1.015 !important;
	text-wrap: balance;
}

/* 216 — Prevent the opening heading from hyphenating into distracting fragments. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero h2 {
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

/* 217 — Give the emotional subhead a calm, readable line length. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero p {
	max-inline-size: 52ch !important;
	color: #514158 !important;
	font-size: clamp(19px, 2vw, 23px) !important;
	line-height: 1.52 !important;
}

/* 218 — Clarify the subhead as the bridge from article answer to next step. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero p {
	padding-inline-start: clamp(15px, 2.2vw, 21px);
	border-inline-start: 4px solid #779e92;
}

/* 219 — Anchor the first purchase choice to the left-hand reading edge. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero .sbh2020-download--bridge {
	inline-size: min(100%, 500px) !important;
	margin: clamp(26px, 4vw, 34px) 0 0 !important;
}

/* 220 — Guarantee a generous, resilient target for all three purchase choices. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download {
	min-block-size: 58px;
	max-inline-size: 100%;
	padding: 15px clamp(18px, 3vw, 28px) !important;
	touch-action: manipulation;
}

/* 221 — Keep the directional glyph aligned and visually subordinate. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download > span {
	display: inline-grid;
	min-width: 20px;
	place-items: center;
	font-size: 1.3em !important;
	line-height: .8 !important;
	transition: transform .18s ease;
}

/* 222 — Limit directional movement to devices that actually support hover. */
@media (hover: hover) and (pointer: fine) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:hover > span {
		transform: translateX(4px);
	}
}

/* 223 — Make the pressed state feel immediate without shrinking the text. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:active {
	filter: brightness(.96) saturate(.96);
	transform: translateY(1px) !important;
}

/* 224 — Standardize a strong, unclipped keyboard-focus treatment. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020 a:focus-visible {
	outline: 3px solid var(--sb244-focus) !important;
	outline-offset: 4px !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:focus-visible {
	outline-color: #f6d9e7 !important;
	box-shadow: 0 0 0 7px rgba(70, 50, 83, .34), 0 16px 34px rgba(44, 34, 58, .26) !important;
}

/* 225 — Keep visited actions visually consistent and remove harsh tap flashes. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:visited {
	color: #fffdf8 !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020 a {
	-webkit-tap-highlight-color: rgba(88, 61, 104, .2);
}

/* 226 — Ease readers into the pitch with measured opening whitespace. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-intro {
	padding-block: clamp(44px, 6vw, 68px) !important;
	background: linear-gradient(180deg, rgba(255, 250, 243, .98), rgba(255, 254, 250, .98)) !important;
}

/* 227 — Align the introduction precisely with the long-form reading column. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-intro .sbh2020-reading {
	inline-size: min(calc(100% - 32px), 710px) !important;
	padding-inline: clamp(2px, 1vw, 8px);
}

/* 228 — Use the first paragraph as a composed editorial lead-in. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-intro p:first-child {
	color: #3f3048 !important;
	font-size: clamp(20px, 2vw, 22px) !important;
	line-height: 1.62 !important;
}

/* 229 — Let the existing opening emphasis carry clear typographic weight. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-intro p:first-child strong {
	color: #392743;
	font-weight: 700 !important;
	text-decoration-color: #95b8ad;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* 230 — Tighten introduction rhythm while keeping the original sequence intact. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-intro p + p {
	margin-block-start: 1em !important;
}

/* 231 — Give the science chapter a quiet evidence-colored field. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science {
	padding-block: clamp(52px, 7vw, 80px) !important;
	background: linear-gradient(180deg, #fffefa 0%, #f5f0f8 14%, #eef7f4 100%) !important;
}

/* 232 — Refine the science panel boundary without turning prose into decoration. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science .sbh2020-reading {
	inline-size: min(calc(100% - 32px), 760px) !important;
	padding: clamp(28px, 5vw, 52px) !important;
	border-color: #b9a9c0 !important;
	background: rgba(255, 254, 250, .94) !important;
	box-shadow: 0 22px 58px rgba(62, 45, 76, .11), 0 1px 0 #fff inset !important;
}

/* 233 — Keep the science heading compact, balanced, and unmistakable. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science h2 {
	max-inline-size: 17ch;
	margin-inline: auto !important;
	font-size: clamp(34px, 4.5vw, 50px) !important;
	line-height: 1.06 !important;
	text-align: center;
	text-wrap: balance;
}

/* 234 — Give the evidence image a reliable ratio and graceful color fallback. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science h2::after {
	aspect-ratio: 16 / 9 !important;
	min-block-size: 220px;
	border-radius: 20px !important;
	background-color: #e7ddd7 !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* 235 — Preserve a comfortable evidence-reading measure below the image. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-science p {
	max-inline-size: 64ch;
	margin-inline: auto;
	line-height: 1.7 !important;
}

/* 236 — Turn the founder image into a stable, responsive editorial plate. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-photo-break {
	inline-size: min(calc(100% - 32px), 840px) !important;
	min-block-size: 0 !important;
	aspect-ratio: 16 / 9;
	border-color: #aa97b2 !important;
	background: #e9ded8 !important;
}

/* 237 — Safeguard founder-image crop, loading fallback, and resolution. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-photo-break__image {
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 0 !important;
	background-color: #e9ded8;
	background-position: center 40% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	image-rendering: auto;
}

/* 238 — Let the personal story return to a calm paper reading surface. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-story {
	padding-block: clamp(52px, 7vw, 78px) !important;
	background: linear-gradient(180deg, #fffaf3, #fffefa 18%, #fffefa 82%, #fffaf3) !important;
}

/* 239 — Give story subheads a visible but restrained chapter marker. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-story h3 {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-block: clamp(32px, 5vw, 44px) 14px !important;
	color: #3d2d47 !important;
	font-size: clamp(23px, 2.5vw, 28px) !important;
	line-height: 1.2 !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-story h3::after {
	content: "";
	min-width: 42px;
	height: 1px;
	flex: 1;
	background: linear-gradient(90deg, #b8a5be, transparent);
}

/* 240 — Make the existing story quote a premium, highly readable pause. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-story blockquote {
	max-inline-size: 660px;
	margin-inline: auto !important;
	padding: clamp(26px, 4vw, 38px) clamp(22px, 4.5vw, 44px) !important;
	border-inline-start-color: #674e73 !important;
	color: #382a42 !important;
	background: linear-gradient(135deg, #fffefa, #f5edf7 68%, #edf7f3) !important;
	box-shadow: 0 16px 42px rgba(62, 45, 76, .1);
}

/* 241 — Give the practical-tips chapter a clear, breathable field. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tips {
	padding-block: clamp(56px, 8vw, 90px) !important;
	background: linear-gradient(180deg, #fffaf3, #eff8f5 10%, #eff8f5 90%, #fffaf3) !important;
}

/* 242 — Stabilize the tips grid and preserve equal columns at every breakpoint. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tips .sbh2020-reading {
	inline-size: min(calc(100% - 32px), 1200px) !important;
	gap: clamp(18px, 2.2vw, 26px) !important;
	align-items: stretch;
}

/* 243 — Strengthen the tips heading without competing with the article title. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-section-title {
	max-inline-size: 22ch;
	margin: 0 auto clamp(26px, 4vw, 40px) !important;
	color: var(--sb244-ink) !important;
	font-size: clamp(32px, 4vw, 46px) !important;
	line-height: 1.08 !important;
	text-wrap: balance;
}

/* 244 — Add a small, nonverbal chapter flourish beneath the tips heading. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-section-title::after {
	content: "";
	display: block;
	width: 68px;
	height: 3px;
	margin: 18px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #7fa79b, #755f80, #d3a8bb);
}

/* 245 — Give each tip a durable, equal-height premium paper construction. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip {
	min-inline-size: 0;
	min-block-size: 100%;
	padding: clamp(24px, 3vw, 34px) !important;
	border-radius: 22px !important;
	box-shadow: 0 16px 38px rgba(59, 43, 72, .1), 0 1px 0 #fff inset !important;
}

/* 246 — Distinguish the three tips with related, purpose-specific surfaces. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(1) {
	background: linear-gradient(155deg, #fffefa, #fbf0f5 66%, #f2f8f5) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(2) {
	background: linear-gradient(155deg, #fffefa, #f3eef8 66%, #eef6f8) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(3) {
	background: linear-gradient(155deg, #fffefa, #edf5f8 66%, #eff8f3) !important;
}

/* 247 — Give each tip a clear color-keyed top boundary. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(1) { border-block-start: 4px solid #b87591 !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(2) { border-block-start: 4px solid #806a9a !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(3) { border-block-start: 4px solid #4f817d !important; }

/* 248 — Preserve consistent tip-art geometry even if intrinsic metadata fails. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip img {
	inline-size: clamp(104px, 10vw, 124px) !important;
	block-size: clamp(104px, 10vw, 124px) !important;
	aspect-ratio: 1;
	object-fit: contain !important;
}

/* 249 — Match each tip illustration halo to its section accent. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(1) img { background: linear-gradient(145deg, #fff, #f9e9f0) !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(2) img { background: linear-gradient(145deg, #fff, #eee8f6) !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:nth-of-type(3) img { background: linear-gradient(145deg, #fff, #e8f4f2) !important; }

/* 250 — Improve tip-title consistency and protect short-word wrapping. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip h2 {
	max-inline-size: 16ch;
	margin: 0 auto 20px !important;
	color: #34263f !important;
	font-size: clamp(27px, 2.6vw, 34px) !important;
	line-height: 1.08 !important;
	text-wrap: balance;
}

/* 251 — Keep dense tip copy readable and consistently spaced. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip p {
	color: #4b3e52 !important;
	font-size: clamp(18px, 1.55vw, 19.5px) !important;
	line-height: 1.68 !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip p + p {
	margin-block-start: .95em !important;
}

/* 252 — Remove false click affordance from the non-interactive tip cards. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tip:hover {
	border-color: var(--sb244-border) !important;
	box-shadow: 0 16px 38px rgba(59, 43, 72, .1), 0 1px 0 #fff inset !important;
	transform: none !important;
}

/* 253 — Rebuild the faster-path bridge as a balanced icon-and-copy grid. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster {
	grid-template-columns: minmax(132px, 168px) minmax(0, 1fr) !important;
	gap: 0;
	align-items: stretch !important;
	margin-top: clamp(18px, 3vw, 30px) !important;
	padding: 0 !important;
	overflow: hidden;
}

/* 254 — Give the moon mark a calm, bounded visual anchor. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster__icon {
	min-block-size: 100% !important;
	border: 0 !important;
	border-inline-end: 1px solid rgba(255, 255, 255, .28) !important;
	border-radius: 0 !important;
	background: rgba(255, 255, 255, .1) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster__icon span {
	width: 78px;
	height: 78px;
	border-color: rgba(255, 255, 255, .68);
	font-size: 44px;
}

/* 255 — Improve faster-path heading and copy measure inside the dark bridge. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster > div:last-child {
	padding: clamp(26px, 4vw, 40px) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster h2 {
	margin-bottom: 12px !important;
	font-size: clamp(27px, 3vw, 36px) !important;
	line-height: 1.12 !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster p {
	max-inline-size: 60ch;
	font-size: clamp(18px, 1.7vw, 20px) !important;
	line-height: 1.62 !important;
}

/* 256 — Mark discovery as the transition from teaching to package details. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover {
	padding-block: clamp(58px, 8vw, 88px) !important;
	background: linear-gradient(180deg, #fffaf3, #f3eef8 16%, #eef8f4 100%) !important;
}

/* 257 — Give discovery enough width for scanning without stretching prose. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover .sbh2020-reading {
	inline-size: min(calc(100% - 32px), 960px) !important;
}

/* 258 — Balance and sharpen the discovery heading. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover > .sbh2020-reading > h2 {
	max-inline-size: 18ch;
	margin: 0 auto clamp(28px, 4vw, 40px) !important;
	color: #31243d !important;
	font-size: clamp(36px, 5vw, 54px) !important;
	line-height: 1.04 !important;
	text-wrap: balance;
}

/* 259 — Add a restrained discovery-heading underline instead of extra copy. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover > .sbh2020-reading > h2::after {
	content: "";
	display: block;
	width: 76px;
	height: 3px;
	margin: 18px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #8aac9f, #7a6284, #d2aabe);
}

/* 260 — Make the included-outcomes panel feel substantial, not promotional. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box {
	margin: 0 !important;
	padding: clamp(28px, 5vw, 48px) !important;
	border-color: #b29fba !important;
	background: linear-gradient(145deg, #fffefa, #f8f1f8 62%, #edf7f3) !important;
	box-shadow: 0 22px 58px rgba(62, 45, 76, .12), 0 1px 0 #fff inset !important;
}

/* 261 — Build an adaptive outcome grid that never squeezes below readable width. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
	gap: 0 clamp(22px, 4vw, 38px);
}

/* 262 — Give each discovery outcome a consistent scan row and separator. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box li {
	min-inline-size: 0;
	margin: 0 !important;
	padding-block: 16px !important;
	border-bottom: 1px solid rgba(104, 83, 116, .2);
}

/* 263 — Strengthen the icon circles while preserving their exact symbols. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box li > span {
	width: 36px !important;
	height: 36px !important;
	flex-basis: 36px !important;
	border: 1px solid rgba(255, 255, 255, .58);
	background: #5a4568 !important;
	box-shadow: 0 5px 14px rgba(67, 48, 79, .18);
	font-size: 18px !important;
}

/* 264 — Keep outcome copy compact while retaining full legibility. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box li p {
	color: #47394e !important;
	font-size: clamp(17.5px, 1.6vw, 19px) !important;
	line-height: 1.55 !important;
}

/* 265 — Separate the existing discovery close as the list’s conclusion. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover__box > strong {
	margin-top: clamp(26px, 4vw, 38px) !important;
	padding-top: 22px;
	border-top: 1px solid rgba(104, 83, 116, .24);
	color: #372942;
	font-size: clamp(19px, 2vw, 22px);
}

/* 266 — Give the middle purchase action its own comfortable decision space. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover .sbh2020-download--bridge {
	inline-size: min(100%, 540px) !important;
	margin: clamp(32px, 5vw, 46px) auto 0 !important;
}

/* 267 — Distinguish the middle action with a related mint-plum finish. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-discover .sbh2020-download--bridge {
	background: linear-gradient(135deg, #3e2d4b, #5d4869 52%, #3e6963) !important;
	box-shadow: 0 14px 32px rgba(48, 35, 61, .24), 0 1px 0 rgba(255, 255, 255, .2) inset !important;
}

/* 268 — Give the bonus collection its own premium paper chapter. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses {
	inline-size: min(calc(100% - 32px), 1200px) !important;
	padding-block: clamp(62px, 8vw, 94px) !important;
	background: transparent !important;
}

/* 269 — Center the bonus heading at a controlled, readable scale. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses__title h2 {
	max-inline-size: 18ch;
	margin: 0 auto !important;
	color: var(--sb244-ink) !important;
	font-size: clamp(36px, 5vw, 54px) !important;
	line-height: 1.04 !important;
	text-align: center;
	text-wrap: balance;
}

/* 270 — Add a collection marker beneath the unchanged bonus heading. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses__title h2::after {
	content: "";
	display: block;
	width: 76px;
	height: 3px;
	margin: 18px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #d1a5b8, #80678b, #85aa9f);
}

/* 271 — Increase collection-grid breathing room without breaking equal columns. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses {
	column-gap: clamp(18px, 2.4vw, 30px) !important;
	row-gap: clamp(20px, 3vw, 34px) !important;
}

/* 272 — Remove inherited band artifacts and let cards carry the hierarchy. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-band,
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses__title + .sbh2020-bonus-band {
	min-inline-size: 0;
	height: 100%;
	border: 0 !important;
	box-shadow: none !important;
}

/* 273 — Make every bonus frame a full-height, transparent grid item. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-frame {
	min-inline-size: 0;
	height: 100% !important;
	background: transparent !important;
}

/* 274 — Refine each bonus into a structured, durable package card. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card {
	min-inline-size: 0;
	min-block-size: 100%;
	padding: clamp(22px, 3vw, 30px) !important;
	border-radius: 24px !important;
	background: linear-gradient(155deg, #fffefa, #faf3fa 62%, #edf7f3) !important;
	box-shadow: 0 18px 44px rgba(60, 44, 73, .11), 0 1px 0 #fff inset !important;
}

/* 275 — Color-key each bonus card while keeping one collection language. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses > .sbh2020-bonus-band:nth-child(2) .sbh2020-bonus-card { border-block-start: 4px solid #5d8f9c !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses > .sbh2020-bonus-band:nth-child(3) .sbh2020-bonus-card { border-block-start: 4px solid #76618e !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses > .sbh2020-bonus-band:nth-child(4) .sbh2020-bonus-card { border-block-start: 4px solid #be7c94 !important; }

/* 276 — Stretch card interiors so titles and descriptions align across a row. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card__copy {
	min-inline-size: 0;
	display: flex !important;
	flex: 1;
	flex-direction: column;
}

/* 277 — Reserve a reliable cover ratio before each lazy image arrives. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card > img {
	inline-size: min(70%, 220px) !important;
	block-size: auto !important;
	aspect-ratio: 458 / 731;
	object-fit: contain !important;
}

/* 278 — Give every cover a clean fallback plate and crisp edge. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card > img {
	padding: 1px;
	border: 1px solid rgba(91, 70, 104, .18);
	border-radius: 3px;
	background: #f2edf3;
	box-shadow: 0 15px 28px rgba(48, 35, 61, .18) !important;
	image-rendering: auto;
}

/* 279 — Keep bonus text aligned beneath covers as one coherent block. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card__copy {
	justify-content: flex-start;
	text-align: left;
}

/* 280 — Replace faint legacy rules with a consistent collection divider. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-divider {
	width: min(100%, 154px) !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, #9f8aa8, transparent) !important;
}

/* 281 — Make bonus names legible, balanced, and product-like without shouting. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card h2 {
	max-inline-size: 15ch;
	margin: 20px auto !important;
	color: #34263f !important;
	font-size: clamp(28px, 3vw, 38px) !important;
	font-weight: 700 !important;
	line-height: 1.05 !important;
	text-wrap: balance;
}

/* 282 — Normalize bonus-description measure and paragraph rhythm. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card__body {
	margin-top: 22px !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonus-card__body p {
	color: #493c50 !important;
	font-size: clamp(18px, 1.55vw, 19.5px) !important;
	line-height: 1.66 !important;
}

/* 283 — Present verified customer stories on a calm credibility field. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonials {
	padding-block: clamp(70px, 9vw, 104px) !important;
	background: linear-gradient(180deg, #fffaf3, #edf8f4 14%, #f5eff8 86%, #fffaf3) !important;
}

/* 284 — Give all three reviews stable, generous grid spacing. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonials__row {
	inline-size: min(100%, 1200px) !important;
	gap: clamp(22px, 2.5vw, 30px) !important;
	align-items: stretch;
}

/* 285 — Strengthen review-card structure without changing proof or order. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial {
	min-inline-size: 0;
	min-block-size: 100% !important;
	padding: clamp(24px, 3vw, 32px) !important;
	border-radius: 24px !important;
	background: linear-gradient(150deg, #fffefa, #faf3fa 62%, #eef8f4) !important;
	box-shadow: 0 18px 44px rgba(59, 43, 72, .11), 0 1px 0 #fff inset !important;
}

/* 286 — Give each preserved review a subtle, related identity accent. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial:nth-child(1) { border-block-start: 4px solid #ae738d !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial:nth-child(2) { border-block-start: 4px solid #5e897e !important; }
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial:nth-child(3) { border-block-start: 4px solid #657f9e !important; }

/* 287 — Increase portrait clarity and reserve a stable circular footprint. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial > img {
	inline-size: 78px !important;
	block-size: 78px !important;
	aspect-ratio: 1;
	border: 5px solid #fffefa !important;
	background: #ece6ed;
	object-fit: cover !important;
}

/* 288 — Keep portraits visually intact when image decoding is delayed. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial > img {
	color: transparent;
	box-shadow: 0 0 0 1px #8f789b, 0 10px 22px rgba(52, 38, 65, .18) !important;
	image-rendering: auto;
}

/* 289 — Make the existing quote mark a quiet orientation cue, not decoration noise. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial__quote {
	align-self: start;
	color: rgba(75, 54, 88, .16) !important;
	font-size: 52px !important;
	line-height: .72 !important;
}

/* 290 — Let review copy use the full available column without clipping. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial__copy {
	min-inline-size: 0;
	align-self: start;
}

/* 291 — Improve testimonial paragraph measure and reading rhythm. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial__copy p {
	color: #46384d !important;
	font-size: clamp(18px, 1.55vw, 19.5px) !important;
	line-height: 1.68 !important;
}

/* 292 — Make reviewer names a clear provenance line after the full quote. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial h3 {
	margin-top: clamp(16px, 2vw, 22px) !important;
	color: #3b2b46 !important;
	font-size: clamp(20px, 2vw, 23px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

/* 293 — Keep reviewer locations readable rather than faint fine print. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial small {
	margin-top: 5px;
	color: #5b4a62 !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
}

/* 294 — Give the final decision chapter a resilient, high-contrast night field. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta {
	padding: clamp(72px, 9vw, 116px) max(14px, env(safe-area-inset-left)) calc(clamp(72px, 9vw, 116px) + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-right)) !important;
	background-color: #202434 !important;
	background-position: center 38% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* 295 — Refine the final panel as one calm decision surface. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta__inner {
	inline-size: min(100%, 800px) !important;
	padding: clamp(34px, 5vw, 58px) !important;
	border: 1px solid rgba(255, 255, 255, .44) !important;
	border-radius: clamp(22px, 3vw, 30px) !important;
	background: linear-gradient(145deg, rgba(44, 33, 56, .96), rgba(30, 49, 58, .95)) !important;
	box-shadow: 0 30px 82px rgba(12, 10, 24, .44), 0 1px 0 rgba(255, 255, 255, .18) inset !important;
}

/* 296 — Balance the final heading and protect its contrast. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta h2 {
	max-inline-size: 16ch;
	margin-inline: auto !important;
	color: #fffefa !important;
	font-size: clamp(40px, 6vw, 64px) !important;
	line-height: 1 !important;
	text-wrap: balance;
}

/* 297 — Improve final reassurance measure and make the existing support link clear. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta__inner p {
	max-inline-size: 62ch !important;
	color: #fffaf3 !important;
	font-size: clamp(18px, 1.8vw, 20px) !important;
	line-height: 1.62 !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta__inner p a {
	color: #fff !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta__inner p a:focus-visible {
	outline-color: #f6d9e7 !important;
	border-radius: 3px;
	color: #31243d !important;
	background: #fffaf3;
}

/* 298 — Make the last purchase action the strongest accessible endpoint. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-final-cta .sbh2020-download {
	inline-size: min(100%, 560px) !important;
	min-block-size: 60px;
	margin: clamp(28px, 4vw, 40px) auto 0 !important;
	background: linear-gradient(135deg, #765a7d, #594465 48%, #47726b) !important;
	box-shadow: 0 16px 38px rgba(8, 7, 17, .34), 0 1px 0 rgba(255, 255, 255, .24) inset !important;
}

/* 299 — Close the pitch with a compact, trustworthy editorial sign-off. */
body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-closing {
	padding: clamp(30px, 4vw, 44px) max(18px, env(safe-area-inset-left)) calc(clamp(34px, 5vw, 52px) + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-right)) !important;
	color: #fffaf3 !important;
	background: linear-gradient(180deg, #29243a, #211f30) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-closing .sbh2020-reading {
	inline-size: min(100%, 660px) !important;
}

body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-closing p {
	color: #fffaf3 !important;
	font-size: clamp(17px, 1.6vw, 19px) !important;
	line-height: 1.55 !important;
}

/* 300 — Harden 320–1440 px layouts, reduced motion, forced colors, print, and legacy overflow. */
@media (max-width: 359px) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero {
		padding-inline: 4px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero__card {
		inline-size: 100% !important;
		padding: 30px 14px 34px !important;
		border-radius: 0 0 18px 18px !important;
	}

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

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-hero p {
		padding-inline-start: 14px;
		font-size: 18px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-reading, .sbh2020-tips .sbh2020-reading, .sbh2020-discover .sbh2020-reading, .sbh2020-bonuses) {
		inline-size: calc(100% - 24px) !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-science .sbh2020-reading, .sbh2020-discover__box, .sbh2020-tip, .sbh2020-bonus-card, .sbh2020-testimonial, .sbh2020-final-cta__inner) {
		padding: 22px 15px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-photo-break {
		inline-size: calc(100% - 16px) !important;
		aspect-ratio: 4 / 3;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster {
		grid-template-columns: 1fr !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster__icon {
		min-block-size: 112px !important;
		border-inline-end: 0 !important;
		border-block-end: 1px solid rgba(255, 255, 255, .28) !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial {
		grid-template-columns: 58px minmax(0, 1fr) !important;
		grid-template-areas: "photo name" "photo location" "quote quote" "copy copy" !important;
		column-gap: 12px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial > img {
		inline-size: 58px !important;
		block-size: 58px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download {
		inline-size: 100% !important;
		min-block-size: 60px;
		font-size: 18px !important;
	}
}

@media (min-width: 360px) and (max-width: 767px) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-reading, .sbh2020-tips .sbh2020-reading, .sbh2020-discover .sbh2020-reading, .sbh2020-bonuses) {
		inline-size: calc(100% - 28px) !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-photo-break {
		inline-size: calc(100% - 20px) !important;
		aspect-ratio: 4 / 3;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster {
		grid-template-columns: 1fr !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-faster__icon {
		min-block-size: 116px !important;
		border-inline-end: 0 !important;
		border-block-end: 1px solid rgba(255, 255, 255, .28) !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial {
		grid-template-columns: 64px minmax(0, 1fr) !important;
		grid-template-areas: "photo name" "photo location" "quote quote" "copy copy" !important;
		column-gap: 14px !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonial > img {
		inline-size: 64px !important;
		block-size: 64px !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tips .sbh2020-reading,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonials__row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-tip, .sbh2020-bonus-band, .sbh2020-testimonial):last-of-type {
		width: calc((100% - clamp(18px, 2.2vw, 26px)) / 2) !important;
		grid-column: 1 / -1;
		justify-self: center;
	}
}

@media (min-width: 1024px) and (max-width: 1099px) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tips .sbh2020-reading,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonials__row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-tip, .sbh2020-bonus-band, .sbh2020-testimonial):last-of-type {
		width: calc((100% - clamp(18px, 2.2vw, 26px)) / 2) !important;
		grid-column: 1 / -1;
		justify-self: center;
	}
}

@media (min-width: 1100px) and (max-width: 1199px) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tips .sbh2020-reading,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonials__row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 1200px) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-tips .sbh2020-reading,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-bonuses,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-testimonials__row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !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-download > span {
		transform: none !important;
	}
}

@media (forced-colors: active) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-download, .sbh2020-tip, .sbh2020-faster, .sbh2020-discover__box, .sbh2020-bonus-card, .sbh2020-testimonial, .sbh2020-final-cta__inner) {
		border: 2px solid CanvasText !important;
		box-shadow: none !important;
		forced-color-adjust: auto;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download:focus-visible {
		outline: 3px solid Highlight !important;
	}
}

@media print {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer,
	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-main > section {
		color: #000 !important;
		background: #fff !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer :is(.sbh2020-tip, .sbh2020-faster, .sbh2020-discover__box, .sbh2020-bonus-card, .sbh2020-testimonial, .sbh2020-final-cta__inner) {
		break-inside: avoid;
		box-shadow: none !important;
	}

	body.sleepbaby-single-post .sleepbaby-article-archive-footer .sbh2020-download {
		border: 2px solid #000 !important;
		color: #000 !important;
		background: #fff !important;
	}
}

@supports not (overflow: clip) {
	body.sleepbaby-single-post .sleepbaby-article-archive-footer {
		overflow-x: hidden;
	}
}