/* SleepBaby.org 2.4.6 — evidence-led article handoff and dark-footer contract. */

body.sleepbaby-single-post .site-footer,
body.sleepbaby-single-post .site-footer :is(p,a,span,strong,em,small,li) {
	color: #fffefa !important;
	-webkit-text-fill-color: #fffefa !important;
	opacity: 1 !important;
}

body.sleepbaby-single-post .site-footer :is(a,a:visited,a:hover,a:active) {
	color: #fffefa !important;
	-webkit-text-fill-color: #fffefa !important;
	text-decoration: underline !important;
	text-decoration-color: #fffefa !important;
	text-underline-offset: 4px;
}

body.sleepbaby-single-post .site-footer :is(a:focus-visible,button:focus-visible) {
	outline: 3px solid #fffefa !important;
	outline-offset: 3px !important;
}

body.sleepbaby-single-post.sb-cro-intent--sleep_problem .sb-article-route-bar {
	border-inline-start-color: #3e8279 !important;
	background: linear-gradient(105deg, #fffefa, #edf7f4 58%, #f5eff8) !important;
}

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

@media (max-width: 767px) {
	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) !important;
		grid-template-areas: "workshop" "purchase" "home" !important;
		gap: 5px !important;
		padding: 10px 10px 7px 13px !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar__workshop {
		justify-content: center;
		min-height: 44px !important;
		text-align: center;
	}

	body.sleepbaby-single-post .sb-article-route-bar__purchase {
		width: 100%;
		min-width: 0;
		min-height: 52px;
		font-size: 18px !important;
	}

	body.sleepbaby-single-post .sb-article-route-bar__home {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 300px) {
	body.sleepbaby-single-post .content-shell--article {
		width: calc(100% - 6px) !important;
		padding-inline: 9px !important;
	}

	body.sleepbaby-single-post .entry-title {
		font-size: clamp(1.9rem, 11vw, 2.2rem) !important;
	}

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