/**
 * Service page design system: tokens, shared components and core block styles.
 *
 * Block-specific styles live with each block in blocks/src. Page layout rules
 * (full-bleed sections, no page title bar) only apply to pages that open with
 * a "Page hero" cover, which get body.has-page-hero. The site header stays in
 * its usual white bar on these pages, as on the rest of the site.
 */

:root {
	--curious-coral: #fc664e;      /* fills, large display, decoration */
	--curious-coral-btn: #f45c44;  /* button fill only: white 19px bold text passes AA large (3.25:1) */
	--curious-coral-dark: #c7432e; /* button hover, offset tone */
	--curious-coral-text: #b83a25; /* coral for small text on white (AA) */
	--curious-coral-deep: #e4553e;
	--curious-teal: #2e879c;       /* borders, large text only */
	--curious-teal-deep: #1f6577;  /* behind white small text (AA) */
	--curious-teal-tint: #e3f1f4;
	--curious-charcoal: #2d2d2d;
	--curious-grey-bg: #f5f5f5;
	--curious-grey-line: #e0e0e0;
	--curious-grey-text: #595959;
	--curious-white: #fff;
	--curious-hero-bg: #26302c;    /* shows until the hero photo loads */
	--curious-radius: 12px;
	/* Side gutters match the theme's .site-content and header at each breakpoint. */
	--curious-gutter: 64px;
	--curious-h2: clamp(32px, 4vw, 44px);
	/* Space at the top and bottom of every section band. */
	--curious-section-space: 70px;
}

@media (max-width: 1100px) {
	:root {
		--curious-gutter: 40px;
	}
}

@media (max-width: 899px) {
	:root {
		--curious-gutter: 20px;
	}
}

@media (max-width: 700px) {
	:root {
		--curious-section-space: 64px;
	}
}

@media (min-width: 1500px) {
	:root {
		--curious-gutter: 120px;
	}
}

@media (min-width: 2000px) {
	:root {
		--curious-gutter: calc(50% - 880px); /* Content stops at 1760px, as on the rest of the site. */
	}
}

/* [hidden] must beat component display rules. */
.wp-block-curious-quick-check [hidden],
.wp-block-curious-process-flow [hidden],
.wp-block-curious-tabs [hidden],
.wp-block-curious-stepper [hidden] {
	display: none !important;
}

/* ---------- Shared components ---------- */

.curious-pill {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 18px;
	border-radius: 999px;
	border: 2px solid #cfcfcf;
	background: var(--curious-white);
	color: var(--curious-charcoal);
	font-family: inherit;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
}

.curious-pill[aria-pressed="true"],
.curious-pill[aria-selected="true"] {
	background: var(--curious-charcoal);
	border-color: var(--curious-charcoal);
	color: var(--curious-white);
}

/* Buttons: white text on --coral-btn needs 19px bold to pass AA large text. Don't go smaller. */
body .curious-btn,
body.has-page-hero .wp-block-button .wp-block-button__link {
	display: inline-block;
	min-height: 44px;
	margin: 0;
	padding: 16px 28px;
	border: 0;
	border-radius: 6px;
	background: var(--curious-coral-btn);
	color: var(--curious-white);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

body .curious-btn:hover,
body .curious-btn:visited:hover,
body.has-page-hero .wp-block-button .wp-block-button__link:hover {
	background: var(--curious-coral-dark);
	color: var(--curious-white);
}

body .curious-btn:visited {
	color: var(--curious-white);
}

/* The site's Custom CSS underlines every link (`body a`, `a:any-link`); buttons
   don't need it. */
body a.curious-btn,
body a.curious-btn:any-link,
body.has-page-hero .wp-block-button a.wp-block-button__link:any-link {
	text-decoration: none;
}

/* Ghost button: core "Outline" style, takes the band's text colour. */
body.has-page-hero .wp-block-button.is-style-outline .wp-block-button__link {
	padding: 14px 26px;
	border: 2px solid currentColor;
	background: transparent;
	color: inherit;
	font-weight: 500;
}

body.has-page-hero .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.1);
	color: inherit;
}

.curious-pill:focus-visible,
.curious-btn:focus-visible,
.has-page-hero .wp-block-button__link:focus-visible {
	outline: 3px solid var(--curious-teal);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
	.curious-pill,
	.curious-btn,
	.curious-seg button,
	.has-page-hero .wp-block-button__link {
		transition: background-color 0.15s, color 0.15s, border-color 0.15s;
	}
}

/* ---------- Preset classes ----------
   WordPress outputs the preset variables for classic themes but not these
   classes, so they're defined here from the palette in inc/service-blocks.php. */

.has-curious-coral-color { color: var(--wp--preset--color--curious-coral) !important; }
.has-curious-coral-background-color { background-color: var(--wp--preset--color--curious-coral) !important; }
.has-curious-coral-text-color { color: var(--wp--preset--color--curious-coral-text) !important; }
.has-curious-coral-text-background-color { background-color: var(--wp--preset--color--curious-coral-text) !important; }
.has-curious-coral-deep-color { color: var(--wp--preset--color--curious-coral-deep) !important; }
.has-curious-coral-deep-background-color { background-color: var(--wp--preset--color--curious-coral-deep) !important; }
.has-curious-teal-color { color: var(--wp--preset--color--curious-teal) !important; }
.has-curious-teal-background-color { background-color: var(--wp--preset--color--curious-teal) !important; }
.has-curious-teal-deep-color { color: var(--wp--preset--color--curious-teal-deep) !important; }
.has-curious-teal-deep-background-color { background-color: var(--wp--preset--color--curious-teal-deep) !important; }
.has-curious-teal-tint-color { color: var(--wp--preset--color--curious-teal-tint) !important; }
.has-curious-teal-tint-background-color { background-color: var(--wp--preset--color--curious-teal-tint) !important; }
.has-curious-charcoal-color { color: var(--wp--preset--color--curious-charcoal) !important; }
.has-curious-charcoal-background-color { background-color: var(--wp--preset--color--curious-charcoal) !important; }
.has-curious-grey-bg-color { color: var(--wp--preset--color--curious-grey-bg) !important; }
.has-curious-grey-bg-background-color { background-color: var(--wp--preset--color--curious-grey-bg) !important; }
.has-curious-grey-line-color { color: var(--wp--preset--color--curious-grey-line) !important; }
.has-curious-grey-line-background-color { background-color: var(--wp--preset--color--curious-grey-line) !important; }
.has-curious-grey-text-color { color: var(--wp--preset--color--curious-grey-text) !important; }
.has-curious-grey-text-background-color { background-color: var(--wp--preset--color--curious-grey-text) !important; }
.has-curious-white-color { color: var(--wp--preset--color--curious-white) !important; }
.has-curious-white-background-color { background-color: var(--wp--preset--color--curious-white) !important; }

.has-curious-small-font-size { font-size: var(--wp--preset--font-size--curious-small) !important; }
.has-curious-body-font-size { font-size: var(--wp--preset--font-size--curious-body) !important; }
.has-curious-lede-font-size { font-size: var(--wp--preset--font-size--curious-lede) !important; }
.has-curious-intro-font-size { font-size: var(--wp--preset--font-size--curious-intro) !important; }
.has-curious-card-title-font-size { font-size: var(--wp--preset--font-size--curious-card-title) !important; }
.has-curious-heading-font-size { font-size: var(--wp--preset--font-size--curious-heading) !important; }
.has-curious-quote-font-size { font-size: var(--wp--preset--font-size--curious-quote) !important; }
.has-curious-display-font-size { font-size: var(--wp--preset--font-size--curious-display) !important; }

/* ---------- Type presets ---------- */

.has-curious-display-font-size {
	font-weight: 800;
	line-height: 1 !important;
}

.has-curious-heading-font-size {
	line-height: 1.1 !important;
}

.has-curious-quote-font-size,
.has-curious-card-title-font-size {
	line-height: 1.2 !important;
}

.has-curious-intro-font-size {
	line-height: 1.5 !important;
	max-width: 540px;
}

p.has-curious-lede-font-size {
	line-height: 1.55;
	max-width: 620px;
}

.has-curious-small-font-size {
	line-height: 1.5 !important;
}

/* body .entry-content: the theme sets every paragraph's weight with `body .site-content p`. */
body .entry-content p.is-style-eyebrow,
p.is-style-eyebrow {
	margin: 0 0 18px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* ---------- Core block styles ---------- */

/* Page hero: full-bleed cover. The site header sits over it (see below). */
.wp-block-cover.is-style-page-hero {
	min-height: 0;
	padding: 0;
	align-items: flex-end;
	background-color: var(--curious-hero-bg);
	color: var(--curious-white);
}

.wp-block-cover.is-style-page-hero .wp-block-cover__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 96px var(--curious-gutter) 112px;
}

.wp-block-cover.is-style-page-hero h1 {
	margin: 0 0 24px;
	color: inherit;
}

.wp-block-cover.is-style-page-hero .wp-block-columns {
	gap: 56px;
	margin: 0;
}

/* Only the hero's own copy; blocks inside it (e.g. the quick check card) keep their spacing. */
.wp-block-cover.is-style-page-hero .wp-block-column > p {
	margin: 0 0 16px;
}

.wp-block-cover.is-style-page-hero .wp-block-column > p.is-style-eyebrow {
	margin-bottom: 18px;
}

.wp-block-cover.is-style-page-hero .wp-block-column > .wp-block-buttons {
	margin-top: 24px;
}

@media (max-width: 700px) {
	.wp-block-cover.is-style-page-hero .wp-block-cover__inner-container {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}

/* Section: full-width band; content runs to the site gutters. */
body .entry-content div.wp-block-group.is-style-section {
	display: flow-root; /* Contain the theme's floated content, e.g. Gravity Forms. */
	float: none;
	margin: 0;
	padding: var(--curious-section-space) var(--curious-gutter);
}

@media (max-width: 700px) {
	body .entry-content div.wp-block-group.is-style-section {
		padding-top: var(--curious-section-space);
		padding-bottom: var(--curious-section-space);
	}
}

/* Card: grey panel with soft corners. */
body .entry-content div.wp-block-group.is-style-card {
	display: flow-root;
	float: none;
	height: 100%;
	margin: 0;
	padding: 28px;
	border-radius: var(--curious-radius);
	background: var(--curious-grey-bg);
}

.wp-block-group.is-style-card .wp-block-curious-icon {
	margin-bottom: 16px;
}

.wp-block-group.is-style-card h3 {
	margin: 0 0 10px;
}

.wp-block-group.is-style-card p {
	margin: 0;
	font-size: 18px;
}

.wp-block-image.is-style-soft-corners img {
	border-radius: var(--curious-radius);
}

/* Feature quote: big and bold, no rule. */
.wp-block-quote.is-style-feature {
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--curious-charcoal);
}

body .wp-block-quote.is-style-feature p {
	margin: 0 0 32px;
	font-size: clamp(28px, 3.4vw, 46px);
	font-weight: 700;
	line-height: 1.2;
}

body .wp-block-quote.is-style-feature cite {
	display: block;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
}

/* ---------- Pages with a page hero ---------- */

/* Lift the theme's 64px page gutters so sections can run edge to edge. */
body.has-page-hero .site-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.has-page-hero.page .site-content .content-area .site-main .entry-content {
	background: var(--curious-grey-bg);
	color: var(--curious-charcoal);
	font-size: 18px;
	line-height: 1.55;
}

body.has-page-hero.page .site-content .content-area .site-main .entry-content > * {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

body.has-page-hero.page .site-content .content-area .site-main .entry-content > .wp-block-group.is-style-section {
	padding-left: var(--curious-gutter);
	padding-right: var(--curious-gutter);
}

body.has-page-hero .entry-content .wp-block-columns {
	margin-bottom: 0;
}

/* ---------- Page patterns ----------
   Classic themes wrap group content in .wp-block-group__inner-container on the
   front end but not in the editor, so layout rules target whichever is there. */

/* Base type on hero pages. These match the theme's `.site-content p` (and win
   by loading later) but stay weaker than two-class component rules. */
:where(.has-page-hero) .entry-content p {
	margin: 0 0 16px;
	font-size: 18px;
}

:where(.has-page-hero) .entry-content :is(h2, h3, h4) {
	margin: 0 0 12px;
}

/* Icon points: icon on the left, heading and text on the right. */
.curious-points > .wp-block-group__inner-container,
.curious-points:not(:has(> .wp-block-group__inner-container)) {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 32px;
}

.curious-point > .wp-block-group__inner-container,
.curious-point:not(:has(> .wp-block-group__inner-container)) {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 18px;
	align-items: start;
}

.curious-point .wp-block-curious-icon {
	grid-row: 1 / span 2;
}

body .curious-point h3 {
	margin: 0 0 4px;
}

body .curious-point p {
	margin: 0;
}

.wp-block-image.is-style-soft-corners img,
.curious-testimonial .wp-block-image img {
	width: 100%;
}

/* Image beside text, e.g. "Fresh eyes". Block gap settings aren't output in
   classic themes, so column gaps are set here. */
.wp-block-columns.curious-split {
	gap: 96px;
}

@media (max-width: 1100px) {
	.wp-block-columns.curious-split {
		gap: 56px;
	}
}

/* Core stacks columns below 782px; the gap then becomes vertical space. */
@media (max-width: 781px) {
	.wp-block-columns.curious-split {
		gap: 40px;
	}
}

.curious-contact .wp-block-columns {
	gap: 40px;
}

/* The theme adds a 30px bottom margin to stacked columns on mobile; here the
   column gap does the spacing, so drop it to avoid doubling up. */
body.has-page-hero .wp-block-columns .wp-block-column {
	margin-bottom: 0;
}

/* The theme floats columns on small screens, which lets the next block slide
   up underneath and lose its top margin. Columns are flex, so the float does
   nothing useful here. */
body.has-page-hero .entry-content .wp-block-columns {
	float: none;
}

.curious-cards.wp-block-columns {
	gap: 20px;
}

.curious-testimonial .wp-block-columns {
	gap: 56px;
}

body div.wp-block-group.is-style-section.curious-testimonial {
	padding-top: var(--curious-section-space);
	padding-bottom: var(--curious-section-space);
}

.curious-testimonial .wp-block-image {
	margin: 0;
	background: var(--curious-coral-deep);
}

.curious-contact .wp-block-buttons {
	gap: 16px;
}

body div.wp-block-group.curious-enquiry {
	max-width: 760px;
	margin-top: 56px;
}

@media (max-width: 700px) {
	body div.wp-block-group.is-style-section.curious-testimonial {
		padding-top: var(--curious-section-space);
		padding-bottom: var(--curious-section-space);
	}

	.curious-contact .wp-block-buttons {
		justify-content: flex-start;
	}
}

/* The logo is a div rather than an h1 on hero pages; keep its h1 metrics. */
body.has-page-hero div.site-title {
	font-size: 30px;
	line-height: 50px;
}

/* Enquiry form submit: same accessible button treatment as .curious-btn. */
body.has-page-hero .curious-enquiry .gform_wrapper .gform_footer input[type="submit"],
body.has-page-hero .curious-enquiry .gform_wrapper .gform_button {
	min-height: 44px;
	border: 0;
	border-radius: 6px;
	background: var(--curious-coral-btn);
	color: var(--curious-white);
	font-size: 19px;
	font-weight: 700;
}

body.has-page-hero .curious-enquiry .gform_wrapper .gform_footer input[type="submit"]:hover,
body.has-page-hero .curious-enquiry .gform_wrapper .gform_button:hover {
	background: var(--curious-coral-dark);
	color: var(--curious-white);
}

body.has-page-hero .curious-enquiry .gform_wrapper .gform_footer input[type="submit"]:focus-visible {
	outline: 3px solid var(--curious-teal);
	outline-offset: 3px;
}

/* Editor canvas: use the site typeface so blocks look as they will on the page. */
.editor-styles-wrapper {
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
}

/* Enquiry form spacing. The theme's form styles are tuned for smaller,
   denser forms; this card gets more room between fields. */
body.has-page-hero .curious-enquiry {
	padding: 40px;
}

body.has-page-hero .curious-enquiry h3 {
	margin-bottom: 28px;
}

body.has-page-hero .curious-enquiry .gform_wrapper ul.gform_fields li.gfield {
	margin-bottom: 24px;
}

/* !important: Gravity Forms' legacy mobile rules use long :not() chains. */
body.has-page-hero .curious-enquiry .gform_wrapper .ginput_container input,
body.has-page-hero .curious-enquiry .gform_wrapper .ginput_container textarea {
	padding: 12px 14px !important;
}

body.has-page-hero .curious-enquiry .gform_wrapper .ginput_container input {
	min-height: 48px !important;
}

/* Labels sit beside the fields on desktop: centre them on the 48px input. */
body.has-page-hero .curious-enquiry .gform_wrapper ul.gform_fields li.gfield .gfield_label {
	margin-top: 12px;
}

body.has-page-hero .curious-enquiry .gform_wrapper .gform_footer {
	margin-top: 16px;
	padding-top: 0;
}

body.has-page-hero .curious-enquiry .gform_wrapper .gfield_required {
	color: var(--curious-coral-text);
}

@media (max-width: 899px) {
	/* Labels stack above the fields here. */
	body.has-page-hero .curious-enquiry .gform_wrapper ul.gform_fields li.gfield .gfield_label {
		margin-top: 0;
		margin-bottom: 8px;
	}
}

@media (max-width: 700px) {
	body.has-page-hero .curious-enquiry {
		padding: 24px;
	}
}

/* Photo card: a photo across the top, text below, on white. */
body .entry-content div.wp-block-group.is-style-photo-card,
body div.wp-block-group.is-style-photo-card {
	display: flow-root;
	float: none;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: var(--curious-radius);
	background: var(--curious-white);
}

.is-style-photo-card .wp-block-image {
	margin: 0;
}

.is-style-photo-card .wp-block-image img {
	display: block;
	width: 100%;
	border-radius: 0;
}

.is-style-photo-card .curious-photo-card__body {
	padding: 28px 32px 32px;
}

body .is-style-photo-card h3 {
	margin: 0 0 10px;
}

/* White card on the grey page, e.g. the readiness check and the safety callout. */
body div.wp-block-group.is-style-card.has-curious-white-background-color {
	padding: 40px;
}

/* A price at display size. */
body .wp-block-group p.curious-price {
	margin: 0 0 12px;
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
}

.curious-intro {
	max-width: 720px;
}

body .curious-intro p:last-child {
	margin-bottom: 32px;
}

@media (max-width: 700px) {
	body div.wp-block-group.is-style-card.has-curious-white-background-color {
		padding: 24px;
	}

	body .wp-block-group p.curious-price {
		font-size: 40px;
	}
}

.curious-editor-placeholder {
	padding: 24px;
	border: 2px dashed var(--curious-grey-line);
	border-radius: var(--curious-radius);
	background: var(--curious-grey-bg);
}

/* The theme floats Gravity Forms; contain it so the card keeps its height. */
.wp-block-curious-readiness-form {
	display: flow-root;
}

/* ---------- Hero with an overlapping card (AI page) ---------- */

/* Hero with an overlapping card: the card sits about 30% over the image and
   70% over the page. Its height changes a lot with width (two columns, then
   stacked), so the overlap is set per breakpoint. The hero's bottom padding is
   the overlap plus the gap under the intro text. */
:root {
	--curious-promo-overlap: 115px;
	--curious-promo-gap: 70px;
}

@media (max-width: 781px) {
	:root {
		--curious-promo-overlap: 190px;
		--curious-promo-gap: 40px;
	}
}

@media (max-width: 700px) {
	:root {
		--curious-promo-overlap: 215px;
	}
}

@media (max-width: 360px) {
	:root {
		--curious-promo-overlap: 280px;
	}
}

.wp-block-cover.is-style-page-hero.curious-hero-overlap .wp-block-cover__inner-container {
	padding-top: 120px;
	padding-bottom: calc(var(--curious-promo-overlap) + var(--curious-promo-gap));
}

.wp-block-cover.curious-hero-overlap .wp-block-cover__inner-container > * {
	max-width: 700px;
}

.wp-block-cover.curious-hero-overlap h1 {
	margin-bottom: 20px;
}

.wp-block-cover.curious-hero-overlap .wp-block-cover__inner-container > p.has-curious-intro-font-size {
	margin: 0;
	max-width: 700px;
}

/* The card wrapper is pulled up over the bottom of the hero. */
body.has-page-hero.page .site-content .content-area .site-main .entry-content > .wp-block-group.curious-promo-wrap {
	position: relative;
	z-index: 1;
	display: flow-root;
	float: none;
	margin-top: calc(-1 * var(--curious-promo-overlap));
	padding-left: var(--curious-gutter);
	padding-right: var(--curious-gutter);
}

body .entry-content div.wp-block-group.curious-promo {
	display: flow-root;
	float: none;
	padding: 40px;
	border-radius: var(--curious-radius);
	background: var(--curious-white);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.curious-promo .wp-block-columns {
	gap: 40px;
	align-items: stretch !important;
	margin: 0;
}

body .curious-promo .wp-block-column > p.is-style-eyebrow {
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: 2px;
}

body .curious-promo h2 {
	margin: 0 0 14px;
	font-size: 30px;
	line-height: 1.15;
}

body .curious-promo .wp-block-column > p {
	margin: 0 0 24px;
	font-size: 18px;
	line-height: 1.6;
}

/* "You'll find out" panel */
body .entry-content div.wp-block-group.curious-promo__list {
	display: flow-root;
	float: none;
	height: 100%;
	padding: 28px 32px;
	border-radius: 8px;
	background: var(--curious-grey-bg);
}

.curious-promo__list > .wp-block-group__inner-container,
.curious-promo__list:not(:has(> .wp-block-group__inner-container)) {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

body .curious-promo p.curious-promo__title {
	margin: 0;
	color: var(--curious-grey-text);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.curious-promo__item > .wp-block-group__inner-container,
.curious-promo__item:not(:has(> .wp-block-group__inner-container)) {
	display: flex;
	gap: 18px;
	align-items: center;
}

body div.wp-block-group.curious-promo__item {
	float: none;
	width: auto;
}

body .curious-promo__item p {
	margin: 0;
	font-size: 19px;
	line-height: 1.4;
}

/* Statement under the check card: set like the page's other intro paragraphs. */
body .entry-content div.wp-block-group.is-style-section.curious-statement {
	/* A touch tighter under the check card than the standard section space. */
	padding-top: calc(var(--curious-section-space) - 10px);
	padding-bottom: var(--curious-section-space);
}

body .curious-statement p {
	max-width: 720px;
	margin: 0 0 16px;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.55;
}

body .curious-statement p:last-child {
	margin-bottom: 0;
}

@media (max-width: 700px) {
	.wp-block-cover.is-style-page-hero.curious-hero-overlap .wp-block-cover__inner-container {
		padding-top: 64px;
	}

	body .entry-content div.wp-block-group.curious-promo,
	body .entry-content div.wp-block-group.curious-promo__list {
		padding: 24px;
	}

	body .entry-content div.wp-block-group.is-style-section.curious-statement {
		padding-top: calc(var(--curious-section-space) - 10px);
		padding-bottom: var(--curious-section-space);
	}
}

/* "This is what we do all day": heading left, copy right. */
.curious-about.wp-block-columns {
	gap: 32px 80px;
	margin: 0;
}

body .curious-about h2 {
	margin: 0;
}

body .curious-about p {
	margin: 0 0 18px;
	font-size: 20px;
	line-height: 1.65;
}

body .curious-about p:last-child {
	margin-bottom: 0;
}

/* A lede that runs a little wider than the default 620px. */
body p.curious-wide-lede {
	max-width: 720px;
	margin-bottom: 20px;
}

/* Photo cards sit further apart than the default 20px card gap. */
.curious-cards.wp-block-columns:has(.is-style-photo-card) {
	gap: 64px;
}

/* A button inside a card sits a little below the text above it. */
body .entry-content .wp-block-group.is-style-card .wp-block-buttons {
	margin-top: 24px;
}