/* Loaded only for single blog posts and their block editor. */
.fs-post-single .ch-blog-back {
	width: 100%;
	justify-self: stretch;
	justify-content: flex-start;
}

.fs-post-single .fs-single__body > .ch-blog-back {
	margin-inline: 0 !important;
}

.fs-post-single .ch-blog-back--top {
	margin-block: 0 2rem;
}

.fs-post-single .ch-blog-back--bottom {
	margin-block-start: clamp(3rem, 5vw, 4rem);
}

.fs-post-single .ch-blog-back .wp-block-button__link {
	white-space: normal;
	text-align: left;
}

.fs-post-single .fs-single__body {
	max-width: min(760px, calc(100% - 40px));
	padding-block: clamp(2.5rem, 5vw, 4.5rem);
}

.fs-post-single .fs-post-hero__inner {
	max-width: min(760px, calc(100% - 40px));
	padding-inline: 0;
}

.fs-post-single .fs-post-hero__title {
	font-size: clamp(2.25rem, 3.5vw, 3.5rem);
	line-height: 1.12;
	max-width: none;
	text-wrap: balance;
}

.fs-post-single .fs-post-hero__excerpt {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.65;
	max-width: none;
}

.editor-styles-wrapper {
	--fs-editor-content-width: min(760px, calc(100% - 40px));
	--wp--style--global--content-size: 760px;
}

.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper {
	margin-inline: auto;
}

.editor-styles-wrapper .editor-post-title__input {
	font-size: clamp(2.25rem, 3.5vw, 3.5rem);
	line-height: 1.12;
	margin-block: 2rem;
}

:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(p, li) {
	font-family: var(--ch-font-family-base, var(--fs-font-family-body, Inter, sans-serif));
	font-size: 1.125rem;
	line-height: 1.75;
}

/* Old HubSpot spans must inherit the article scale instead of 15/16px sizes. */
:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(p, li, h2, h3, h4, h5, h6) :where(span[style], strong[style], em[style]) {
	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
}

:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(p) {
	margin-block: 0 1.25rem;
}

:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(h2, h3, h4, h5, h6) {
	font-family: var(--ch-font-family-heading, var(--fs-font-family-heading, Georgia, serif));
	font-weight: 500;
	line-height: 1.25;
	margin-block: 2.75rem 1rem;
	text-wrap: pretty;
}

:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) h2 { font-size: clamp(1.875rem, 2.5vw, 2.25rem); }
:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) h3 { font-size: clamp(1.625rem, 2vw, 1.875rem); }
:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(h4, h5, h6) { font-size: 1.375rem; }

.fs-post-single .fs-single__content > * + * { margin-block-start: 0; }
.fs-post-single .fs-single__content > :where(h2, h3, h4, h5, h6) { margin-block-start: 2.75rem; }

:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(ul, ol) {
	margin-block: 0 1.5rem;
	padding-inline-start: 1.5rem;
}

:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) li + li { margin-block-start: 0.5rem; }
:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) li > p { margin-block-end: 0.5rem; }
:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(img, video) { max-width: 100%; height: auto; }
:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(figure, blockquote) { margin-block: 2rem; }
.fs-post-single .fs-single__content { overflow-wrap: anywhere; }
.fs-post-single .fs-single__content > p:has(> span[id^="more-"]:only-child) { display: none; }

@media (max-width: 600px) {
	:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(p, li) { font-size: 1rem; }
	:is(.fs-post-single .fs-single__content, .editor-styles-wrapper, .mce-content-body) :where(h2, h3, h4, h5, h6) { margin-block-start: 2rem; }
}

/* Comfortable reading column inside the Classic block editing dialog. */
.mce-content-body {
	--ch-font-family-base: Inter, sans-serif;
	--ch-font-family-heading: "Cormorant Garamond", Georgia, serif;
	max-width: 760px;
	margin-inline: auto;
	padding: 24px 20px;
	box-sizing: border-box;
}