body.single-post {
	background: #edece8;
}

.ff-single-post {
	background: #edece8;
	color: #003649;
	padding: clamp(46px, 6vw, 72px) clamp(24px, 5vw, 72px) clamp(72px, 8vw, 120px);
}

.ff-single-post__article {
	margin: 0 auto;
	max-width: 860px;
}

.ff-single-post__header {
	margin-bottom: clamp(32px, 4vw, 56px);
}

.ff-single-post__eyebrow {
	color: #003649;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.ff-single-post__eyebrow a {
	color: inherit;
	text-decoration: none;
}

.ff-single-post__eyebrow a:hover,
.ff-single-post__eyebrow a:focus-visible {
	text-decoration: underline;
	text-decoration-color: #0094c8;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

.ff-single-post__title {
	color: #003649;
	font-family: "DM Serif Display", serif;
	font-size: clamp(42px, 6vw, 76px);
	font-weight: 400;
	line-height: 0.96;
	margin: 0;
	max-width: 920px;
}

.ff-single-post__content {
	font-family: "Montserrat", sans-serif;
	font-size: clamp(17px, 1.4vw, 20px);
	line-height: 1.7;
}

.ff-single-post__content > * {
	margin-top: 0;
	margin-bottom: 1.35em;
}

.ff-single-post__content p {
	max-width: 760px;
}

.ff-single-post__content blockquote {
	background: rgba(177, 198, 196, 0.28);
	border-left: 6px solid #c0d330;
	color: #003649;
	margin: clamp(32px, 4vw, 48px) 0;
	padding: clamp(24px, 3vw, 36px);
}

.ff-single-post__content blockquote p {
	font-family: "DM Serif Display", serif;
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.18;
	margin: 0;
}

.ff-single-post__content h2,
.ff-single-post__content h3 {
	color: #003649;
	line-height: 1.05;
	margin-top: clamp(48px, 6vw, 72px);
}

.ff-single-post__content h2 {
	font-family: "DM Serif Display", serif;
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 400;
}

.ff-single-post__content h3 {
	font-family: "Oswald", sans-serif;
	font-size: clamp(22px, 2.4vw, 30px);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ff-single-post__content ul {
	max-width: 760px;
	padding-left: 1.25em;
}

.ff-single-post__content li {
	margin-bottom: 0.65em;
}

.ff-single-post__content .ff-callout-box {
	background: #c0d330;
	color: #003649;
	margin-top: clamp(56px, 7vw, 88px);
	padding: clamp(28px, 5vw, 56px);
}

.ff-single-post__content .ff-callout-box h2,
.ff-single-post__content .ff-callout-box h3 {
	margin-top: 0;
}
