/**
 * Resource page body typography.
 *
 * Styles the free-form content (native Heading / Paragraph / list blocks) on
 * Resource Page template pages to match the design. Our custom blocks (hero,
 * key-facts, FAQ, …) style themselves and are not targeted here.
 *
 * Two selector sets, one file:
 *   - Front end:  .scb-resource .entry-content …
 *   - Editor:     .editor-styles-wrapper …   (loaded only for this template)
 */

/* ── Content width ──
   Resource pages render full-bleed (heroes/CTAs span the viewport), so native
   content blocks placed directly in the page get the design's 48rem column.
   Content inside a Columns layout is left alone — the columns set the width.
   NOTE: the theme wraps core heading/paragraph/list/html blocks in
   <span class="wp-block-…"> (inc/hooks/wrap-core-blocks.php), so the direct
   children here are those wrappers, not the h2/p/ul elements themselves. */
.scb-resource .entry-content > .wp-block-heading,
.scb-resource .entry-content > .wp-block-paragraph,
.scb-resource .entry-content > .wp-block-list,
.scb-resource .entry-content > .wp-block-freeform,
.scb-resource .entry-content > .wp-block-html,
.scb-resource .entry-content > .wp-block-image,
.scb-resource .entry-content > .wp-block-quote,
.scb-resource .entry-content > .wp-block-buttons,
.scb-resource .entry-content > .wp-block-embed {
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

/* The article two-column layout (body + TOC) uses the wider 72rem container. */
.scb-resource .entry-content > .wp-block-columns {
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

/* ── Headings (native Heading blocks) ── */
.scb-resource .entry-content h2.wp-block-heading,
.editor-styles-wrapper h2.wp-block-heading {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-size: 2.438rem;
	line-height: 1.2;
	color: #082137;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.scb-resource .entry-content h3.wp-block-heading,
.editor-styles-wrapper h3.wp-block-heading {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-size: 1.938rem;
	line-height: 1.25;
	color: #082137;
	margin-top: 1.75rem;
	margin-bottom: 0.75rem;
}

.scb-resource .entry-content h4.wp-block-heading,
.editor-styles-wrapper h4.wp-block-heading {
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-size: 1.563rem;
	line-height: 1.3;
	color: #082137;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

/* ── Body copy (native Paragraph / list blocks) ──
   Native paragraphs are wrapped in span.wp-block-paragraph by the theme, so
   targeting the wrapper's <p> naturally excludes our own blocks (ACF blocks are
   not wrapped — e.g. the Last Updated <p class="wds-block-…">). */
.scb-resource .entry-content .wp-block-paragraph > p,
.scb-resource .entry-content ul.wp-block-list,
.scb-resource .entry-content ol.wp-block-list,
.editor-styles-wrapper p.wp-block-paragraph,
.editor-styles-wrapper ul.wp-block-list,
.editor-styles-wrapper ol.wp-block-list {
	font-family: "freight-text-pro", Georgia, serif;
	font-size: 1.125rem;
	line-height: 1.7;
	color: #464646;
	margin-top: 0;
	margin-bottom: 1rem;
}

.scb-resource .entry-content ul.wp-block-list,
.scb-resource .entry-content ol.wp-block-list,
.editor-styles-wrapper ul.wp-block-list,
.editor-styles-wrapper ol.wp-block-list {
	padding-left: 1.5rem;
}

.scb-resource .entry-content ul.wp-block-list,
.editor-styles-wrapper ul.wp-block-list {
	list-style: disc;
}

.scb-resource .entry-content ol.wp-block-list,
.editor-styles-wrapper ol.wp-block-list {
	list-style: decimal;
}

.scb-resource .entry-content .wp-block-list li,
.editor-styles-wrapper .wp-block-list li {
	margin-bottom: 0.5rem;
}

/* ── Links / emphasis inside body copy ── */
.scb-resource .entry-content .wp-block-paragraph > p a,
.editor-styles-wrapper p.wp-block-paragraph a {
	color: #d41313;
	text-decoration: underline;
}

.scb-resource .entry-content .wp-block-paragraph > p strong,
.editor-styles-wrapper p.wp-block-paragraph strong {
	font-weight: 700;
}

/* ── Embeds inside Custom HTML (e.g. the Buzzsprout player) ──
   The theme forces side paddings on every iframe with !important; neutralize
   that inside resource content so embeds fill their 48rem column. */
.scb-resource .entry-content .wp-block-html iframe,
.scb-resource .entry-content .wp-block-freeform iframe,
.scb-resource .entry-content .wp-block-embed iframe {
	padding-left: 0 !important;
	padding-right: 0 !important;
}