.sf-blog-page {
	--sf-accent: var(--e-global-color-accent, #069) !important;
	--sf-ink: var(--e-global-color-primary, #00141e) !important;
	--sf-tint: var(--e-global-color-30672a8, #edf9ff) !important;
	--sf-haze: var(--e-global-color-6e083dd, #f1f3f4) !important;
	--sf-slate: #3f4f5a !important;
	--sf-accent-dark: #004e75 !important;
	--sf-line: #dce3e8 !important;
	--sf-font: var(--e-global-typography-text-font-family, "Poppins"), sans-serif !important;
	--sf-radius: 20px !important;
	--sf-shadow: 0 12px 34px rgba(0, 20, 30, .08) !important;
	--sf-shadow-hover: 0 18px 44px rgba(0, 102, 153, .18) !important;
	font-family: var(--sf-font) !important;
	color: var(--sf-ink) !important;
}

.sf-blog-container {
	width: 100% !important;
	max-width: 1240px !important;
	margin-inline: auto !important;
	padding-inline: 16px !important;
}

@media ( min-width: 1025px ) {
	.sf-blog-container {
		padding-inline: 10px !important;
	}
}

.sf-blog-icon {
	width: 1em !important;
	height: 1em !important;
	display: block !important;
	flex: none !important;
}

.sf-blog-hero {
	position: relative !important;
	display: flex !important;
	align-items: flex-end !important;
	min-height: 70vh !important;
	padding: 80px 0 !important;
	background-color: var(--sf-ink) !important;
	background-image: var(--sf-hero-image, none) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	overflow: hidden !important;
}

.sf-blog-hero:after {
	content: "";
	position: absolute !important;
	display: block !important;
	width: 100% !important;
	top: 0 !important;
	height: 100% !important;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .6) 100%) !important;
}

.sf-blog-hero__inner {
	position: relative !important;
	z-index: 1 !important;
}

.sf-blog-hero__content {
	width: 100% !important;
}

@media ( min-width: 768px ) {
	.sf-blog-hero__content {
		width: 80% !important;
	}
}

@media ( min-width: 1280px ) {
	.sf-blog-hero__content {
		width: 60% !important;
	}
}

.sf-blog-hero__eyebrow {
	margin: 0 0 12px !important;
	color: #9fd3ee !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

.sf-blog-hero__title {
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--sf-font) !important;
	font-size: clamp(34px, 4.6vw, 62px) !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-wrap: balance !important;
}

.sf-blog-single .sf-blog-hero {
	min-height: 46vh !important;
	align-items: flex-end !important;
}

@media ( max-width: 1480px ) {
	.sf-blog-hero {
		min-height: 60vh !important;
	}
}

@media ( max-width: 1279px ) {
	.sf-blog-hero {
		min-height: 500px !important;
		padding: 40px 0 !important;
	}
}

@media ( max-width: 767px ) {
	.sf-blog-hero {
		min-height: 400px !important;
	}
	
	.sf-blog-single .sf-blog-hero {
		min-height: 340px !important;
	}
}

.sf-blog-grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 28px !important;
}

@media ( min-width: 600px ) {
	.sf-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media ( min-width: 1000px ) {
	.sf-blog-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

.sf-blog-card {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
	border-radius: var(--sf-radius) !important;
	background: #fff !important;
	box-shadow: var(--sf-shadow) !important;
	transition: transform .2s ease, box-shadow .2s ease !important;
}

.sf-blog-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: var(--sf-shadow-hover) !important;
}

.sf-blog-card__image {
	position: relative !important;
	display: block !important;
	padding-top: 58% !important;
	background: var(--sf-haze) !important;
	overflow: hidden !important;
}

.sf-blog-card__image img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.sf-blog-card__body {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	flex: 1 1 auto !important;
	padding: 22px 24px 26px !important;
}

.sf-blog-card__title {
	margin: 0 !important;
	font-family: var(--sf-font) !important;
	font-size: 19px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

.sf-blog-card__title a {
	color: var(--sf-ink) !important;
	text-decoration: none !important;
}

.sf-blog-card__title a:hover, .sf-blog-card__title a:focus {
	color: var(--sf-accent-dark) !important;
	text-decoration: none !important;
}

.sf-blog-card__meta {
	margin: auto 0 0 !important;
	padding-top: 8px !important;
	color: var(--sf-slate) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.sf-blog-strip {
	padding: 56px 0 !important;
	background: #fff !important;
}

.sf-blog-strip:nth-of-type( odd ) {
	background: var(--sf-haze) !important;
}

.sf-blog-strip__head {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-bottom: 28px !important;
}

.sf-blog-strip__heading {
	margin: 0 !important;
	font-family: var(--sf-font) !important;
	font-size: clamp(24px, 2.6vw, 34px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--sf-ink) !important;
}

.sf-blog-article {
	padding: 48px 0 24px !important;
	background: #fff !important;
}

.sf-blog-byline {
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	padding: 20px 24px !important;
	border-radius: var(--sf-radius) !important;
	background: var(--sf-haze) !important;
}

.sf-blog-byline__data {
	display: grid !important;
	gap: 2px !important;
}

.sf-blog-byline__data p {
	margin: 0 !important;
	color: var(--sf-slate) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}

.sf-blog-byline__data strong {
	color: var(--sf-ink) !important;
	font-weight: 600 !important;
}

.sf-blog-ai {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 10px 14px !important;
	margin-top: 18px !important;
}

.sf-blog-ai__title {
	color: var(--sf-slate) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.sf-blog-ai__links {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.sf-blog-ai__links a {
	display: inline-flex !important;
	align-items: center !important;
	padding: 6px 16px !important;
	border: 1px solid var(--sf-ai-color, var(--sf-accent)) !important;
	border-radius: 50px !important;
	color: var(--sf-ai-color, var(--sf-accent)) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease !important;
}

.sf-blog-ai__links a:hover, .sf-blog-ai__links a:focus {
	background: var(--sf-ai-color, var(--sf-accent)) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.sf-blog-article__image {
	margin: 32px 0 0 !important;
}

.sf-blog-article__image img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: var(--sf-radius) !important;
}

.sf-blog-article__content {
	margin-top: 32px !important;
	color: var(--sf-slate) !important;
	font-size: 17px !important;
	line-height: 1.4 !important;
}

.sf-blog-article__content h2, .sf-blog-article__content h3, .sf-blog-article__content h4 {
	margin: 1.8em 0 .6em !important;
	scroll-margin-top: 110px !important;
	color: var(--sf-ink) !important;
	font-family: var(--sf-font) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.sf-blog-article__content h2 {
	font-size: 30px !important;
}

.sf-blog-article__content h3 {
	font-size: 24px !important;
}

.sf-blog-article__content a {
	color: var(--sf-accent) !important;
}

.sf-blog-article__content a:hover, .sf-blog-article__content a:focus {
	color: var(--sf-accent-dark) !important;
}

.sf-blog-article__content img {
	max-width: 100% !important;
	height: auto !important;
	border-radius: 12px !important;
}

.sf-blog-toc {
	margin-top: 34px !important;
	border: 1px solid #cbe4f2 !important;
	border-radius: 14px !important;
	background: var(--sf-tint) !important;
	overflow: hidden !important;
}

.sf-blog-toc__toggle {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	width: 100% !important;
	padding: 16px 22px !important;
	border: 0 !important;
	background: none !important;
	color: var(--sf-ink) !important;
	font-family: var(--sf-font) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	cursor: pointer !important;
}

.sf-blog-toc__toggle .sf-blog-icon {
	width: 22px !important;
	height: 22px !important;
	color: var(--sf-accent) !important;
	transition: transform .18s ease !important;
}

.sf-blog-toc__body {
	padding: 0 22px 18px !important;
}

.sf-blog-toc__list {
	display: grid !important;
	gap: 9px !important;
	margin: 0 !important;
	padding: 0 0 0 22px !important;
	color: var(--sf-slate) !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
}

.sf-blog-toc__item--h3 {
	margin-left: 20px !important;
	font-size: 15px !important;
}

.sf-blog-toc__item a {
	color: var(--sf-accent) !important;
	text-decoration: none !important;
}

.sf-blog-toc__item a:hover, .sf-blog-toc__item a:focus {
	color: var(--sf-accent-dark) !important;
	text-decoration: underline !important;
}

@media ( prefers-reduced-motion: reduce ) {
	.sf-blog-toc.is-collapsible .sf-blog-toc__body, .sf-blog-toc__toggle .sf-blog-icon {
		transition: none !important;
	}
}