/* Bennett Capital Partners: reusable article CTAs, July 2026 */
body.single-post .article-layout .article-cta.bcp-article-sidecard {
	align-self: start;
	background:
		radial-gradient(circle at 100% 0, rgba(74, 159, 235, 0.12), transparent 42%),
		linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
	border: 1px solid #d7e3f3 !important;
	border-radius: 20px !important;
	box-shadow: 0 18px 45px rgba(7, 35, 78, 0.10) !important;
	color: #0b2145 !important;
	display: block !important;
	max-width: 290px;
	overflow: hidden;
	padding: 26px 24px 22px !important;
	position: sticky;
	top: 104px;
}

body.single-post .article-layout .bcp-sidecard-icon {
	align-items: center;
	background: #e8f3ff;
	border: 1px solid #cfe4fa;
	border-radius: 12px;
	color: #084798;
	display: flex;
	height: 42px;
	justify-content: center;
	margin: 0 0 19px;
	width: 42px;
}

body.single-post .article-layout .bcp-sidecard-icon svg {
	height: 22px;
	stroke: currentColor;
	width: 22px;
}

body.single-post .article-layout .bcp-article-sidecard > span {
	color: #0b68ad !important;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 11px !important;
	font-weight: 800;
	letter-spacing: 0.10em;
	line-height: 1.4;
	margin: 0 0 10px;
	text-transform: uppercase;
}

body.single-post .article-layout .bcp-article-sidecard h3 {
	color: #0b2145 !important;
	font-family: Arial, sans-serif;
	font-size: clamp(21px, 1.35vw, 25px) !important;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0 0 12px !important;
}

body.single-post .article-layout .bcp-article-sidecard > p:not(.bcp-sidecard-compliance) {
	color: #50627e !important;
	font-family: Arial, sans-serif;
	font-size: 15px !important;
	line-height: 1.55;
	margin: 0 0 17px !important;
}

body.single-post .article-layout .bcp-article-sidecard > ul {
	border-bottom: 1px solid #dce6f2;
	border-top: 1px solid #dce6f2;
	list-style: none;
	margin: 0 0 19px !important;
	padding: 14px 0 !important;
}

body.single-post .article-layout .bcp-article-sidecard > ul li {
	color: #1e3b64 !important;
	font-family: Arial, sans-serif;
	font-size: 13px !important;
	font-weight: 650;
	line-height: 1.4;
	margin: 0 !important;
	padding: 5px 0 5px 22px !important;
	position: relative;
}

body.single-post .article-layout .bcp-article-sidecard > ul li::before {
	color: #ff431b;
	content: "✓";
	font-size: 14px;
	font-weight: 900;
	left: 0;
	position: absolute;
	top: 4px;
}

body.single-post .article-layout .bcp-sidecard-button,
body.single-post .article-layout .bcp-sidecard-button:visited {
	align-items: center;
	background: #063e83 !important;
	border: 1px solid #063e83 !important;
	border-radius: 11px !important;
	box-shadow: 0 8px 18px rgba(6, 62, 131, 0.18);
	color: #ffffff !important;
	display: flex !important;
	font-family: Arial, sans-serif;
	font-size: 14px !important;
	font-weight: 800;
	justify-content: center;
	line-height: 1.25;
	min-height: 50px;
	padding: 13px 16px !important;
	text-align: center;
	text-decoration: none !important;
	transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
	width: 100%;
}

body.single-post .article-layout .bcp-sidecard-button:hover,
body.single-post .article-layout .bcp-sidecard-button:focus {
	background: #032d61 !important;
	border-color: #032d61 !important;
	color: #ffffff !important;
	transform: translateY(-1px);
}

body.single-post .article-layout .bcp-sidecard-button > span {
	color: #ffffff !important;
	margin-left: 5px;
}

body.single-post .article-layout .bcp-sidecard-meta {
	color: #60748f !important;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 10px !important;
	font-weight: 700;
	justify-content: center;
	line-height: 1.45;
	margin: 13px 0 0;
	text-align: center;
}

body.single-post .article-layout .bcp-sidecard-meta span + span::before {
	content: "•";
	margin: 0 7px;
}

body.single-post .article-layout .bcp-sidecard-compliance {
	color: #7a899e !important;
	font-family: Arial, sans-serif;
	font-size: 9px !important;
	line-height: 1.45 !important;
	margin: 11px 0 0 !important;
	text-align: center;
}

/* Guarantee readable labels on every solid CTA button. */
body.single-post .article-source-body .bcp-primary-button,
body.single-post .article-source-body .bcp-primary-button:visited,
body.single-post .article-source-body .bcp-dscr-button,
body.single-post .article-source-body .bcp-dscr-button:visited,
body.single-post .article-source-body .button-orange,
body.single-post .article-source-body .button-orange:visited,
body.single-post .article-source-body .rate-watch-subscribe-link,
body.single-post .article-source-body .rate-watch-subscribe-link:visited {
	color: #ffffff !important;
}

@media (max-width: 980px) {
	body.single-post .article-layout .article-cta.bcp-article-sidecard {
		max-width: none;
		position: static;
		width: 100%;
	}
}

@media (max-width: 560px) {
	body.single-post .article-layout .article-cta.bcp-article-sidecard {
		border-radius: 16px !important;
		padding: 22px 20px 20px !important;
	}

	body.single-post .article-layout .bcp-article-sidecard h3 {
		font-size: 22px !important;
	}
}