#page-posts .column li {
	margin-block: 0;
}

.post time {
	margin-inline-start: auto;
	font-size: smaller;
}

.post .language {
	font-size: smaller;
}

.post-html-box,
.post-markdown-box {
	padding-block: calc(var(--spacing-block) * 2);
}

@media (min-width: 820px) {
	.post-html-box,
	.post-markdown-box {
		padding-inline: calc(var(--spacing-inline) * 2);
	}
}

.post-markdown-box pre,
.post-markdown-box code,
.post-markdown-box blockquote {
	background-color: rgb(from var(--color-foreground) r g b / var(--opacity-panel));
}

.post-markdown-box pre code {
	background-color: unset;
}

.post-markdown-box pre,
.post-markdown-box blockquote {
	margin-block: calc(var(--spacing-block) * 0.5);
	
	padding-inline: var(--spacing-inline);
	padding-block: var(--spacing-block);
	border-radius: var(--radius-border);
}

.post-markdown-box blockquote {
	border-inline-start-width: var(--spacing-border);
	border-inline-start-color: rgb(from var(--color-foreground) r g b / var(--opacity-separator));
	border-inline-start-style: solid;
	
	display: flex;
	flex-direction: column;
	gap: var(--spacing-block);
}

.post-markdown-box :is(h1, h2, h3, h4, h5, h6) {
	margin-block-start: 0.75em;
}

.post-markdown-box :is(h1, h2, h3, h4, h5, h6):first-child {
	margin-block-start: 0;
}