figure:has(blockquote) {
	
	margin-block: 1rem;
	margin-inline: 0;

	box-sizing: border-box;
	max-width: max-content;
	
	blockquote {
		max-inline-size: 100%;
		line-height: 1.66;
		letter-spacing: -0.022em;
		font-size: 1.266rem;

		font-family: serif;
		margin: 0;
		padding: 1rem;
		
		> p:first-child {
			margin-block-start: 0;
		}
		> p:last-child {
			margin-block-end: 0;
		}
	}

	figcaption {
		font-size: 0.889rem;
		
	}

	/* float a lil quotey before the quote */

	position: relative;

	blockquote:before {
		content: '“';
		position: absolute;
		font-size: 3rem;
		inset-block-start: -0.5rem;
		// inset-inline-start: 0.75rem;
	}

	blockquote {
		padding-block-start: 2em;
	}

	/* fixes for no-style option */

	blockquote {
		margin-inline-start: -1rem;
	}

	&:has(figcaption) blockquote {
		padding-block-end: 0rem;
	}

	/* basic style */

	// border-block-start: 1px solid currentColor;
	// border-inline-start: 1px solid currentColor;

	// figcaption {
	// 	padding-inline: 1rem;
	// 	padding-block-end: 1rem;
	// }

	/* framing style */

	// background: var(--ui-overlay);
	// border: 0.5rem solid var(--ui-overlay);

	// blockquote:not(:has(div)) {
	// 	background: var(--ui-background);
	// }

	// figcaption {
	// 	border-block-start: 1px solid var(--ui-overlay);
	// 	background: var(--ui-overlay);
	// 	color: var(--ui-overlay-text);
	// 	padding: 1rem;
	// }
}