@media ( min-width: 1025px ) {}

.sf-blog-container--narrow {}

.sf-blog-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media ( min-width: 768px ) {}

@media ( min-width: 1280px ) {}

.sf-blog-hero__lede {
	margin: 18px 0 0 !important;
	max-width: 46ch !important;
	color: rgba(255, 255, 255, .86) !important;
	font-size: 18px !important;
	line-height: 1.6 !important;
}

@media ( max-width: 1480px ) {}

@media ( max-width: 1279px ) {}

@media ( max-width: 767px ) {}

.sf-blog-archive {
	padding: 56px 0 24px !important;
	background: #fff !important;
}

.sf-blog-archive__lede {
	max-width: 70ch !important;
	margin: 0 0 28px !important;
	color: var(--sf-slate) !important;
	font-size: 17px !important;
	line-height: 1.7 !important;
}

.sf-blog-archive.is-loading {
	opacity: .45 !important;
	pointer-events: none !important;
	transition: opacity .18s ease !important;
}

.sf-blog-filter {
	margin-bottom: 36px !important;
}

.sf-blog-filter__intents {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin-bottom: 18px !important;
}

.sf-blog-pill {
	display: inline-flex !important;
	align-items: center !important;
	padding: 10px 26px !important;
	border: 2px solid var(--sf-accent) !important;
	border-radius: 50px !important;
	background: #fff !important;
	color: var(--sf-accent) !important;
	font-family: var(--sf-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

.sf-blog-pill:hover, .sf-blog-pill:focus {
	background: var(--sf-tint) !important;
	color: var(--sf-accent-dark) !important;
	text-decoration: none !important;
}

.sf-blog-pill.is-active {
	border-color: #fff !important;
	background: var(--sf-accent) !important;
	color: #fff !important;
	box-shadow: 0 0 0 2px var(--sf-accent) !important;
}

.sf-blog-pill.is-active:hover, .sf-blog-pill.is-active:focus {
	background: var(--sf-accent-dark) !important;
	color: #fff !important;
	box-shadow: 0 0 0 2px var(--sf-accent-dark) !important;
}

.sf-blog-filter__controls {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 14px !important;
	align-items: end !important;
}

@media ( min-width: 768px ) {
	.sf-blog-filter__controls {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media ( min-width: 1100px ) {
	.sf-blog-filter__controls {
		grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr) auto !important;
	}
}

.sf-blog-dropdown {
	position: relative !important;
	min-width: 0 !important;
}

.sf-blog-dropdown__label {
	display: block !important;
	margin-bottom: 6px !important;
	color: var(--sf-slate) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
}

.sf-blog-dropdown__toggle {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	width: 100% !important;
	padding: 12px 16px !important;
	border: 1px solid var(--sf-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	color: var(--sf-ink) !important;
	font-family: var(--sf-font) !important;
	font-size: 15px !important;
	line-height: 1.3 !important;
	text-align: left !important;
	cursor: pointer !important;
	transition: border-color .18s ease, box-shadow .18s ease !important;
}

.sf-blog-dropdown__toggle > span {
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}

.sf-blog-dropdown__toggle:hover {
	border-color: var(--sf-accent) !important;
}

.sf-blog-dropdown__toggle[aria-expanded="true"] {
	border-color: var(--sf-accent) !important;
	box-shadow: 0 0 0 3px var(--sf-tint) !important;
}

.sf-blog-dropdown__toggle .sf-blog-icon {
	width: 20px !important;
	height: 20px !important;
	color: var(--sf-accent) !important;
	transition: transform .18s ease !important;
}

.sf-blog-dropdown__toggle[aria-expanded="true"] .sf-blog-icon {
	transform: rotate(180deg) !important;
}

.sf-blog-dropdown.is-set .sf-blog-dropdown__toggle {
	border-color: var(--sf-accent) !important;
	color: var(--sf-accent-dark) !important;
	font-weight: 600 !important;
}

.sf-blog-dropdown__list {
	position: absolute !important;
	z-index: 20 !important;
	top: calc(100% + 6px) !important;
	left: 0 !important;
	right: 0 !important;
	max-height: 300px !important;
	overflow-y: auto !important;
	padding: 6px !important;
	border: 1px solid var(--sf-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: var(--sf-shadow) !important;
}

.sf-blog-dropdown__option {
	display: block !important;
	padding: 9px 12px !important;
	border-radius: 8px !important;
	color: var(--sf-ink) !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
}

.sf-blog-dropdown__option:hover, .sf-blog-dropdown__option:focus {
	background: var(--sf-tint) !important;
	color: var(--sf-accent-dark) !important;
	text-decoration: none !important;
}

.sf-blog-dropdown__option.is-active {
	background: var(--sf-accent) !important;
	color: #fff !important;
	font-weight: 600 !important;
}

.sf-blog-dropdown__option.is-empty {
	color: #9aa7b0 !important;
	pointer-events: none !important;
}

.sf-blog-search {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sf-blog-search input[type="search"] {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	width: 100% !important;
	height: 48px !important;
	padding: 0 16px !important;
	border: 1px solid var(--sf-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	color: var(--sf-ink) !important;
	font-family: var(--sf-font) !important;
	font-size: 15px !important;
}

.sf-blog-search input[type="search"]:focus {
	border-color: var(--sf-accent) !important;
	box-shadow: 0 0 0 3px var(--sf-tint) !important;
	outline: none !important;
}

.sf-blog-search__submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: none !important;
	width: 48px !important;
	height: 48px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 12px !important;
	background: var(--sf-accent) !important;
	color: #fff !important;
	cursor: pointer !important;
	transition: background .18s ease !important;
}

.sf-blog-search__submit:hover, .sf-blog-search__submit:focus {
	background: var(--sf-accent-dark) !important;
	color: #fff !important;
}

.sf-blog-search__submit .sf-blog-icon {
	width: 22px !important;
	height: 22px !important;
}

.sf-blog-filter__clear {
	align-self: flex-end !important;
	padding: 12px 4px !important;
	color: var(--sf-slate) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	white-space: nowrap !important;
}

.sf-blog-filter__clear:hover, .sf-blog-filter__clear:focus {
	color: var(--sf-accent-dark) !important;
}

.sf-blog-filter__clear.is-idle {
	opacity: .45 !important;
	pointer-events: none !important;
}

@media ( min-width: 600px ) {}

@media ( min-width: 1000px ) {}

.sf-blog-card__terms {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 !important;
}

.sf-blog-chip {
	display: inline-flex !important;
	align-items: center !important;
	padding: 4px 12px !important;
	border-radius: 50px !important;
	background: var(--sf-tint) !important;
	color: var(--sf-accent-dark) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

a.sf-blog-chip:hover, a.sf-blog-chip:focus {
	background: var(--sf-accent) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.sf-blog-card__meta a {
	color: var(--sf-accent) !important;
	text-decoration: none !important;
}

.sf-blog-card__meta a:hover, .sf-blog-card__meta a:focus {
	color: var(--sf-accent-dark) !important;
	text-decoration: underline !important;
}

.sf-blog-empty {
	grid-column: 1/-1 !important;
	margin: 0 !important;
	padding: 48px 0 !important;
	color: var(--sf-slate) !important;
	font-size: 17px !important;
	text-align: center !important;
}

.sf-blog-pagination {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 44px 0 8px !important;
}

.sf-blog-pagination .page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 44px !important;
	height: 44px !important;
	padding: 0 12px !important;
	border: 1px solid var(--sf-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	color: var(--sf-accent) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.sf-blog-pagination .page-numbers:hover, .sf-blog-pagination .page-numbers:focus {
	border-color: var(--sf-accent) !important;
	background: var(--sf-tint) !important;
	color: var(--sf-accent-dark) !important;
	text-decoration: none !important;
}

.sf-blog-pagination .page-numbers.current {
	border-color: var(--sf-accent) !important;
	background: var(--sf-accent) !important;
	color: #fff !important;
}

.sf-blog-pagination .page-numbers.dots {
	border-color: transparent !important;
	background: none !important;
	color: var(--sf-slate) !important;
}

.sf-blog-strip--popular {
	background: var(--sf-tint) !important;
}

.sf-blog-strip__more {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: var(--sf-accent) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.sf-blog-strip__more:hover, .sf-blog-strip__more:focus {
	color: var(--sf-accent-dark) !important;
	text-decoration: underline !important;
}

.sf-blog-strip__more .sf-blog-icon {
	width: 18px !important;
	height: 18px !important;
}

.sf-blog-byline__photo img {
	display: block !important;
	width: 72px !important;
	height: 72px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
}

.sf-blog-article__content h4 {
	font-size: 20px !important;
}

.sf-blog-article__terms {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-top: 36px !important;
	padding-top: 24px !important;
	border-top: 1px solid var(--sf-line) !important;
}

.sf-blog-toc.is-open .sf-blog-toc__toggle .sf-blog-icon {
	transform: rotate(180deg) !important;
}

.sf-blog-toc.is-collapsible .sf-blog-toc__body {
	position: relative !important;
	max-height: 132px !important;
	overflow: hidden !important;
	transition: max-height .3s ease !important;
}

.sf-blog-toc.is-collapsible .sf-blog-toc__body::after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	height: 70px !important;
	background: linear-gradient(180deg, rgba(237, 249, 255, 0) 0%, var(--sf-tint) 92%) !important;
	opacity: 1 !important;
	transition: opacity .2s ease !important;
	pointer-events: none !important;
}

.sf-blog-toc.is-collapsible.is-open .sf-blog-toc__body {
	max-height: 2400px !important;
}

.sf-blog-toc.is-collapsible.is-open .sf-blog-toc__body::after {
	opacity: 0 !important;
}

@media ( prefers-reduced-motion: reduce ) {}

.sf-blog-faq {
	padding: 48px 0 !important;
	background: var(--sf-haze) !important;
}

.sf-blog-faq__heading {
	margin: 0 0 24px !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-faq__item {
	margin-bottom: 12px !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: var(--sf-shadow) !important;
}

.sf-blog-faq__question {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: 18px 22px !important;
	color: var(--sf-ink) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
	list-style: none !important;
}

.sf-blog-faq__question::-webkit-details-marker {
	display: none !important;
}

.sf-blog-faq__question .sf-blog-icon {
	width: 22px !important;
	height: 22px !important;
	color: var(--sf-accent) !important;
	transition: transform .18s ease !important;
}

.sf-blog-faq__item[open] .sf-blog-faq__question .sf-blog-icon {
	transform: rotate(180deg) !important;
}

.sf-blog-faq__answer {
	padding: 0 22px 20px !important;
	color: var(--sf-slate) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

.sf-blog-faq__answer p {
	margin: 0 0 1em !important;
}

.sf-blog-faq__answer p:last-child {
	margin-bottom: 0 !important;
}

.sf-blog-author {
	padding: 56px 0 !important;
	background: var(--sf-tint) !important;
	border-top: 1px solid var(--sf-line) !important;
}

.sf-blog-author__heading {
	margin: 0 0 24px !important;
	font-family: var(--sf-font) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: var(--sf-slate) !important;
}

.sf-blog-author__body {
	display: flex !important;
	gap: 28px !important;
	align-items: flex-start !important;
}

.sf-blog-author__photo {
	flex: 0 0 auto !important;
	width: 120px !important;
}

.sf-blog-author__photo img {
	display: block !important;
	width: 120px !important;
	height: 120px !important;
	min-width: 96px !important;
	min-height: 96px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	border: 3px solid #fff !important;
	box-shadow: var(--sf-shadow) !important;
}

.sf-blog-author__details {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.sf-blog-author__name {
	margin: 0 0 4px !important;
	font-family: var(--sf-font) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: var(--sf-ink) !important;
}

.sf-blog-author__name a {
	color: inherit !important;
	text-decoration: none !important;
}

.sf-blog-author__name a:hover, .sf-blog-author__name a:focus {
	color: var(--sf-accent) !important;
	text-decoration: underline !important;
}

.sf-blog-author__role {
	margin: 0 0 8px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--sf-accent-dark) !important;
}

.sf-blog-author__location {
	display: flex !important;
	gap: 6px !important;
	align-items: center !important;
	margin: 0 0 14px !important;
	font-size: 14px !important;
	color: var(--sf-slate) !important;
}

.sf-blog-author__location .sf-blog-icon {
	width: 16px !important;
	height: 16px !important;
	flex: 0 0 auto !important;
	color: var(--sf-accent) !important;
}

.sf-blog-author__bio {
	margin: 0 0 16px !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: var(--sf-slate) !important;
}

.sf-blog-author__more {
	white-space: nowrap !important;
	color: var(--sf-accent) !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}

.sf-blog-author__link {
	display: inline-flex !important;
	gap: 8px !important;
	align-items: center !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--sf-accent) !important;
	text-decoration: none !important;
}

.sf-blog-author__link:hover, .sf-blog-author__link:focus {
	color: var(--sf-accent-dark) !important;
	text-decoration: underline !important;
}

.sf-blog-author__link .sf-blog-icon {
	width: 18px !important;
	height: 18px !important;
}

@media ( max-width: 600px ) {
	.sf-blog-author__body {
		flex-direction: column !important;
		gap: 18px !important;
	}
	
	.sf-blog-author__photo, .sf-blog-author__photo img {
		width: 96px !important;
	}
	
	.sf-blog-author__photo img {
		height: 96px !important;
	}
}