.markdown-enabled {
 
	p, ul, ol {
		@include margin(3, b);

		padding-top: 0;
	}

	hr {
		background-color: var(--color-shade-2);

		@include dark {
			background-color: var(--color-shade-3);
		}

		border: 0;
		height: .25rem;
		margin: 24px 0;
		padding: 0;
	}

	ul, ol {
		padding-left: 2rem;
		list-style-type: circle;
		margin-bottom: 0.75rrem;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 500;
		line-height: 1.25;
		margin-bottom: 16px;
		margin-top: 24px;
	}

	h1, h2 {
		border-bottom: .15rem solid var(--color-shade-2);

		@include dark {
			border-color: var(--color-shade-3);
		}

		padding-bottom: .15rem;
	}

	h1 {
		font-size: 1.75rem;
	}

	h2 {
		font-size: 1.4rem;
	}

	h3 {
		font-size: 1.2rem;
	}

	h4 {
		font-size: 1rem;
	}

	h5, h6 {
		font-size: .875rem;
	}

	h6 {
		color: gray;
	}

	img, svg, video, canvas, audio, iframe, rembed, object {
		display: inline;
	}

	code, tt {
		@include margin(3, b);
		@include rounded(sm);

		background-color: var(--color-shade-3);
		font-size: 85%;
		padding: 0;
		margin: 0;
	}

	pre {
		@include padding(3);
		@include margin(3, b);
		@include rounded(lg);

		overflow: auto;
		background-color: var(--color-shade-2);

		@include dark {
			background-color: var(--color-shade-3);
		}

		font-size: 95%;
		line-height: 1.4;
		word-break: normal;
		word-wrap: normal;
	
		code, tt {
			background: transparent;
		}
	}

	> *:first-child {
		margin-top: 0;
	}

	> *:last-child {
		margin-bottom: 0;
	}
	
}

.cm-s-vindigo {
	font-family: 'JetBrains Mono';

	span.cm-meta { color: #808000; }
	span.cm-number { color: #4a7edf; }
	span.cm-keyword { line-height: 1rem; font-weight: bold; color: #000080; }
	span.cm-atom { font-weight: bold; color: #000080; }
	span.cm-def { color: #000000; }
	span.cm-variable { color: black; }
	span.cm-variable-2 { color: black; }
	span.cm-variable-3, .cm-s-idea span.cm-type { color: black; }
	span.cm-property { color: black; }
	span.cm-operator { color: black; }
	span.cm-comment { color: #455696; }
	span.cm-string { color: #209dd6; }
	span.cm-string-2 { color: #4db149; }
	span.cm-qualifier { color: #7c7266; }
	span.cm-error { color: #FF0000; }
	span.cm-attribute { color: #e4bd3f; }
	span.cm-tag { color: #f3863e; }
	span.cm-link { color: #8b5cf6; }
	span.cm-builtin { color: #30a; }
	span.cm-bracket { color: #a34831; }

	.Codremirror-matchingbracket {
		outline: 1px solid grey;
		color: black !important;
	}

	.Codremirror-activeline-background {
		background: #FFFAE3;
	}
}