/**
 * NovaSpark Prose Layer — long-form article content.
 *
 * Scoped to .entry-content / .ns-post-body so it never leaks into cards,
 * widgets or chrome. Tokens come from variables.css.
 *
 * Layout model: normal flow (not grid) so that float-based .alignleft /
 * .alignright keep working. The reading measure is applied to the *children*,
 * which lets .alignwide and .alignfull widen themselves without fighting a
 * container max-width.
 *
 * @package NovaSpark
 */

/* ==========================================================================
   1. Measure & Rhythm
   ========================================================================== */
.entry-content,
.ns-post-body,
.editor-styles-wrapper {
	color: var(--ns-text-2);
	font-size: var(--ns-text-lg);
	line-height: 1.75;
	overflow-wrap: break-word;
}

/* Every direct child sits in the reading column; wide/full opt out below. */
.entry-content > *,
.ns-post-body > *,
.editor-styles-wrapper > * {
	max-width: var(--ns-prose-width);
	margin-inline: auto;
}

.entry-content > * + *,
.ns-post-body > * + *,
.editor-styles-wrapper > * + * {
	margin-block-start: var(--ns-space-6);
}

.entry-content ::selection,
.ns-post-body ::selection,
.editor-styles-wrapper ::selection {
	background: var(--ns-selection);
}

/* ==========================================================================
   2. Headings
   ========================================================================== */
.entry-content :is(h1, h2, h3, h4, h5, h6),
.ns-post-body :is(h1, h2, h3, h4, h5, h6),
.editor-styles-wrapper :is(h1, h2, h3, h4, h5, h6) {
	color: var(--ns-text);
	line-height: 1.25;
	text-wrap: balance;
	/* Clears the 64px sticky header when the ToC jumps to an anchor. */
	scroll-margin-top: calc(var(--ns-header-height) + var(--ns-space-6));
}

.entry-content > :is(h2, h3, h4, h5, h6),
.ns-post-body > :is(h2, h3, h4, h5, h6),
.editor-styles-wrapper > :is(h2, h3, h4, h5, h6) {
	margin-block: var(--ns-space-12) var(--ns-space-4);
}

.entry-content > :is(h2, h3, h4, h5, h6):first-child,
.ns-post-body > :is(h2, h3, h4, h5, h6):first-child,
.editor-styles-wrapper > :is(h2, h3, h4, h5, h6):first-child {
	margin-block-start: 0;
}

.entry-content h2,
.ns-post-body h2,
.editor-styles-wrapper h2 {
	font-size: var(--ns-h2-size);
	letter-spacing: -0.02em;
	padding-block-end: var(--ns-space-3);
	border-block-end: 1px solid var(--ns-border);
}

.entry-content h3, .ns-post-body h3 { font-size: var(--ns-h3-size); }
.entry-content h4, .ns-post-body h4 { font-size: var(--ns-h4-size); }
.entry-content h5, .ns-post-body h5 { font-size: var(--ns-h5-size); }

.entry-content h6,
.ns-post-body h6,
.editor-styles-wrapper h6 {
	font-size: var(--ns-text-sm);
	font-family: var(--ns-font-mono);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ns-text-3);
}

/* ==========================================================================
   3. Paragraphs, links, inline
   ========================================================================== */
.entry-content p,
.ns-post-body p,
.editor-styles-wrapper p {
	margin-block-end: 0;
	text-wrap: pretty;
}

/* Lead paragraph */
.entry-content > p:first-of-type,
.ns-post-body > p:first-of-type,
.editor-styles-wrapper > p:first-of-type {
	font-size: var(--ns-text-xl);
	line-height: 1.6;
	color: var(--ns-text);
}

.entry-content a:not([class]),
.ns-post-body a:not([class]),
.editor-styles-wrapper a:not([class]) {
	color: var(--ns-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	text-decoration-color: color-mix(in srgb, var(--ns-accent) 40%, transparent);
	transition: text-decoration-color var(--ns-duration) var(--ns-ease), color var(--ns-duration) var(--ns-ease);
}

.entry-content a:not([class]):hover,
.ns-post-body a:not([class]):hover,
.editor-styles-wrapper a:not([class]):hover {
	color: var(--ns-accent-dark);
	text-decoration-color: currentColor;
}

.entry-content :is(strong, b),
.ns-post-body :is(strong, b),
.editor-styles-wrapper :is(strong, b) {
	color: var(--ns-text);
	font-weight: 700;
}

.entry-content mark,
.ns-post-body mark,
.editor-styles-wrapper mark {
	background: var(--ns-accent-light);
	color: var(--ns-text);
	padding: 0.1em 0.3em;
	border-radius: var(--ns-radius-sm);
}

.entry-content abbr[title],
.ns-post-body abbr[title],
.editor-styles-wrapper abbr[title] {
	text-decoration: underline dotted;
	cursor: help;
}

.entry-content :is(sub, sup),
.ns-post-body :is(sub, sup),
.editor-styles-wrapper :is(sub, sup) {
	font-size: 0.72em;
	line-height: 0;
}

.entry-content kbd,
.ns-post-body kbd,
.editor-styles-wrapper kbd {
	font-family: var(--ns-font-mono);
	font-size: 0.85em;
	background: var(--ns-bg-3);
	border: 1px solid var(--ns-border);
	border-block-end-width: 2px;
	border-radius: var(--ns-radius-sm);
	padding: 0.15em 0.45em;
	color: var(--ns-text);
}

/* ==========================================================================
   4. Lists
   ========================================================================== */
.entry-content :is(ul, ol),
.ns-post-body :is(ul, ol),
.editor-styles-wrapper :is(ul, ol) {
	padding-inline-start: var(--ns-space-6);
}

.entry-content li,
.ns-post-body li,
.editor-styles-wrapper li {
	margin-block-end: var(--ns-space-2);
	padding-inline-start: var(--ns-space-1);
}

.entry-content li::marker,
.ns-post-body li::marker,
.editor-styles-wrapper li::marker {
	color: var(--ns-accent);
}

.entry-content ol li::marker,
.ns-post-body ol li::marker,
.editor-styles-wrapper ol li::marker {
	font-family: var(--ns-font-mono);
	font-size: 0.9em;
	font-weight: 600;
}

/* Nested lists tighten up and stay inside the measure. */
.entry-content li > :is(ul, ol),
.ns-post-body li > :is(ul, ol),
.editor-styles-wrapper li > :is(ul, ol) {
	margin-block: var(--ns-space-2) 0;
	max-width: none;
}

.entry-content li > ul,
.ns-post-body li > ul { list-style-type: circle; }

.entry-content li > ul > li > ul,
.ns-post-body li > ul > li > ul { list-style-type: square; }

/* Definition lists */
.entry-content dt, .ns-post-body dt {
	color: var(--ns-text);
	font-weight: 700;
	margin-block-start: var(--ns-space-4);
}

.entry-content dd, .ns-post-body dd {
	margin-inline-start: var(--ns-space-6);
	color: var(--ns-text-3);
}

/* ==========================================================================
   5. Blockquote & Pullquote
   ========================================================================== */
.entry-content blockquote,
.ns-post-body blockquote,
.editor-styles-wrapper blockquote,
.entry-content .wp-block-quote,
.ns-post-body .wp-block-quote,
.editor-styles-wrapper .wp-block-quote {
	border-inline-start: 3px solid var(--ns-quote-rule);
	padding: var(--ns-space-2) 0 var(--ns-space-2) var(--ns-space-6);
	font-family: var(--ns-font-serif);
	font-size: var(--ns-text-xl);
	font-style: italic;
	line-height: 1.6;
	color: var(--ns-text);
}

.entry-content blockquote p:last-child,
.ns-post-body blockquote p:last-child,
.editor-styles-wrapper blockquote p:last-child {
	margin-block-end: 0;
}

.entry-content :is(blockquote cite, .wp-block-quote cite, figcaption cite),
.ns-post-body :is(blockquote cite, .wp-block-quote cite, figcaption cite),
.editor-styles-wrapper :is(blockquote cite, .wp-block-quote cite, figcaption cite) {
	display: block;
	margin-block-start: var(--ns-space-3);
	font-family: var(--ns-font-sans);
	font-size: var(--ns-text-sm);
	font-style: normal;
	font-weight: 600;
	color: var(--ns-text-3);
}

.entry-content :is(blockquote cite, .wp-block-quote cite)::before,
.ns-post-body :is(blockquote cite, .wp-block-quote cite)::before,
.editor-styles-wrapper :is(blockquote cite, .wp-block-quote cite)::before {
	content: "— ";
}

.entry-content .wp-block-pullquote,
.ns-post-body .wp-block-pullquote,
.editor-styles-wrapper .wp-block-pullquote {
	border-block: 1px solid var(--ns-border);
	border-inline: 0;
	padding: var(--ns-space-10) var(--ns-space-6);
	text-align: center;
	font-family: var(--ns-font-serif);
	font-size: var(--ns-text-2xl);
	line-height: 1.4;
	color: var(--ns-text);
}

.entry-content .wp-block-verse,
.ns-post-body .wp-block-verse,
.editor-styles-wrapper .wp-block-verse {
	font-family: var(--ns-font-mono);
	font-size: var(--ns-text-sm);
	white-space: pre-wrap;
	background: var(--ns-bg-2);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius);
	padding: var(--ns-space-5);
}

/* ==========================================================================
   6. Code
   ========================================================================== */
.entry-content :not(pre) > code,
.ns-post-body :not(pre) > code,
.editor-styles-wrapper :not(pre) > code {
	font-family: var(--ns-font-mono);
	font-size: 0.875em;
	background: var(--ns-code-bg);
	color: var(--ns-code-text);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius-sm);
	padding: 0.15em 0.4em;
	overflow-wrap: break-word;
}

/* Terminal block. Prism (novaspark-code) themes the tokens inside; this owns
   only the container so the two don't fight over colours. */
.entry-content pre,
.ns-post-body pre,
.editor-styles-wrapper pre,
.entry-content .wp-block-code,
.ns-post-body .wp-block-code,
.editor-styles-wrapper .wp-block-code,
.entry-content .wp-block-preformatted,
.ns-post-body .wp-block-preformatted,
.editor-styles-wrapper .wp-block-preformatted {
	font-family: var(--ns-font-mono);
	font-size: var(--ns-text-sm);
	line-height: 1.6;
	background: var(--ns-code-bg);
	color: var(--ns-code-text);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius-lg);
	padding: var(--ns-space-5);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	tab-size: 2;
}

.entry-content pre code,
.ns-post-body pre code,
.editor-styles-wrapper pre code {
	background: none;
	border: 0;
	padding: 0;
	font-size: inherit;
	color: inherit;
}

/* ==========================================================================
   7. Tables
   ========================================================================== */
.entry-content :is(table, .wp-block-table table),
.ns-post-body :is(table, .wp-block-table table),
.editor-styles-wrapper :is(table, .wp-block-table table) {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--ns-text-sm);
	line-height: 1.5;
}

.entry-content :is(th, td),
.ns-post-body :is(th, td),
.editor-styles-wrapper :is(th, td) {
	padding: var(--ns-space-3) var(--ns-space-4);
	border: 1px solid var(--ns-border);
	text-align: start;
	vertical-align: top;
}

.entry-content th,
.ns-post-body th,
.editor-styles-wrapper th {
	background: var(--ns-bg-2);
	color: var(--ns-text);
	font-weight: 600;
	white-space: nowrap;
}

.entry-content tbody tr:nth-child(even),
.ns-post-body tbody tr:nth-child(even),
.editor-styles-wrapper tbody tr:nth-child(even) {
	background: var(--ns-bg-2);
}

.entry-content :is(caption, table + figcaption),
.ns-post-body :is(caption, table + figcaption),
.editor-styles-wrapper :is(caption, table + figcaption) {
	caption-side: bottom;
	padding-block-start: var(--ns-space-3);
	font-size: var(--ns-text-xs);
	color: var(--ns-text-3);
	text-align: start;
}

/* Wide tables scroll inside their own box instead of blowing out the grid. */
.entry-content .wp-block-table,
.ns-post-body .wp-block-table,
.editor-styles-wrapper .wp-block-table,
.entry-content .ns-table-scroll,
.ns-post-body .ns-table-scroll,
.editor-styles-wrapper .ns-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}

/* ==========================================================================
   8. Media — images, figures, embeds
   ========================================================================== */
.entry-content :is(img, video, iframe),
.ns-post-body :is(img, video, iframe),
.editor-styles-wrapper :is(img, video, iframe) {
	max-width: 100%;
	height: auto;
	border-radius: var(--ns-radius);
}

.entry-content figure,
.ns-post-body figure,
.editor-styles-wrapper figure {
	margin-inline: auto;
}

.entry-content :is(figcaption, .wp-caption-text, .wp-block-embed figcaption),
.ns-post-body :is(figcaption, .wp-caption-text, .wp-block-embed figcaption),
.editor-styles-wrapper :is(figcaption, .wp-caption-text, .wp-block-embed figcaption) {
	margin-block-start: var(--ns-space-3);
	font-size: var(--ns-text-xs);
	line-height: 1.5;
	color: var(--ns-text-3);
	text-align: center;
}

.entry-content .wp-block-embed iframe,
.ns-post-body .wp-block-embed iframe,
.editor-styles-wrapper .wp-block-embed iframe {
	width: 100%;
}

.entry-content .wp-block-embed__wrapper,
.ns-post-body .wp-block-embed__wrapper,
.editor-styles-wrapper .wp-block-embed__wrapper {
	position: relative;
}

/* 16:9 responsive wrapper for video providers */
.entry-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.ns-post-body .wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.editor-styles-wrapper .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	aspect-ratio: 16 / 9;
}

.entry-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.ns-post-body .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.editor-styles-wrapper .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.entry-content .wp-block-gallery,
.ns-post-body .wp-block-gallery,
.editor-styles-wrapper .wp-block-gallery {
	gap: var(--ns-space-3);
}

.entry-content .blocks-gallery-caption,
.ns-post-body .blocks-gallery-caption,
.editor-styles-wrapper .blocks-gallery-caption {
	text-align: center;
}

/* ==========================================================================
   9. Separators & misc blocks
   ========================================================================== */
.entry-content :is(hr, .wp-block-separator),
.ns-post-body :is(hr, .wp-block-separator),
.editor-styles-wrapper :is(hr, .wp-block-separator) {
	border: 0;
	border-block-start: 1px solid var(--ns-border);
	margin-block: var(--ns-space-12);
	max-width: var(--ns-prose-width);
}

.entry-content .wp-block-separator.is-style-dots,
.ns-post-body .wp-block-separator.is-style-dots,
.editor-styles-wrapper .wp-block-separator.is-style-dots {
	border: 0;
	text-align: center;
	line-height: 1;
	color: var(--ns-text-4);
}

.entry-content .wp-block-separator.is-style-dots::before,
.ns-post-body .wp-block-separator.is-style-dots::before,
.editor-styles-wrapper .wp-block-separator.is-style-dots::before {
	content: "···";
	font-size: var(--ns-text-2xl);
	letter-spacing: 0.5em;
}

.entry-content .wp-block-buttons,
.ns-post-body .wp-block-buttons,
.editor-styles-wrapper .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ns-space-3);
}

.entry-content .wp-block-button__link,
.ns-post-body .wp-block-button__link,
.editor-styles-wrapper .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: var(--ns-space-3) var(--ns-space-6);
	background: var(--ns-accent);
	color: #ffffff;
	border-radius: var(--ns-radius);
	font-size: var(--ns-text-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background-color var(--ns-duration) var(--ns-ease);
}

.entry-content .wp-block-button__link:hover,
.ns-post-body .wp-block-button__link:hover,
.editor-styles-wrapper .wp-block-button__link:hover {
	background: var(--ns-accent-dark);
	color: #ffffff;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.ns-post-body .wp-block-button.is-style-outline .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--ns-accent);
	border: 1px solid var(--ns-accent);
}

.entry-content .wp-block-details,
.ns-post-body .wp-block-details,
.editor-styles-wrapper .wp-block-details {
	background: var(--ns-bg-2);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius);
	padding: var(--ns-space-4) var(--ns-space-5);
}

.entry-content .wp-block-details summary,
.ns-post-body .wp-block-details summary,
.editor-styles-wrapper .wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--ns-text);
}

.entry-content :is(.wp-block-group, .wp-block-columns) > *,
.ns-post-body :is(.wp-block-group, .wp-block-columns) > *,
.editor-styles-wrapper :is(.wp-block-group, .wp-block-columns) > * {
	max-width: none;
}

.entry-content .wp-block-columns,
.ns-post-body .wp-block-columns,
.editor-styles-wrapper .wp-block-columns {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ns-space-6);
}

.entry-content .wp-block-column,
.ns-post-body .wp-block-column,
.editor-styles-wrapper .wp-block-column {
	flex: 1 1 260px;
	min-width: 0;
}

.entry-content .wp-block-media-text,
.ns-post-body .wp-block-media-text,
.editor-styles-wrapper .wp-block-media-text {
	gap: var(--ns-space-6);
}

.entry-content .wp-block-cover,
.ns-post-body .wp-block-cover,
.editor-styles-wrapper .wp-block-cover {
	border-radius: var(--ns-radius-lg);
	overflow: hidden;
}

.entry-content .wp-block-footnotes,
.ns-post-body .wp-block-footnotes,
.editor-styles-wrapper .wp-block-footnotes {
	font-size: var(--ns-text-sm);
	color: var(--ns-text-3);
	border-block-start: 1px solid var(--ns-border);
	padding-block-start: var(--ns-space-6);
}

/* ==========================================================================
   10. Alignment
   ========================================================================== */
.entry-content .aligncenter,
.ns-post-body .aligncenter,
.editor-styles-wrapper .aligncenter {
	margin-inline: auto;
	text-align: center;
}

.entry-content .alignleft,
.ns-post-body .alignleft,
.editor-styles-wrapper .alignleft {
	float: left;
	margin: var(--ns-space-2) var(--ns-space-6) var(--ns-space-4) 0;
	max-width: 50%;
}

.entry-content .alignright,
.ns-post-body .alignright,
.editor-styles-wrapper .alignright {
	float: right;
	margin: var(--ns-space-2) 0 var(--ns-space-4) var(--ns-space-6);
	max-width: 50%;
}

/* Wide/full escape the reading measure. */
.entry-content > .alignwide,
.ns-post-body > .alignwide,
.editor-styles-wrapper > .alignwide {
	max-width: var(--ns-wide-width);
}

.entry-content > .alignfull,
.ns-post-body > .alignfull,
.editor-styles-wrapper > .alignfull {
	max-width: none;
}

.entry-content > .alignfull :is(img, .wp-block-cover),
.ns-post-body > .alignfull :is(img, .wp-block-cover),
.editor-styles-wrapper > .alignfull :is(img, .wp-block-cover) {
	width: 100%;
	border-radius: 0;
}

/* Floats must not escape the article. */
.entry-content::after,
.ns-post-body::after,
.editor-styles-wrapper::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 640px) {
	.entry-content :is(.alignleft, .alignright),
	.ns-post-body :is(.alignleft, .alignright) {
		float: none;
		max-width: 100%;
		margin-inline: auto;
	}
}

/* ==========================================================================
   11. Paged posts (wp_link_pages) & entry footer
   ========================================================================== */
.page-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--ns-space-2);
	margin-block-start: var(--ns-space-10);
	font-size: var(--ns-text-sm);
	font-weight: 600;
	color: var(--ns-text-3);
}

.page-links a,
.page-links > .post-page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding-inline: var(--ns-space-2);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius-sm);
	color: var(--ns-text-2);
	text-decoration: none;
}

.page-links a:hover {
	border-color: var(--ns-accent);
	color: var(--ns-accent);
}

.page-links > .post-page-numbers.current {
	background: var(--ns-accent);
	border-color: var(--ns-accent);
	color: #ffffff;
}

.entry-footer {
	margin-block-start: var(--ns-space-10);
	padding-block-start: var(--ns-space-6);
	border-block-start: 1px solid var(--ns-border);
	font-size: var(--ns-text-sm);
	color: var(--ns-text-3);
}

.entry-footer .tags-links a {
	display: inline-block;
	margin: 0 var(--ns-space-2) var(--ns-space-2) 0;
	padding: 4px 12px;
	background: var(--ns-bg-2);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius-full);
	font-size: var(--ns-text-xs);
	font-weight: 600;
	color: var(--ns-text-2);
	text-decoration: none;
	transition: border-color var(--ns-duration) var(--ns-ease), color var(--ns-duration) var(--ns-ease);
}

.entry-footer .tags-links a:hover {
	border-color: var(--ns-accent);
	color: var(--ns-accent);
}

/* ==========================================================================
   12. Print
   ========================================================================== */
@media print {
	/* Chrome that carries no meaning on paper. */
	.ns-header,
	.ns-site-footer,
	.ns-sidebar,
	.ns-back-to-top,
	.ns-mobile-drawer,
	.ns-drawer-overlay,
	.ns-search-overlay,
	.ns-reading-progress,
	.ns-social-share-wrap,
	.ns-related-posts-section,
	.ns-category-nav-bar,
	.comment-respond,
	.post-navigation,
	.ns-breadcrumbs,
	.ns-toc {
		display: none !important;
	}

	.ns-content-wrapper {
		display: block !important;
	}

	.entry-content,
	.ns-post-body {
		max-width: none;
		font-size: 11pt;
		line-height: 1.5;
		color: #000000;
	}

	.entry-content > *,
	.ns-post-body > * {
		max-width: none;
	}

	.entry-content :is(h1, h2, h3, h4, h5, h6),
	.ns-post-body :is(h1, h2, h3, h4, h5, h6) {
		color: #000000;
		break-after: avoid;
		page-break-after: avoid;
	}

	.entry-content :is(img, figure, table, pre, blockquote),
	.ns-post-body :is(img, figure, table, pre, blockquote) {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	/* Print the destination of real links, but not of anchors or JS hooks. */
	.entry-content a[href^="http"]::after,
	.ns-post-body a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
		word-break: break-all;
	}

	.entry-content pre,
	.ns-post-body pre {
		border: 1px solid #cccccc;
		background: none;
		white-space: pre-wrap;
	}

	@page {
		margin: 2cm;
	}
}

/* ==========================================================================
   13. Narrow viewports
   ========================================================================== */
@media (max-width: 640px) {
	.entry-content,
	.ns-post-body {
		font-size: var(--ns-text-base);
	}

	.entry-content > p:first-of-type,
	.ns-post-body > p:first-of-type {
		font-size: var(--ns-text-lg);
	}

	.entry-content > :is(h2, h3, h4, h5, h6),
	.ns-post-body > :is(h2, h3, h4, h5, h6) {
		margin-block-start: var(--ns-space-10);
	}

	.entry-content :is(pre, .wp-block-code),
	.ns-post-body :is(pre, .wp-block-code) {
		padding: var(--ns-space-4);
		border-radius: var(--ns-radius);
	}

	.entry-content blockquote,
	.ns-post-body blockquote {
		font-size: var(--ns-text-lg);
		padding-inline-start: var(--ns-space-4);
	}
}