.article-cell.svelte-16bbivr {
		container-type: inline-size;
	}

	.article-layout.svelte-16bbivr .not-prose h1 {
		color: var(--foreground);
		overflow-wrap: break-word;
		text-wrap: balance;
	}

	.article-layout.svelte-16bbivr .prose {
		min-width: 0;
	}

	.article-layout.svelte-16bbivr pre {
		overflow-x: auto;
	}

	/* Breakout images - escape prose width, expand to cell or intrinsic (whichever is smaller) */
	.article-layout.svelte-16bbivr .prose .breakout {
		max-width: 100%;
		width: 100%;
		border: none;
		box-shadow: none;
		--tw-ring-opacity: 0;
	}

	@media (min-width: 768px) {
		.article-layout.svelte-16bbivr .prose .breakout {
			/* Expand to intrinsic, cap at cell content width */
			width: max-content;
			max-width: 100cqi;
		}
	}

	/* Breakout figures - remove default figure styling */
	.article-layout.svelte-16bbivr .prose figure.breakout {
		background: transparent;
		padding: 0;
		margin-inline: 0;
		position: relative;
		text-align: center;
	}

	.article-layout.svelte-16bbivr .prose figure.breakout figcaption {
		color: var(--foreground);
		font-weight: 500;
		font-size: 0.75em;
		padding-bottom: 0.25em;
		display: inline-block;
		margin-inline: auto;
		padding-inline: 12px;
		background: var(--background);
		position: relative;
		z-index: 1;
		font-family:
			ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
			monospace;
	}

	.article-layout.svelte-16bbivr .prose figure.breakout:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 1.25em;
		height: 1px;
		background: color-mix(in oklab, var(--foreground) 5%, var(--background));
		pointer-events: none;
		z-index: 0;
	}

	.article-layout.svelte-16bbivr .prose figure.breakout img {
		--tw-ring-opacity: 0;
		box-shadow: none;
	}