/*
 * SleepBaby.org 2.4.3 — article experience
 * Exactly 25 customer-facing presentation improvements. This isolated layer
 * changes no article, sales, review, or navigation wording and never changes a
 * destination. All regular-article workshop routes therefore remain homepage
 * warm-up links; the April continuation keeps sole ownership of purchase CTAs.
 */

/* 01 — Lock the entire article surface to the requested editorial typeface and
 * a high-contrast navy/plum system, including controls injected after load. */
body.sleepbaby-single-post,
body.sleepbaby-single-post :where(*) {
	font-family: "Times New Roman", Times, serif !important;
}

body.sleepbaby-single-post {
	--sb243-navy: #111f44;
	--sb243-navy-deep: #0b1633;
	--sb243-plum: #563e65;
	--sb243-plum-deep: #352641;
	--sb243-ink: #241d2b;
	--sb243-muted: #655b69;
	--sb243-line: #d8cedc;
	--sb243-line-strong: #a994b3;
	--sb243-paper: #fffdfa;
	--sb243-panel: #f8f4f9;
	color: var(--sb243-ink);
	background: #f4f0f6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* 02 — Keep the publisher header slim and self-contained so the article and
 * April continuation receive the full viewport once the reader moves on. */
body.sleepbaby-single-post .site-header {
	position: relative;
	z-index: 100020;
	top: auto;
	min-height: 72px;
	padding: 9px clamp(16px, 4vw, 58px);
	border-bottom: 1px solid rgba(86, 62, 101, .22);
	background: rgba(255, 253, 250, .94);
	box-shadow: 0 7px 24px rgba(44, 32, 54, .07);
	backdrop-filter: blur(16px) saturate(1.12);
	-webkit-backdrop-filter: blur(16px) saturate(1.12);
}

/* 03 — Give the brand a consistent, undistorted footprint and a larger click
 * target without the old plaintext-blog feel. */
body.sleepbaby-single-post .site-brand-logo-link--header {
	width: clamp(166px, 15vw, 218px);
	min-height: 48px;
	padding: 3px 0;
	border-radius: 8px;
}

body.sleepbaby-single-post .site-brand-logo-link--header .site-brand-logo {
	width: 100%;
	height: 46px;
	max-height: 46px;
	object-fit: contain;
	object-position: left center;
}

/* 04 — Turn the desktop menu into a calm service navigation with visible
 * hover/current feedback instead of loose plaintext links. */
body.sleepbaby-single-post .site-menu {
	gap: 4px 8px;
}

body.sleepbaby-single-post .site-menu a {
	min-height: 44px !important;
	padding: 8px 10px;
	border-radius: 8px;
	color: #30283a;
	font-size: 16.5px;
	line-height: 1.1;
	text-decoration: none;
	transition: color 150ms ease, background-color 150ms ease;
}

body.sleepbaby-single-post .site-menu a:hover,
body.sleepbaby-single-post .site-menu .current-menu-item > a,
body.sleepbaby-single-post .site-menu .current_page_item > a {
	color: var(--sb243-navy);
	background: #f0ebf3;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

/* 05 — Promote the header workshop route with a sober, high-contrast brand
 * button that still leads cold article readers to the homepage. */
body.sleepbaby-single-post .site-header .site-header-cta {
	min-height: 46px !important;
	padding: 10px 17px !important;
	border: 1px solid #70607b !important;
	border-radius: 10px !important;
	color: #fff !important;
	background: linear-gradient(135deg, var(--sb243-navy-deep), #3f2d51) !important;
	box-shadow: 0 8px 18px rgba(26, 20, 48, .18), inset 0 1px rgba(255, 255, 255, .18) !important;
	font-size: 16.5px !important;
	font-weight: 700 !important;
	letter-spacing: .005em;
	transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

body.sleepbaby-single-post .site-header .site-header-cta:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #182a58, #563e65) !important;
	box-shadow: 0 11px 24px rgba(26, 20, 48, .24) !important;
	transform: translateY(-1px);
}

/* 06 — Make the mobile menu control and opened menu read as one polished,
 * touch-friendly admin-style component. */
body.sleepbaby-single-post .site-menu-toggle {
	min-width: 82px !important;
	min-height: 46px !important;
	justify-content: center;
	padding: 8px 12px;
	border: 1px solid #8c7898 !important;
	border-radius: 10px;
	color: var(--sb243-plum-deep);
	background: #fffdfa;
	box-shadow: 0 5px 14px rgba(51, 37, 61, .08);
	font-size: 17px;
}

body.sleepbaby-single-post .site-menu-toggle[aria-expanded="true"] {
	color: #fff;
	background: var(--sb243-plum-deep);
}

body.sleepbaby-single-post .site-menu-toggle [data-sleepbaby-menu-label] {
	display: inline !important;
}

body.sleepbaby-single-post .site-primary-navigation.is-open {
	padding: 8px 12px 12px;
	border: 1px solid var(--sb243-line-strong);
	border-radius: 0 0 14px 14px;
	background: rgba(255, 253, 250, .99);
	box-shadow: 0 18px 38px rgba(42, 30, 51, .17);
}

/* 07 — Replace the flat outer canvas with a restrained editorial field that
 * guides the eye toward the reading sheet. */
body.sleepbaby-single-post .site-main {
	padding: clamp(18px, 3vw, 38px) 0 0;
	background:
		radial-gradient(circle at 8% 8%, rgba(226, 211, 234, .66), transparent 28rem),
		radial-gradient(circle at 92% 24%, rgba(214, 232, 239, .62), transparent 30rem),
		linear-gradient(145deg, #fffaf4 0%, #f5f0f7 52%, #eff7f5 100%);
}

/* 08 — Turn the article container into a stable premium paper surface with a
 * clear boundary at every supported desktop width. */
body.sleepbaby-single-post .content-shell--article {
	width: min(calc(100% - 32px), 900px);
	padding: clamp(34px, 5vw, 62px) clamp(22px, 6vw, 66px) 0 !important;
	border: 1px solid var(--sb243-line);
	border-bottom: 0;
	border-radius: 26px 26px 0 0;
	background: var(--sb243-paper);
	box-shadow: 0 22px 66px rgba(66, 47, 76, .12);
}

/* 09 — Improve the opening hierarchy with a deliberate, centered editorial
 * header and enough separation before the next decision point. */
body.sleepbaby-single-post .entry-header {
	width: min(100%, 720px);
	margin: 0 auto clamp(24px, 4vw, 34px);
	text-align: center;
}

/* 10 — Render the category as an actual information label rather than a loose
 * line of uppercase text. */
body.sleepbaby-single-post .entry-kicker {
	display: inline-flex;
	min-height: 32px;
	align-items: center;
	margin: 0 0 15px;
	padding: 5px 12px 4px;
	border: 1px solid #c9b8d0;
	border-radius: 999px;
	color: #583f65;
	background: #f6eff8;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .075em;
	line-height: 1.15;
	text-transform: uppercase;
}

/* 11 — Balance the title at useful line lengths, prevent lone words, and keep
 * strong contrast without oversized mobile wrapping. */
body.sleepbaby-single-post .entry-title {
	max-width: 18ch;
	margin-right: auto;
	margin-left: auto;
	color: #17131b;
	font-size: clamp(2.55rem, 5.1vw, 4rem);
	font-weight: 700;
	letter-spacing: -.027em;
	line-height: 1.01;
	text-wrap: balance;
	overflow-wrap: normal;
}

/* 12 — Make publication metadata compact, legible, and clearly secondary. */
body.sleepbaby-single-post .entry-meta {
	margin: 17px 0 0;
	color: var(--sb243-muted);
	font-size: 16px;
	font-variant-numeric: oldstyle-nums;
	line-height: 1.3;
}

/* 13 — Rebuild the opening workshop route as a crisp two-row utility panel so
 * its purpose is obvious without impersonating article copy. */
body.sleepbaby-single-post .sb-article-route-bar {
	position: relative;
	display: grid;
	width: min(100%, 700px);
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"workshop purchase"
		"home home";
	align-items: center;
	gap: 5px 16px;
	margin: 0 auto 26px;
	padding: 13px 14px 10px 18px;
	overflow: hidden;
	border: 1px solid #cfc2d5;
	border-left: 5px solid #759f9b;
	border-radius: 14px;
	background:
		radial-gradient(circle at 94% 0%, rgba(208, 229, 235, .78), transparent 38%),
		linear-gradient(145deg, #fffdfa, #f7f1f8 58%, #f0f7f5);
	box-shadow: 0 8px 24px rgba(67, 49, 78, .09);
}

/* 14 — Give the workshop name a concise service-title treatment and keep its
 * whole area easy to tap. */
body.sleepbaby-single-post .sb-article-route-bar__workshop {
	grid-area: workshop;
	min-height: 44px !important;
	align-items: center;
	color: var(--sb243-plum-deep) !important;
	font-size: clamp(19px, 2.2vw, 22px) !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	text-decoration: none !important;
	text-wrap: balance;
}

body.sleepbaby-single-post .sb-article-route-bar__workshop:hover {
	color: var(--sb243-navy) !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

/* 15 — Make the primary warm-up route unmistakable with a premium solid CTA,
 * high contrast, and grounded hover/press feedback. */
body.sleepbaby-single-post .sb-article-route-bar__purchase {
	grid-area: purchase;
	min-height: 50px;
	padding: 10px 16px;
	border: 1px solid #241c3c !important;
	border-radius: 10px;
	color: #fff !important;
	background: linear-gradient(135deg, var(--sb243-navy-deep), #493057) !important;
	box-shadow: 0 7px 16px rgba(27, 20, 45, .19), inset 0 1px rgba(255, 255, 255, .16) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
	white-space: nowrap;
	animation: none !important;
	transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease;
}

body.sleepbaby-single-post .sb-article-route-bar__purchase:hover,
body.sleepbaby-single-post .sb-article-route-bar__purchase:focus-visible {
	color: #fff !important;
	filter: brightness(1.12);
	box-shadow: 0 11px 23px rgba(27, 20, 45, .25) !important;
	transform: translateY(-1px);
}

body.sleepbaby-single-post .sb-article-route-bar__purchase:active {
	box-shadow: 0 4px 10px rgba(27, 20, 45, .17) !important;
	transform: translateY(1px);
}

/* 16 — Keep the continue-reading control visible but clearly subordinate, with
 * a generous line-height and touchable row. */
body.sleepbaby-single-post .sb-article-route-bar__home {
	grid-area: home;
	min-height: 42px;
	justify-self: start;
	color: #5e5363 !important;
	font-size: 15.5px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 4px;
}

body.sleepbaby-single-post .sb-article-route-bar__home:hover {
	color: var(--sb243-navy) !important;
}

/* 17 — Present the featured image as a deliberate lead visual with clean
 * cropping boundaries and a subtle inset frame. */
body.sleepbaby-single-post .entry-featured {
	position: relative;
	width: min(100%, 700px);
	margin: 0 auto clamp(24px, 4vw, 34px);
	overflow: hidden;
	border: 1px solid #cfc4d4;
	border-radius: 18px;
	background: #f7f3f8;
	box-shadow: 0 13px 32px rgba(57, 42, 67, .11), inset 0 0 0 5px rgba(255, 255, 255, .45);
}

body.sleepbaby-single-post .entry-featured img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
}

/* 18 — Set the core reading column to a calm 65–70 character measure with a
 * larger baseline and generous but not bloated leading. */
body.sleepbaby-single-post .entry-content {
	width: min(100%, 670px);
	color: var(--sb243-ink);
	font-size: clamp(18.5px, 1.25vw, 19.5px);
	line-height: 1.7;
	text-wrap: pretty;
}

/* 19 — Normalize paragraph rhythm and gently emphasize the article opening so
 * readers get an immediate, readable entry point. */
body.sleepbaby-single-post .entry-content p {
	margin: 0 0 1.12em;
	orphans: 3;
	widows: 3;
}

body.sleepbaby-single-post .entry-content > p:first-child {
	color: #2f2636;
	font-size: 1.08em;
	line-height: 1.63;
}

/* 20 — Give long articles scannable section anchors with restrained rules and
 * reliable sticky-header scroll offsets. */
body.sleepbaby-single-post .entry-content :is(h2, h3, h4) {
	color: #21182a;
	font-weight: 700;
	letter-spacing: -.018em;
	text-wrap: balance;
	scroll-margin-top: 96px;
}

body.sleepbaby-single-post .entry-content > h2 {
	margin: 1.75em 0 .62em;
	padding: .72em 0 .25em;
	border-top: 1px solid #ded4e1;
	border-bottom: 0;
	font-size: clamp(1.95rem, 3.8vw, 2.6rem);
	line-height: 1.08;
}

body.sleepbaby-single-post .entry-content h3 {
	margin: 1.55em 0 .5em;
	padding-left: 12px;
	border-left: 3px solid #8f719b;
	font-size: clamp(1.55rem, 2.8vw, 2rem);
	line-height: 1.12;
}

/* 21 — Make editorial links obvious without over-boldening whole paragraphs,
 * and supply a consistent contrast-safe keyboard ring. */
body.sleepbaby-single-post .entry-content a:not(.sb-cro-cta):not(.sbds-button),
body.sleepbaby-single-post .entry-content a:not(.sb-cro-cta):not(.sbds-button):visited {
	color: #213b77;
	font-weight: 700;
	text-decoration-color: rgba(33, 59, 119, .58);
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

body.sleepbaby-single-post .entry-content a:not(.sb-cro-cta):not(.sbds-button):hover {
	color: #513460;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

body.sleepbaby-single-post :is(a, button, summary, input, select, textarea):focus-visible {
	outline: 3px solid #70517e !important;
	outline-offset: 3px !important;
}

/* 22 — Turn dense unordered and ordered lists into easier-to-scan guidance
 * blocks while retaining the author's exact items and sequence. */
body.sleepbaby-single-post .entry-content > :is(ul, ol) {
	margin: 1.25em 0 1.5em;
	padding: 17px 22px 17px 44px;
	border: 1px solid #ded4e1;
	border-radius: 12px;
	background: #faf7fb;
}

body.sleepbaby-single-post .entry-content :is(ul, ol) li {
	margin: .46em 0;
	padding-left: 3px;
}

body.sleepbaby-single-post .entry-content ul li::marker {
	color: #6d5278;
	font-size: 1.08em;
}

body.sleepbaby-single-post .entry-content ol li::marker {
	color: var(--sb243-navy);
	font-weight: 700;
}

/* 23 — Differentiate quotations and asides as trustworthy editorial context,
 * not detached promotional cards. */
body.sleepbaby-single-post .entry-content blockquote {
	position: relative;
	margin: 1.55em 0;
	padding: 20px 22px 20px 25px;
	border: 1px solid #d8ccdd;
	border-left: 5px solid #786087;
	border-radius: 4px 12px 12px 4px;
	color: #3e3147;
	background: linear-gradient(145deg, #faf6fb, #f2f5f9);
	box-shadow: 0 8px 22px rgba(61, 43, 70, .07);
	font-size: 1.04em;
	line-height: 1.58;
}

body.sleepbaby-single-post .entry-content blockquote > :last-child {
	margin-bottom: 0;
}

/* 24 — Give rich article material—images, captions, tables, code, embeds, and
 * disclosure boxes—consistent boundaries and mobile-safe overflow. */
body.sleepbaby-single-post .entry-content > figure:not(.wp-block-gallery),
body.sleepbaby-single-post .entry-content > .wp-block-table,
body.sleepbaby-single-post .entry-content > :is(pre, details),
body.sleepbaby-single-post .entry-content > .wp-block-embed {
	margin-top: 1.65em;
	margin-bottom: 1.65em;
	overflow: hidden;
	border: 1px solid #d5cad9;
	border-radius: 14px;
	background: #fffdfa;
	box-shadow: 0 10px 28px rgba(61, 45, 71, .08);
}

body.sleepbaby-single-post .entry-content > figure:not(.wp-block-gallery) img {
	display: block;
	width: 100%;
	height: auto;
}

body.sleepbaby-single-post .entry-content figcaption {
	margin: 0 !important;
	padding: 10px 14px 11px;
	color: #5f5663;
	background: #f7f2f8;
	font-size: 15px;
	line-height: 1.42;
	text-align: left;
}

body.sleepbaby-single-post .entry-content > .wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

body.sleepbaby-single-post .entry-content > .wp-block-table table {
	min-width: 600px;
	margin: 0;
	border: 0;
	box-shadow: none;
}

body.sleepbaby-single-post .entry-content > .wp-block-table :is(th, td) {
	padding: 13px 15px;
	border-color: #ddd3e0;
}

body.sleepbaby-single-post .entry-content > .wp-block-table th {
	color: #fff;
	background: var(--sb243-navy);
}

body.sleepbaby-single-post .entry-content > pre {
	padding: 18px;
	overflow-x: auto;
	color: #f8f5fa;
	background: #1d1725;
	font-family: "Times New Roman", Times, serif !important;
	font-size: 15px;
	line-height: 1.55;
}

body.sleepbaby-single-post .entry-content code {
	padding: .08em .28em;
	border-radius: 4px;
	background: #eee8f1;
	font-family: "Times New Roman", Times, serif !important;
	font-size: .86em;
}

body.sleepbaby-single-post .entry-content details {
	padding: 15px 18px;
}

body.sleepbaby-single-post .entry-content summary {
	min-height: 44px;
	color: var(--sb243-plum-deep);
	font-weight: 700;
	cursor: pointer;
}

/* 25 — Unify the progress indicator, in-article warm-up modules, persistent
 * homepage dock, responsive layouts, safe-area clearance, and reduced-motion
 * behavior into one non-obstructive reading system. */
body.sleepbaby-single-post .sb-cro-reading-progress {
	z-index: 100040;
	height: 4px;
	background: rgba(17, 31, 68, .12);
}

body.sleepbaby-single-post .sb-cro-reading-progress__fill {
	background: linear-gradient(90deg, var(--sb243-navy), #72537e 58%, #729e9a);
	box-shadow: 0 0 8px rgba(73, 48, 87, .32);
}

body.sleepbaby-single-post .entry-content .sb-cro-inline {
	width: 100%;
	margin: 1.35em 0 1.55em;
	padding: 15px 0 18px;
	border-top: 1px solid #d2c6d6;
	border-bottom: 1px solid #d2c6d6;
}

body.sleepbaby-single-post .entry-content .sb-cro-inline--priority {
	width: 100%;
	margin: 1.35em 0 1.55em;
	padding: 20px 21px 21px 23px;
	border: 1px solid #cbbdce;
	border-left: 5px solid #729c97;
	border-radius: 4px 14px 14px 4px;
	background: linear-gradient(145deg, #fffdfa, #f6f0f8 58%, #edf6f4);
	box-shadow: 0 10px 28px rgba(61, 44, 71, .09);
}

body.sleepbaby-single-post .entry-content .sb-cro-inline--priority .sb-cro-inline__label {
	margin: 0 0 7px;
	color: var(--sb243-plum-deep) !important;
	font-size: clamp(22px, 3vw, 27px) !important;
	line-height: 1.08 !important;
	text-align: left;
}

body.sleepbaby-single-post .entry-content .sb-cro-inline__copy {
	margin: 0 0 14px !important;
	color: #514856 !important;
	font-size: 18px !important;
	line-height: 1.45 !important;
	text-align: left !important;
}

body.sleepbaby-single-post .entry-content .sb-cro-inline .sb-cro-cta,
body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-cta {
	min-height: 54px;
	border: 1px solid #211936 !important;
	border-radius: 10px;
	color: #fff !important;
	background: linear-gradient(135deg, var(--sb243-navy-deep), #493057) !important;
	box-shadow: 0 8px 19px rgba(29, 21, 47, .2) !important;
	font-size: clamp(18px, 2vw, 21px) !important;
}

body.sleepbaby-single-post .entry-content .sb-cro-inline .sb-cro-cta:hover,
body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-cta:hover {
	color: #fff !important;
	filter: brightness(1.12);
	box-shadow: 0 11px 25px rgba(29, 21, 47, .27) !important;
}

body.sleepbaby-single-post .sb-cro-dock--article {
	border: 1px solid #b8a5c0;
	border-radius: 16px;
	background: rgba(255, 253, 250, .97);
	box-shadow: 0 18px 48px rgba(46, 31, 56, .23), inset 0 1px rgba(255, 255, 255, .86);
	backdrop-filter: blur(14px) saturate(1.08);
	-webkit-backdrop-filter: blur(14px) saturate(1.08);
}

body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-dismiss {
	border: 1px solid #b7a8bd !important;
	color: #483650;
	background: #f7f1f8;
}

@media (min-width: 1280px) {
	body.sleepbaby-single-post .sb-cro-dock--article {
		right: 12px;
		width: clamp(224px, calc((100vw - 900px) / 2 - 18px), 310px);
		padding: 8px;
	}

	body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-cta {
		padding: 9px 7px;
		font-size: clamp(16px, 1.2vw, 18px) !important;
		white-space: nowrap;
	}
}

@media (max-width: 1020px) {
	body.sleepbaby-single-post .site-header {
		grid-template-columns: minmax(0, 1fr) auto;
		min-height: 66px;
		padding: 8px 18px;
	}

	body.sleepbaby-single-post .site-brand-logo-link--header {
		width: clamp(154px, 32vw, 190px);
	}

	body.sleepbaby-single-post .site-brand-logo-link--header .site-brand-logo {
		height: 42px;
		max-height: 42px;
	}

	body.sleepbaby-single-post .site-header .site-header-cta {
		display: none !important;
	}

	body.sleepbaby-single-post .site-primary-navigation {
		top: 100%;
		right: 12px;
		left: 12px;
	}

	body.sleepbaby-single-post .site-menu a {
		width: 100%;
		min-height: 48px !important;
		padding: 10px 8px;
	}
}

@media (max-width: 767px) {
	body.sleepbaby-single-post .site-main {
		padding-top: 12px;
	}

	body.sleepbaby-single-post .content-shell--article {
		width: calc(100% - 12px);
		padding: 29px 15px 0 !important;
		border-radius: 18px 18px 0 0;
		box-shadow: 0 14px 38px rgba(66, 47, 76, .1);
	}

	body.sleepbaby-single-post .entry-header {
		margin-bottom: 22px;
	}

	body.sleepbaby-single-post .entry-kicker {
		margin-bottom: 13px;
		font-size: 13px;
	}

	body.sleepbaby-single-post .entry-title {
		max-width: 15ch;
		font-size: clamp(2.25rem, 10.4vw, 3.05rem);
		line-height: 1.02;
	}

	body.sleepbaby-single-post .entry-meta {
		margin-top: 14px;
		font-size: 15.5px;
	}

	body.sleepbaby-single-post .sb-article-route-bar {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 4px 9px;
		margin-bottom: 24px;
		padding: 11px 10px 8px 12px;
		border-left-width: 4px;
		border-radius: 12px;
	}

	body.sleepbaby-single-post .sb-article-route-bar__workshop {
		font-size: clamp(17px, 5vw, 19px) !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar__purchase {
		min-height: 48px;
		padding: 9px 11px;
		font-size: 16.5px !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar__home {
		justify-self: center;
		font-size: 15px !important;
	}

	body.sleepbaby-single-post .entry-featured {
		margin-bottom: 24px;
		border-radius: 14px;
	}

	body.sleepbaby-single-post .entry-content {
		font-size: 18px;
		line-height: 1.66;
	}

	body.sleepbaby-single-post .entry-content > h2 {
		margin-top: 1.55em;
		font-size: clamp(1.8rem, 8vw, 2.25rem);
	}

	body.sleepbaby-single-post .entry-content h3 {
		font-size: clamp(1.45rem, 6.5vw, 1.8rem);
	}

	body.sleepbaby-single-post .entry-content > :is(ul, ol) {
		padding: 14px 14px 14px 36px;
	}

	body.sleepbaby-single-post .entry-content blockquote {
		padding: 17px 16px 17px 18px;
	}

	body.sleepbaby-single-post .entry-content .sb-cro-inline--priority {
		padding: 18px 15px 19px 17px;
	}

	body.sleepbaby-single-post .entry-content .sb-cro-inline__copy {
		font-size: 17px !important;
	}

	body.sleepbaby-single-post.sb-cro-dock-visible {
		padding-bottom: calc(76px + env(safe-area-inset-bottom));
		scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom));
	}

	body.sleepbaby-single-post .sb-cro-dock--article {
		right: 8px;
		bottom: max(8px, env(safe-area-inset-bottom));
		left: 8px;
		width: auto;
		padding: 7px;
		border-radius: 14px;
	}

	body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-dismiss {
		flex-basis: 44px;
		min-width: 44px !important;
		height: 44px;
	}

	body.sleepbaby-single-post.sb-cro-dock-visible .sb-quora-privacy-choices {
		bottom: calc(86px + env(safe-area-inset-bottom));
	}
}

@media (max-width: 374px) {
	body.sleepbaby-single-post .site-header {
		padding-right: 12px;
		padding-left: 12px;
	}

	body.sleepbaby-single-post .site-brand-logo-link--header {
		width: 145px;
	}

	body.sleepbaby-single-post .site-menu-toggle {
		min-width: 76px !important;
		padding-right: 9px;
		padding-left: 9px;
	}

	body.sleepbaby-single-post .content-shell--article {
		padding-right: 13px !important;
		padding-left: 13px !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar {
		grid-template-columns: 1fr;
		grid-template-areas:
			"workshop"
			"purchase"
			"home";
		gap: 3px;
		padding: 11px;
		text-align: center;
	}

	body.sleepbaby-single-post .sb-article-route-bar__workshop,
	body.sleepbaby-single-post .sb-article-route-bar__home {
		justify-self: center;
	}

	body.sleepbaby-single-post .sb-article-route-bar__purchase {
		width: 100%;
		white-space: normal;
	}

	body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-cta {
		padding-right: 7px;
		padding-left: 7px;
		font-size: 17px !important;
		white-space: nowrap;
	}

	body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-cta__arrow {
		display: none;
	}
}

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

	body.sleepbaby-single-post :is(
		.site-header .site-header-cta,
		.sb-article-route-bar__purchase,
		.sb-cro-cta
	):hover {
		transform: none !important;
	}
}

@media print {
	body.sleepbaby-single-post .site-header,
	body.sleepbaby-single-post .sb-article-route-bar,
	body.sleepbaby-single-post .sb-cro-reading-progress,
	body.sleepbaby-single-post .sb-cro-inline,
	body.sleepbaby-single-post .sb-cro-dock {
		display: none !important;
	}

	body.sleepbaby-single-post .site-main,
	body.sleepbaby-single-post .content-shell--article {
		width: 100%;
		padding: 0 !important;
		border: 0;
		background: #fff;
		box-shadow: none;
	}
}