/**
 * Native / core Gutenberg block styling for the block_page CPT (SEO landing pages).
 *
 * Scoped to `body.single-block_page` so it NEVER leaks into other post types. Makes core
 * blocks the SEO team inserts between the 5 custom ACF blocks inherit the site's existing
 * tokens — no new design:
 *   content width : 78.75rem (1260px)                    _styleguide.scss:737
 *   body copy     : "EB Garamond", serif; #615D59        (computed on live content <p>)
 *   headings      : "Julius Sans One", sans-serif; #615D59
 *   .button.w-b   : bg #7C6A50; #fff; 1px solid #fff; "Barlow"; radius 2px  (computed on live CTA)
 *   accent green  : #678849  ($primary)
 *   hairline gray : #d9d8d7  ($dg-24)
 *
 * The post wrapper is div.type-block_page (from post_class); its direct children are the custom
 * <section> blocks + any native blocks. `> :not(section)` targets the native ones only, so the
 * full-width custom sections are left untouched.
 */

/* 1) CONTENT WIDTH — constrain top-level native blocks; custom <section> blocks stay full-width. */
body.single-block_page .type-block_page > :not(section) {
	max-width: 78.75rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	box-sizing: border-box;
}

/* 2a) PARAGRAPH / LIST / QUOTE — EB Garamond body copy in the site's dark-gray. */
body.single-block_page .type-block_page > p,
body.single-block_page .type-block_page > .wp-block-list,
body.single-block_page .type-block_page > ul,
body.single-block_page .type-block_page > ol,
body.single-block_page .type-block_page > .wp-block-quote,
body.single-block_page .wp-block-column p,
body.single-block_page .wp-block-column li,
body.single-block_page .wp-block-group p,
body.single-block_page .wp-block-group li {
	font-family: "EB Garamond", serif;
	color: #615D59;
	font-size: 1.5rem;
	line-height: 1.75;
}

/* Top-level Paragraph/List/Quote intentionally use the FULL 1260px content width (from rule 1,
   centred), the same as Columns/Group — the 46rem reading-measure was removed per design review
   so the whole native-block area shares one consistent width. */

/* Baseline vertical rhythm for body text — matches standard_content_block (paragraph 1rem;
   headings carry 1.5rem via 2b). Spacer/Separator remain for intentional extra spacing. */
body.single-block_page .type-block_page > p,
body.single-block_page .type-block_page > .wp-block-list,
body.single-block_page .type-block_page > ul,
body.single-block_page .type-block_page > ol,
body.single-block_page .wp-block-column p,
body.single-block_page .wp-block-column li,
body.single-block_page .wp-block-group p,
body.single-block_page .wp-block-group li {
	margin-bottom: 1rem;
}

/* 2b) HEADING blocks h2–h4 — Julius Sans One in dark-gray (the site's heading face). */
body.single-block_page .type-block_page h2.wp-block-heading,
body.single-block_page .type-block_page h3.wp-block-heading,
body.single-block_page .type-block_page h4.wp-block-heading,
body.single-block_page .wp-block-column :is(h2, h3, h4),
body.single-block_page .wp-block-group :is(h2, h3, h4) {
	font-family: "Julius Sans One", sans-serif;
	color: #615D59;
	font-weight: 400;
	line-height: 1.15;
	margin: 1.5rem 0; /* heading rhythm from standard_content_block (24px) top & bottom */
}
body.single-block_page .type-block_page h2.wp-block-heading,
body.single-block_page .wp-block-column h2,
body.single-block_page .wp-block-group h2 { font-size: 2.25rem; }
body.single-block_page .type-block_page h3.wp-block-heading,
body.single-block_page .wp-block-column h3,
body.single-block_page .wp-block-group h3 { font-size: 2rem; }
body.single-block_page .type-block_page h4.wp-block-heading,
body.single-block_page .wp-block-column h4,
body.single-block_page .wp-block-group h4 { font-size: 1.625rem; }

/* Top-level headings also use the full 1260px width, centred to match Columns/Group (rule 1).
   margin auto overrides 2b's `margin: 1.5rem 0` for horizontal centring; 2b keeps the 1.5rem
   vertical rhythm. Only DIRECT children are matched, so headings inside Columns/Group are
   unaffected and keep their column width. */
body.single-block_page .type-block_page > h2.wp-block-heading,
body.single-block_page .type-block_page > h3.wp-block-heading,
body.single-block_page .type-block_page > h4.wp-block-heading {
	margin-left: auto;
	margin-right: auto;
}

/* 2c) QUOTE accent. */
body.single-block_page .type-block_page .wp-block-quote {
	border-left: 3px solid #678849;
	padding-left: 1.25rem;
	font-style: italic;
}

/* 3) BUTTONS — match .button.w-b (brown fill, white text + hairline border, Barlow, 2px radius). */
body.single-block_page .wp-block-button__link {
	background-color: #7C6A50;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 2px;
	font-family: "Barlow", sans-serif;
	font-size: 1.125rem;
	text-transform: none;
	padding: 0.6rem 1.75rem;
}
body.single-block_page .wp-block-button__link:hover {
	background-color: #615D59;
	color: #fff;
}

/* 4) COLUMNS / GROUP — respect content width (via rule 1) + a gap consistent with the page. */
body.single-block_page .wp-block-columns {
	gap: 1.5rem;
}
body.single-block_page .wp-block-column > *:first-child,
body.single-block_page .wp-block-group > *:first-child {
	margin-top: 0;
}

/* 5) SEPARATOR / SPACER — hairline in the site gray; keep Spacer's author-set height. */
body.single-block_page .wp-block-separator {
	border: 0;
	border-top: 1px solid #d9d8d7;
	max-width: 78.75rem;
	margin: 2rem auto;
	opacity: 1;
}