/* The brand left-bar (color + width) is owned by theme.json so it stays single-source
   and stays adjustable in Styles -> Blocks -> Quote. */
.wp-block-quote {
	border-radius: var(--wp--custom--panel--radius);
	padding-inline-start: var(--wp--preset--spacing--large);
	padding-inline-end: var(--wp--preset--spacing--medium);
	padding-block: var(--wp--preset--spacing--medium);
	gap: var(--wp--preset--spacing--small);
	background-color: var(--wp--preset--color--surface-2);
	color: var(--wp--preset--color--text-1);
}

/* Quote text: italic with slightly larger size for emphasis */
.wp-block-quote p {
	font-style: italic;
	font-size: var(--wp--preset--font-size--l);
	line-height: var(--wp--custom--typography--line-height-body);
}

.wp-block-quote cite,
.wp-block-quote footer {
	display: block;
	margin-block-start: var(--wp--preset--spacing--small);
	font-size: var(--wp--preset--font-size--s);
	font-style: normal;
	color: var(--wp--preset--color--text-2);
}

/* Pullquote appearance moved to assets/blocks/pullquote.css (enqueued on
   core/pullquote), so it loads with the pullquote itself rather than only when a
   core/quote block happens to be on the page. */
