/* Blog Listing (.ms-blog) */
body.template-block-builder .wp-block-acf-blog-listing,
body.template-page .wp-block-acf-blog-listing,
body.template-component-demo .wp-block-acf-blog-listing,
.editor-styles-wrapper .wp-block-acf-blog-listing {
	border: 0;
	margin-top: 0;
	margin-bottom: 0;
}

body.template-block-builder .ms-blog,
body.template-page .ms-blog,
body.template-component-demo .ms-blog,
.editor-styles-wrapper .ms-blog {
	--ms-blog-page: #faf7f0;
	--ms-blog-card: #f8f4e8;
	--ms-blog-ink: #241f21;
	--ms-blog-cream: #f8f4e8;
	--ms-blog-gold: #e3cf82;
	--ms-blog-green: #1c4220;
	--ms-blog-link: #739e7a;
	--ms-blog-sidebar-border: #d7c493;
	--ms-blog-muted: #a7a6a6;
	--ms-blog-pager: #eee9dd;
	--ms-blog-max: 1200px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	background: var(--ms-blog-page);
	color: var(--ms-blog-ink);
	border: 0;
}

body.template-block-builder .ms-blog *,
body.template-page .ms-blog *,
body.template-component-demo .ms-blog *,
.editor-styles-wrapper .ms-blog * {
	box-sizing: border-box;
}

body.template-block-builder .ms-blog__inner,
body.template-page .ms-blog__inner,
body.template-component-demo .ms-blog__inner,
.editor-styles-wrapper .ms-blog__inner {
	max-width: var(--ms-blog-max);
	margin: 0 auto;
	width: 100%;
	padding: 0;
}

body.template-block-builder .ms-blog__body,
body.template-page .ms-blog__body,
body.template-component-demo .ms-blog__body,
.editor-styles-wrapper .ms-blog__body {
	background: var(--ms-blog-page);
	padding: 80px 72px 40px;
	margin: 0;
	width: 100%;
}

body.template-block-builder .ms-blog__body--after,
body.template-page .ms-blog__body--after,
body.template-component-demo .ms-blog__body--after,
.editor-styles-wrapper .ms-blog__body--after {
	padding-top: 80px;
	padding-bottom: 100px;
}

body.template-block-builder .ms-blog__empty,
body.template-page .ms-blog__empty,
body.template-component-demo .ms-blog__empty,
.editor-styles-wrapper .ms-blog__empty {
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-size: 18px;
	color: var(--ms-blog-ink);
	margin: 0;
}

/* Hero */
body.template-block-builder .ms-blog__hero,
body.template-page .ms-blog__hero,
body.template-component-demo .ms-blog__hero,
.editor-styles-wrapper .ms-blog__hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 560px;
	height: min(72vh, 720px);
	padding: 64px 72px 80px;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

body.template-block-builder .ms-blog__hero-media,
body.template-page .ms-blog__hero-media,
body.template-component-demo .ms-blog__hero-media,
.editor-styles-wrapper .ms-blog__hero-media {
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
	z-index: 0;
}

body.template-block-builder .ms-blog__hero-img,
body.template-page .ms-blog__hero-img,
body.template-component-demo .ms-blog__hero-img,
.editor-styles-wrapper .ms-blog__hero-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border: 0;
	margin: 0;
	padding: 0;
}

body.template-block-builder .ms-blog__hero-overlay,
body.template-page .ms-blog__hero-overlay,
body.template-component-demo .ms-blog__hero-overlay,
.editor-styles-wrapper .ms-blog__hero-overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to right, rgba(20, 35, 18, 0.72) 0%, rgba(20, 35, 18, 0.38) 48%, rgba(20, 35, 18, 0.08) 100%),
		linear-gradient(to top, rgba(20, 35, 18, 0.78) 0%, rgba(20, 35, 18, 0) 55%);
	pointer-events: none;
}

body.template-block-builder .ms-blog__hero-content,
body.template-page .ms-blog__hero-content,
body.template-component-demo .ms-blog__hero-content,
.editor-styles-wrapper .ms-blog__hero-content {
	position: relative;
	z-index: 1;
	max-width: 900px;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.template-block-builder .ms-blog__featured-label,
body.template-page .ms-blog__featured-label,
body.template-component-demo .ms-blog__featured-label,
.editor-styles-wrapper .ms-blog__featured-label {
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--ms-blog-gold);
	margin: 0 0 16px;
	padding: 0;
}

body.template-block-builder .ms-blog__hero-title,
body.template-page .ms-blog__hero-title,
body.template-component-demo .ms-blog__hero-title,
.editor-styles-wrapper .ms-blog__hero-title {
	font-family: 'Lora', var(--font-heading, Georgia, serif);
	font-weight: 400;
	font-style: normal;
	font-size: var(--text-h1, 3rem);
	line-height: var(--line-tight, 1.25);
	letter-spacing: 0;
	color: var(--ms-blog-cream);
	margin: 0 0 32px;
	padding: 0;
	border: 0;
}

body.template-block-builder .ms-blog__hero-btn,
body.template-page .ms-blog__hero-btn,
body.template-component-demo .ms-blog__hero-btn,
.editor-styles-wrapper .ms-blog__hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	opacity: 1;
	border-radius: 999px;
	padding: 12px 28px;
	margin: 0;
	border: 0;
	background: var(--ms-blog-green);
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-decoration: none;
	color: var(--ms-blog-cream);
	transition: opacity 0.2s ease;
}

body.template-block-builder .ms-blog__hero-btn:hover,
body.template-page .ms-blog__hero-btn:hover,
body.template-component-demo .ms-blog__hero-btn:hover,
.editor-styles-wrapper .ms-blog__hero-btn:hover,
body.template-block-builder .ms-blog__hero-btn:focus-visible,
body.template-page .ms-blog__hero-btn:focus-visible,
body.template-component-demo .ms-blog__hero-btn:focus-visible,
.editor-styles-wrapper .ms-blog__hero-btn:focus-visible {
	opacity: 0.85;
	outline: none;
}

/* Layout: cards + sidebar */
body.template-block-builder .ms-blog__layout,
body.template-page .ms-blog__layout,
body.template-component-demo .ms-blog__layout,
.editor-styles-wrapper .ms-blog__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
	gap: 24px 40px;
	align-items: start;
	margin: 0;
	padding: 0;
	width: 100%;
}

body.template-block-builder .ms-blog__layout--tail,
body.template-page .ms-blog__layout--tail,
body.template-component-demo .ms-blog__layout--tail,
.editor-styles-wrapper .ms-blog__layout--tail {
	grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
}

body.template-block-builder .ms-blog__cards,
body.template-page .ms-blog__cards,
body.template-component-demo .ms-blog__cards,
.editor-styles-wrapper .ms-blog__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 24px;
	margin: 0;
	padding: 0;
	min-width: 0;
}

body.template-block-builder .ms-blog__card,
body.template-page .ms-blog__card,
body.template-component-demo .ms-blog__card,
.editor-styles-wrapper .ms-blog__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	margin: 0;
	padding: 40px 36px 36px;
	background: var(--ms-blog-card);
	border: 0;
}

body.template-block-builder .ms-blog__cats,
body.template-page .ms-blog__cats,
body.template-component-demo .ms-blog__cats,
.editor-styles-wrapper .ms-blog__cats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 0 0 16px;
	padding: 0;
}

body.template-block-builder .ms-blog__cat,
body.template-page .ms-blog__cat,
body.template-component-demo .ms-blog__cat,
.editor-styles-wrapper .ms-blog__cat {
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-weight: 500;
	font-style: normal;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--ms-blog-ink);
	margin: 0;
	padding: 0;
	border: 0;
}

body.template-block-builder .ms-blog__title,
body.template-page .ms-blog__title,
body.template-component-demo .ms-blog__title,
.editor-styles-wrapper .ms-blog__title {
	font-family: 'Lora', var(--font-heading, Georgia, serif);
	font-weight: 400;
	font-style: normal;
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--ms-blog-ink);
	margin: 0 0 24px;
	padding: 0;
	border: 0;
}

body.template-block-builder .ms-blog__title a,
body.template-page .ms-blog__title a,
body.template-component-demo .ms-blog__title a,
.editor-styles-wrapper .ms-blog__title a {
	color: inherit;
	text-decoration: none;
}

body.template-block-builder .ms-blog__excerpt,
body.template-page .ms-blog__excerpt,
body.template-component-demo .ms-blog__excerpt,
.editor-styles-wrapper .ms-blog__excerpt {
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: 0;
	color: var(--ms-blog-ink);
	margin: 0 0 24px;
	padding: 0;
	border: 0;
	flex: 1;
}

body.template-block-builder .ms-blog__link,
body.template-page .ms-blog__link,
body.template-component-demo .ms-blog__link,
.editor-styles-wrapper .ms-blog__link {
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-decoration: underline;
	text-decoration-style: solid;
	text-underline-offset: 0.4em;
	text-decoration-thickness: 1px;
	text-decoration-skip-ink: auto;
	color: var(--ms-blog-link);
	margin: 0;
	padding: 0;
	border: 0;
	transition: opacity 0.2s ease;
}

body.template-block-builder .ms-blog__link:hover,
body.template-page .ms-blog__link:hover,
body.template-component-demo .ms-blog__link:hover,
.editor-styles-wrapper .ms-blog__link:hover,
body.template-block-builder .ms-blog__link:focus-visible,
body.template-page .ms-blog__link:focus-visible,
body.template-component-demo .ms-blog__link:focus-visible,
.editor-styles-wrapper .ms-blog__link:focus-visible,
body.template-block-builder .ms-blog__cat:hover,
body.template-page .ms-blog__cat:hover,
body.template-component-demo .ms-blog__cat:hover,
.editor-styles-wrapper .ms-blog__cat:hover,
body.template-block-builder .ms-blog__title a:hover,
body.template-page .ms-blog__title a:hover,
body.template-component-demo .ms-blog__title a:hover,
.editor-styles-wrapper .ms-blog__title a:hover {
	opacity: 0.75;
	outline: none;
}

/* Sidebar */
body.template-block-builder .ms-blog__sidebar,
body.template-page .ms-blog__sidebar,
body.template-component-demo .ms-blog__sidebar,
.editor-styles-wrapper .ms-blog__sidebar {
	grid-column: 2;
	grid-row: 1 / -1;
	margin: 0;
	padding: 8px 0 8px 32px;
	border: 0;
	border-left: 2px solid var(--ms-blog-sidebar-border);
	opacity: 1;
	min-width: 0;
}

body.template-block-builder .ms-blog__sidebar,
body.template-page .ms-blog__sidebar,
body.template-component-demo .ms-blog__sidebar,
.editor-styles-wrapper .ms-blog__sidebar {
	border-left-color: rgba(215, 196, 147, 0.4);
}

body.template-block-builder .ms-blog__sidebar-title,
body.template-page .ms-blog__sidebar-title,
body.template-component-demo .ms-blog__sidebar-title,
.editor-styles-wrapper .ms-blog__sidebar-title {
	font-family: 'Lora', var(--font-heading, Georgia, serif);
	font-weight: 400;
	font-style: normal;
	font-size: 38px;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--ms-blog-ink);
	margin: 0 0 28px;
	padding: 0;
	border: 0;
}

body.template-block-builder .ms-blog__sidebar-list,
body.template-page .ms-blog__sidebar-list,
body.template-component-demo .ms-blog__sidebar-list,
.editor-styles-wrapper .ms-blog__sidebar-list {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

body.template-block-builder .ms-blog__sidebar-list li,
body.template-page .ms-blog__sidebar-list li,
body.template-component-demo .ms-blog__sidebar-list li,
.editor-styles-wrapper .ms-blog__sidebar-list li {
	margin: 0 0 16px;
	padding: 0;
}

body.template-block-builder .ms-blog__sidebar-link,
body.template-page .ms-blog__sidebar-link,
body.template-component-demo .ms-blog__sidebar-link,
.editor-styles-wrapper .ms-blog__sidebar-link {
	font-family: 'Lora', var(--font-heading, Georgia, serif);
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--ms-blog-ink);
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	transition: opacity 0.2s ease;
}

body.template-block-builder .ms-blog__sidebar-link:hover,
body.template-page .ms-blog__sidebar-link:hover,
body.template-component-demo .ms-blog__sidebar-link:hover,
.editor-styles-wrapper .ms-blog__sidebar-link:hover {
	opacity: 0.7;
}

body.template-block-builder .ms-blog__sidebar-all,
body.template-page .ms-blog__sidebar-all,
body.template-component-demo .ms-blog__sidebar-all,
.editor-styles-wrapper .ms-blog__sidebar-all {
	font-family: 'Lora', var(--font-heading, Georgia, serif);
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--ms-blog-muted);
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	transition: opacity 0.2s ease;
}

body.template-block-builder .ms-blog__sidebar-all:hover,
body.template-page .ms-blog__sidebar-all:hover,
body.template-component-demo .ms-blog__sidebar-all:hover,
.editor-styles-wrapper .ms-blog__sidebar-all:hover {
	opacity: 0.7;
}

/* Mid-page 30/70 feature */
body.template-block-builder .ms-blog__feature,
body.template-page .ms-blog__feature,
body.template-component-demo .ms-blog__feature,
.editor-styles-wrapper .ms-blog__feature {
	--ms-blog-ink: #f8f4e8;
	--ms-blog-link: #f8f4e8;
	background: var(--ms-blog-green);
	width: 100%;
	margin: 0;
	padding: 80px 72px;
	color: #f8f4e8;
}

body.template-block-builder .ms-blog__feature-inner,
body.template-page .ms-blog__feature-inner,
body.template-component-demo .ms-blog__feature-inner,
.editor-styles-wrapper .ms-blog__feature-inner {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
	gap: 48px;
	align-items: center;
	max-width: var(--ms-blog-max);
	margin: 0 auto;
	width: 100%;
}

body.template-block-builder .ms-blog__feature-media,
body.template-page .ms-blog__feature-media,
body.template-component-demo .ms-blog__feature-media,
.editor-styles-wrapper .ms-blog__feature-media {
	margin: 0;
	padding: 0;
	min-width: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #d4cbb8;
}

body.template-block-builder .ms-blog__feature-img,
body.template-page .ms-blog__feature-img,
body.template-component-demo .ms-blog__feature-img,
.editor-styles-wrapper .ms-blog__feature-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border: 0;
	margin: 0;
	padding: 0;
}

body.template-block-builder .ms-blog__feature-copy,
body.template-page .ms-blog__feature-copy,
body.template-component-demo .ms-blog__feature-copy,
.editor-styles-wrapper .ms-blog__feature-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	margin: 0;
	padding: 0;
}

body.template-block-builder .ms-blog__feature .ms-blog__cat,
body.template-page .ms-blog__feature .ms-blog__cat,
body.template-component-demo .ms-blog__feature .ms-blog__cat,
.editor-styles-wrapper .ms-blog__feature .ms-blog__cat,
body.template-block-builder .ms-blog__feature .ms-blog__title,
body.template-page .ms-blog__feature .ms-blog__title,
body.template-component-demo .ms-blog__feature .ms-blog__title,
.editor-styles-wrapper .ms-blog__feature .ms-blog__title,
body.template-block-builder .ms-blog__feature .ms-blog__title a,
body.template-page .ms-blog__feature .ms-blog__title a,
body.template-component-demo .ms-blog__feature .ms-blog__title a,
.editor-styles-wrapper .ms-blog__feature .ms-blog__title a,
body.template-block-builder .ms-blog__feature .ms-blog__excerpt,
body.template-page .ms-blog__feature .ms-blog__excerpt,
body.template-component-demo .ms-blog__feature .ms-blog__excerpt,
.editor-styles-wrapper .ms-blog__feature .ms-blog__excerpt,
body.template-block-builder .ms-blog__feature .ms-blog__link,
body.template-page .ms-blog__feature .ms-blog__link,
body.template-component-demo .ms-blog__feature .ms-blog__link,
.editor-styles-wrapper .ms-blog__feature .ms-blog__link {
	color: #f8f4e8;
}

/* Pagination */
body.template-block-builder .ms-blog__pagination,
body.template-page .ms-blog__pagination,
body.template-component-demo .ms-blog__pagination,
.editor-styles-wrapper .ms-blog__pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 4px;
	margin: 56px 0 0;
	padding: 0;
	width: 100%;
}

body.template-block-builder .ms-blog__page-link,
body.template-page .ms-blog__page-link,
body.template-component-demo .ms-blog__page-link,
.editor-styles-wrapper .ms-blog__page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 4px 10px;
	margin: 0;
	border: 0;
	background: transparent;
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none;
	color: var(--ms-blog-ink);
}

body.template-block-builder .ms-blog__page-link.is-current,
body.template-page .ms-blog__page-link.is-current,
body.template-component-demo .ms-blog__page-link.is-current,
.editor-styles-wrapper .ms-blog__page-link.is-current {
	background: var(--ms-blog-pager);
}

body.template-block-builder .ms-blog__page-link.is-disabled,
body.template-page .ms-blog__page-link.is-disabled,
body.template-component-demo .ms-blog__page-link.is-disabled,
.editor-styles-wrapper .ms-blog__page-link.is-disabled {
	opacity: 0.35;
	pointer-events: none;
}

body.template-block-builder .ms-blog__page-ellipsis,
body.template-page .ms-blog__page-ellipsis,
body.template-component-demo .ms-blog__page-ellipsis,
.editor-styles-wrapper .ms-blog__page-ellipsis {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	font-family: 'Roboto', var(--font-body, sans-serif);
	font-weight: 300;
	font-size: 16px;
	color: var(--ms-blog-ink);
}

@media (max-width: 1024px) {
	body.template-block-builder .ms-blog__hero,
	body.template-page .ms-blog__hero,
	body.template-component-demo .ms-blog__hero,
	.editor-styles-wrapper .ms-blog__hero,
	body.template-block-builder .ms-blog__body,
	body.template-page .ms-blog__body,
	body.template-component-demo .ms-blog__body,
	.editor-styles-wrapper .ms-blog__body,
	body.template-block-builder .ms-blog__feature,
	body.template-page .ms-blog__feature,
	body.template-component-demo .ms-blog__feature,
	.editor-styles-wrapper .ms-blog__feature {
		padding-left: 40px;
		padding-right: 40px;
	}

	body.template-block-builder .ms-blog__layout,
	body.template-page .ms-blog__layout,
	body.template-component-demo .ms-blog__layout,
	.editor-styles-wrapper .ms-blog__layout,
	body.template-block-builder .ms-blog__layout--tail,
	body.template-page .ms-blog__layout--tail,
	body.template-component-demo .ms-blog__layout--tail,
	.editor-styles-wrapper .ms-blog__layout--tail {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	body.template-block-builder .ms-blog__sidebar,
	body.template-page .ms-blog__sidebar,
	body.template-component-demo .ms-blog__sidebar,
	.editor-styles-wrapper .ms-blog__sidebar {
		grid-column: 1;
		grid-row: auto;
		padding-left: 24px;
		order: 2;
	}

	body.template-block-builder .ms-blog__feature-inner,
	body.template-page .ms-blog__feature-inner,
	body.template-component-demo .ms-blog__feature-inner,
	.editor-styles-wrapper .ms-blog__feature-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
		gap: 32px;
	}
}

@media (max-width: 600px) {
	body.template-block-builder .ms-blog__hero,
	body.template-page .ms-blog__hero,
	body.template-component-demo .ms-blog__hero,
	.editor-styles-wrapper .ms-blog__hero {
		min-height: 420px;
		height: auto;
		padding: 48px 24px 56px;
	}

	body.template-block-builder .ms-blog__body,
	body.template-page .ms-blog__body,
	body.template-component-demo .ms-blog__body,
	.editor-styles-wrapper .ms-blog__body,
	body.template-block-builder .ms-blog__feature,
	body.template-page .ms-blog__feature,
	body.template-component-demo .ms-blog__feature,
	.editor-styles-wrapper .ms-blog__feature {
		padding-left: 24px;
		padding-right: 24px;
	}

	body.template-block-builder .ms-blog__body,
	body.template-page .ms-blog__body,
	body.template-component-demo .ms-blog__body,
	.editor-styles-wrapper .ms-blog__body {
		padding-top: 48px;
		padding-bottom: 32px;
	}

	body.template-block-builder .ms-blog__body--after,
	body.template-page .ms-blog__body--after,
	body.template-component-demo .ms-blog__body--after,
	.editor-styles-wrapper .ms-blog__body--after {
		padding-bottom: 80px;
	}

	body.template-block-builder .ms-blog__cards,
	body.template-page .ms-blog__cards,
	body.template-component-demo .ms-blog__cards,
	.editor-styles-wrapper .ms-blog__cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	body.template-block-builder .ms-blog__card,
	body.template-page .ms-blog__card,
	body.template-component-demo .ms-blog__card,
	.editor-styles-wrapper .ms-blog__card {
		padding: 28px 24px;
	}

	body.template-block-builder .ms-blog__hero-title,
	body.template-page .ms-blog__hero-title,
	body.template-component-demo .ms-blog__hero-title,
	.editor-styles-wrapper .ms-blog__hero-title {
		margin-bottom: 24px;
	}

	body.template-block-builder .ms-blog__featured-label,
	body.template-page .ms-blog__featured-label,
	body.template-component-demo .ms-blog__featured-label,
	.editor-styles-wrapper .ms-blog__featured-label {
		font-size: 18px;
	}

	body.template-block-builder .ms-blog__hero-btn,
	body.template-page .ms-blog__hero-btn,
	body.template-component-demo .ms-blog__hero-btn,
	.editor-styles-wrapper .ms-blog__hero-btn {
		padding: 10px 22px;
	}

	body.template-block-builder .ms-blog__title,
	body.template-page .ms-blog__title,
	body.template-component-demo .ms-blog__title,
	.editor-styles-wrapper .ms-blog__title,
	body.template-block-builder .ms-blog__sidebar-title,
	body.template-page .ms-blog__sidebar-title,
	body.template-component-demo .ms-blog__sidebar-title,
	.editor-styles-wrapper .ms-blog__sidebar-title {
		font-size: 28px;
	}

	body.template-block-builder .ms-blog__feature-inner,
	body.template-page .ms-blog__feature-inner,
	body.template-component-demo .ms-blog__feature-inner,
	.editor-styles-wrapper .ms-blog__feature-inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	body.template-block-builder .ms-blog__feature-media,
	body.template-page .ms-blog__feature-media,
	body.template-component-demo .ms-blog__feature-media,
	.editor-styles-wrapper .ms-blog__feature-media {
		aspect-ratio: 16 / 10;
	}

	body.template-block-builder .ms-blog__sidebar-link,
	body.template-page .ms-blog__sidebar-link,
	body.template-component-demo .ms-blog__sidebar-link,
	.editor-styles-wrapper .ms-blog__sidebar-link,
	body.template-block-builder .ms-blog__sidebar-all,
	body.template-page .ms-blog__sidebar-all,
	body.template-component-demo .ms-blog__sidebar-all,
	.editor-styles-wrapper .ms-blog__sidebar-all {
		font-size: 20px;
	}
}