/*
 * FFA door-page block styles.
 * One source of truth for the repeated treatments across every door page.
 * All values reference theme.json presets, so a token change in the theme
 * propagates here and into every page already built with these styles.
 */

/* Section vertical rhythm — shared by every band */
.is-style-section,
.is-style-door-hero {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
}

/* Dark hero band: white copy, yellow eyebrow, wheat serif lead */
.is-style-door-hero {
	color: var(--wp--preset--color--white);
}
.is-style-door-hero :where(h1, h2, p) {
	color: var(--wp--preset--color--white);
}
.is-style-door-hero h5 {
	color: var(--wp--preset--color--ffa-yellow);
}
.is-style-door-hero .is-style-serif-lead {
	color: var(--wp--preset--color--wheat);
}

/* DM Serif italic sub-line */
.is-style-serif-lead {
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.25;
	color: var(--wp--preset--color--ink);
	max-width: 58ch;
}

/* Readable body measure */
.is-style-prose {
	max-width: 68ch;
}

/* Hairline definition rows (the reveal mapping) */
.is-style-rule-row {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
}
.is-style-rule-row:last-of-type {
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.is-style-rule-key {
	color: var(--wp--preset--color--corduroy);
	font-weight: 800;
}

/* Divider before the handoff "pass" block */
.is-style-divided {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: var(--wp--preset--spacing--40);
}
