.markdown_a6ab {
	display: grid;
	gap: 1rem;
	line-height: 1.45;
	min-inline-size: 0;
}

.markdown_a6ab :is(h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, figure) {
	margin: 0;
}

.markdown_a6ab :is(ul, ol) {
	padding-inline-start: 1.5rem;
}

.markdown_a6ab a {
	text-decoration: underline;
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.08em;
}

.markdown_a6ab a:is(:hover, :focus) {
	color: var(--color-accent);
}

.markdown_a6ab pre {
	box-sizing: border-box;
	overflow: auto hidden;
	scrollbar-width: none !important;
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
	padding: 1rem 1rem 1.5rem;
	border: 0;
	background: transparent !important;
	white-space: pre;
	scroll-behavior: smooth;
}

.markdown_a6ab pre::-webkit-scrollbar {
	display: none !important;
	inline-size: 0;
	block-size: 0;
}

.markdown_a6ab [data-markdown-code-frame] {
	--scrollbar-block-start: auto;
	--scrollbar-block-end: 0.5rem;
	--scrollbar-inline-start: 1rem;
	--scrollbar-inline-end: 1rem;

	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
	border: 0.125rem solid currentcolor;
}

.markdown_a6ab code {
	background: transparent !important;
	font: inherit;
}

.markdown_a6ab img {
	max-inline-size: 100%;
	block-size: auto;
}

.markdown_a6ab blockquote {
	padding-inline-start: 1rem;
	border-inline-start: 0.125rem solid currentcolor;
}

[data-layout="main"].about_3cbe {
	grid-column: 1 / -1;
	grid-row: 3;
	min-block-size: 0;
}

.about_3cbe {
	inline-size: min(var(--content-max), 100%);
	margin-inline: auto;
	padding-block-end: var(--layout-gap);
}

.about_3cbe > article {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-auto-flow: row;
	column-gap: var(--layout-gap);
	row-gap: 0;
	align-content: start;
	line-height: 1.45;
}

.about_3cbe article > :not(blockquote) {
	grid-column: 1 / -1;
}

.about_3cbe article > p:first-child,
.about_3cbe article > h1,
.about_3cbe article > p:nth-of-type(2),
.about_3cbe article > p:nth-of-type(3),
.about_3cbe article > h2,
.about_3cbe article > p:last-child {
	border-inline-start: 0.125rem solid currentcolor;
	padding-inline: var(--page-padding);
}

.about_3cbe article > p:first-child {
	font-size: var(--font-body-large);
}

.about_3cbe article > h1 {
	padding-block-start: 0.75rem;
	font-size: var(--font-title);
	font-weight: 700;
	letter-spacing: 0;
}

.about_3cbe article > p:nth-of-type(2),
.about_3cbe article > p:nth-of-type(3) {
	max-inline-size: var(--readable-max);
	padding-block-start: 0.75rem;
	font-size: var(--font-body-large);
	line-height: 1.55;
}

.about_3cbe blockquote {
	display: grid;
	align-content: start;
	gap: 0.75rem;
	grid-row: 5;
	margin-block: 1rem 1.75rem;
	padding: var(--page-padding);
	border: 0.125rem solid currentcolor;
	background: var(--color-bg);
}

.about_3cbe blockquote:nth-of-type(1) {
	grid-column: 1 / 3;
}

.about_3cbe blockquote:nth-of-type(2) {
	grid-column: 3 / 5;
}

.about_3cbe blockquote:nth-of-type(3) {
	grid-column: 5 / 7;
}

.about_3cbe blockquote h3 {
	color: var(--color-fg);
	font-size: var(--font-preamble);
	letter-spacing: 0;
}

.about_3cbe blockquote p,
.about_3cbe blockquote li {
	font-size: var(--font-body);
	line-height: 1.45;
}

.about_3cbe blockquote ul {
	display: grid;
	gap: 0.55rem;
	padding-inline-start: 1rem;
}

.about_3cbe blockquote li::marker {
	content: "> ";
	color: var(--color-fg);
}

.about_3cbe article > h2 {
	grid-column: 1 / -1;
	grid-row: 6;
	margin-block-start: 0;
	padding-block-start: 0;
	color: var(--color-fg);
	font-size: var(--font-preamble);
	letter-spacing: 0;
}

.about_3cbe article > p:nth-last-child(3),
.about_3cbe article > p:nth-last-child(2) {
	grid-row: 7;
	padding-block-start: 1rem;
	font-size: var(--font-body-large);
	line-height: 1.55;
}

.about_3cbe article > p:nth-last-child(3) {
	grid-column: 1 / 4;
	justify-self: start;
	border-inline-start: 0.125rem solid currentcolor;
	padding-inline-start: var(--page-padding);
	padding-inline-end: 1rem;
}

.about_3cbe article > p:nth-last-child(2) {
	grid-column: 4 / 7;
	justify-self: end;
	padding-inline-start: 1rem;
}

.about_3cbe article > p:last-child {
	grid-column: 1 / -1;
	grid-row: 8;
	margin-block-start: 1rem;
	font-size: var(--font-body-large);
	line-height: 1.55;
}

.about_3cbe a {
	color: var(--color-fg);
	text-decoration: underline;
	text-decoration-thickness: 0.075rem;
	text-underline-offset: 0.2rem;
}

.about_3cbe a:is(:hover, :focus) {
	color: var(--color-accent);
}

@media (width <= 80rem) {
	body:has(.about_3cbe) {
		row-gap: var(--layout-gap);
	}

	[data-layout="main"].about_3cbe {
		grid-column: 2 / -1;
		grid-row: 2 / 4;
	}

	.about_3cbe {
		inline-size: min(var(--content-max), 100%);
	}

	.about_3cbe > article {
		grid-template-columns: 1fr;
	}

	.about_3cbe blockquote,
	.about_3cbe blockquote:nth-of-type(1),
	.about_3cbe blockquote:nth-of-type(2),
	.about_3cbe blockquote:nth-of-type(3),
	.about_3cbe article > h2,
	.about_3cbe article > p:nth-last-child(3),
	.about_3cbe article > p:nth-last-child(2),
	.about_3cbe article > p:last-child {
		grid-column: 1;
		grid-row: auto;
		justify-self: stretch;
	}

	.about_3cbe article > p:nth-last-child(2) {
		border-inline-start: 0.125rem solid currentcolor;
		padding-inline-start: var(--page-padding);
	}
}

@media (width <= 80rem) {
	body:has(.about_3cbe) {
		grid-template-columns: 1fr;
	}

	[data-layout="main"].about_3cbe {
		grid-column: 1;
		grid-row: 3;
		overflow: visible;
	}

	.about_3cbe {
		box-sizing: border-box;
		padding-inline: var(--page-padding);
	}

	.about_3cbe article > p:first-child,
	.about_3cbe article > h1,
	.about_3cbe article > p:nth-of-type(2),
	.about_3cbe article > p:nth-of-type(3),
	.about_3cbe article > h2,
	.about_3cbe article > p:last-child,
	.about_3cbe article > p:nth-last-child(3),
	.about_3cbe article > p:nth-last-child(2) {
		padding-inline: var(--page-padding);
	}
}

