/* SleepBaby.org 2.4.5 — article-to-home bridge sequencing. */

body.sleepbaby-single-post,
body.sleepbaby-single-post :is(button, input, select, textarea) {
	font-family: "Times New Roman", Times, serif !important;
}

body.sleepbaby-single-post .content-shell--article {
	border-color: #d0c5d3 !important;
	background: #fffefa !important;
	box-shadow: 0 18px 52px rgba(45, 34, 56, .1), inset 0 1px #fff !important;
}

/* The opening route panel already owns the Workshop decision, so the global
 * header stays a simple logo-and-menu surface instead of repeating the CTA. */
body.sleepbaby-single-post .site-header .site-header-cta {
	display: none !important;
}

body.sleepbaby-single-post .sb-article-route-bar {
	width: min(100%, 680px);
	padding: 10px 11px 8px 15px;
	border: 1px solid #c9bdce;
	border-inline-start: 5px solid #5f948d;
	border-radius: 10px;
	background: linear-gradient(105deg, #fffefa, #f5f1f7 62%, #eef7f5);
	box-shadow: 0 6px 18px rgba(48, 35, 59, .07);
}

body.sleepbaby-single-post .sb-article-route-bar::after {
	display: none;
}

body.sleepbaby-single-post .sb-article-route-bar__workshop {
	min-height: 44px !important;
	font-size: 18px !important;
}

body.sleepbaby-single-post .sb-article-route-bar__purchase {
	min-height: 48px;
	border: 1px solid #33263f !important;
	border-radius: 9px !important;
	background: linear-gradient(112deg, #131c3b, #4e355d) !important;
	box-shadow: 0 7px 17px rgba(31, 23, 45, .18) !important;
}

body.sleepbaby-single-post .sb-article-route-bar__purchase,
body.sleepbaby-single-post .sb-article-route-bar__purchase:visited {
	color: #fffefa !important;
	-webkit-text-fill-color: #fffefa !important;
}

body.sleepbaby-single-post .sb-article-route-bar__home {
	min-height: 44px;
	font-size: 15px !important;
}

body.sleepbaby-single-post .entry-content .sleepbaby-workshop-cta__button {
	display: inline-flex !important;
	min-height: 44px !important;
	align-items: center;
	justify-content: center;
	padding-block: 9px !important;
}

body.sleepbaby-single-post .entry-featured.is-broken {
	display: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

body.sleepbaby-single-post .entry-content {
	width: min(100%, 680px);
	font-size: clamp(18.25px, 1.15vw, 19px);
	line-height: 1.64;
}

body.sleepbaby-single-post .entry-content .sb-cro-inline {
	margin-block: 1.25em 1.35em;
	padding: 16px 17px 17px 19px;
	border: 1px solid #cbbfd0;
	border-inline-start: 5px solid #60968e;
	border-radius: 9px;
	background: linear-gradient(100deg, rgba(238, 248, 246, .9), rgba(255, 254, 250, .98) 42%, rgba(247, 242, 249, .94));
	box-shadow: 0 7px 20px rgba(47, 35, 57, .075);
}

body.sleepbaby-single-post .entry-content .sb-cro-inline--priority {
	padding: 18px 18px 19px 20px;
	border-inline-start-width: 6px;
	box-shadow: 0 9px 24px rgba(47, 35, 57, .09);
}

body.sleepbaby-single-post .entry-content .sb-cro-inline__label {
	color: #2e2236 !important;
	font-size: clamp(20px, 2vw, 23px) !important;
}

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

body.sleepbaby-single-post .entry-content .sb-cro-inline .sb-cro-cta {
	min-height: 50px;
	border: 1px solid #33263f;
	border-radius: 9px;
	color: #fffefa !important;
	-webkit-text-fill-color: #fffefa !important;
	background: linear-gradient(112deg, #131c3b, #4e355d) !important;
	box-shadow: 0 7px 17px rgba(31, 23, 45, .18) !important;
}

body.sleepbaby-single-post .sb-cro-dock--article {
	border: 1px solid #9f91a5;
	background: rgba(255, 254, 250, .99);
	box-shadow: 0 14px 36px rgba(38, 27, 49, .22);
}

@media (max-width: 767px) {
	body.sleepbaby-single-post .content-shell--article {
		width: calc(100% - 10px);
		padding: 22px 13px 0 !important;
	}

	body.sleepbaby-single-post .entry-title {
		font-size: clamp(2.05rem, 9.35vw, 2.65rem);
		line-height: 1.02;
	}

	body.sleepbaby-single-post .sb-article-route-bar,
	body.sleepbaby-single-post .sb-article-route-bar:is(.sb-cro-variant--april *) {
		grid-template-columns: minmax(0, 1fr) minmax(138px, auto) !important;
		grid-template-areas: "workshop purchase" "home home" !important;
		gap: 2px 8px;
		padding: 8px 8px 6px 11px;
	}

	body.sleepbaby-single-post .sb-article-route-bar__workshop {
		min-height: 44px !important;
		font-size: 16px !important;
		line-height: 1.08 !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar__purchase {
		min-width: 138px;
		min-height: 46px;
		padding: 8px 10px;
		font-size: 16px !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar__home {
		min-height: 44px;
		justify-self: center;
		padding-block: 2px;
	}

	body.sleepbaby-single-post .entry-content .sb-cro-inline,
	body.sleepbaby-single-post .entry-content .sb-cro-inline--priority {
		margin-block: 1.05em 1.2em;
		padding: 15px 14px 16px 16px;
		border-radius: 8px;
	}

	body.sleepbaby-single-post .entry-content .sb-cro-inline .sb-cro-cta {
		width: 100%;
		min-height: 50px;
	}

	body.sleepbaby-single-post .sb-cro-dock--article {
		inset-inline: 8px;
		width: auto;
		max-width: none;
		padding: 5px !important;
		border-radius: 13px;
	}

	body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-dock__actions {
		display: block;
	}

	body.sleepbaby-single-post .sb-cro-dock--article :is(.sb-cro-dock__eyebrow, .sb-cro-dock__copy) {
		display: none;
	}

	body.sleepbaby-single-post .sb-cro-dock--article .sb-cro-cta {
		min-height: 50px !important;
		padding-block: 9px !important;
		font-size: 17px !important;
	}
}

@media (max-width: 340px) {
	body.sleepbaby-single-post .sb-article-route-bar {
		grid-template-columns: minmax(0, 1fr) 132px !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar__purchase {
		min-width: 132px;
		font-size: 15px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.sleepbaby-single-post .sb-cro-dock--article,
	body.sleepbaby-single-post .sb-cro-dock--article * {
		animation: none !important;
		transition: none !important;
	}
}

@media (forced-colors: active) {
	body.sleepbaby-single-post :is(.sb-article-route-bar, .entry-content .sb-cro-inline, .sb-cro-dock--article) {
		border: 2px solid CanvasText !important;
		box-shadow: none !important;
	}
}