/* =============================================================================
   wordpress.css: the few places where block markup differs from plain HTML
   -----------------------------------------------------------------------------
   Pages are built from core blocks (Paragraph, Heading, Image, Quote, List, Group),
   which add their own wrapper classes. These rules make them match the design
   language. Keep this file short: style components by our classes, not by
   WordPress's, wherever the markup allows it.
   ============================================================================= */

/* Pull quotes are Quote blocks: the words in the lede italic, the credit (cite) as a grey label */
.wp-block-quote { margin: 0; padding: 0; border: 0; }
.wp-block-quote p {
	max-width: 32ch;
	font: italic 500 var(--step-lede)/1.3 var(--display);
	font-optical-sizing: none;
	font-variation-settings: "opsz" 6;
}
.ambitions .wp-block-quote p { max-width: 30ch; }
.wp-block-quote cite {
	display: block;
	margin-top: var(--s-3);
	color: var(--grey);
	font: 500 var(--step-label)/1.35 var(--text);
	font-style: normal;
}

/* Image blocks: no default margin; captions as grey labels */
.wp-block-image { margin: 0; }
.wp-element-caption { margin-top: var(--s-2); color: var(--grey); font: 500 var(--step-label)/1.35 var(--text); }

/* List blocks keep the reset (bulleted lists in long reads are styled in templates.css) */
.wp-block-list { padding: 0; list-style: none; }