ul {
	list-style: none;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

li {
	margin-bottom: 0.25rem;
}

li p {
	margin-bottom: 0.2rem;
}

/* Bonus space after last li */
li:last-child {
	margin-bottom: 3rem;
}

ul li::marker {
	content: "> ";
	color: var(--metaColor);
}

ul li:hover::marker {
	content: ">> ";
	font-weight: 1000;
	color: var(--linkColor);
	transition: 100ms;
}


.titleList li {
	margin-bottom: .75rem;
}


blockquote {
	border-left: .5rem solid var(--metaColor);
	margin: 1rem;
	padding: 0 0 0 1rem
}


textarea {
	border: 2px dotted;
	outline: 0;
	resize: none;
	overflow: auto;
	background-color: var(--bgColor)
}



pre .wrap {
	overflow: hidden;
	overflow-wrap: break-word;
	word-break: break-all;
	white-space: pre-wrap;
}

pre :not(.wrap) {
	padding: 1rem;
	font-style: monospace;
	white-space: pre;
	overflow: scroll;
	display: block;
	border: solid .2rem transparent;
	transition: 150ms;
	counter-reset: line;
}

pre:hover {
	border: solid .2rem var(--lightBgColor);
}

pre span:first-of-type:before {
	border-top: 1px dashed var(--lightBgColor);
}

pre span:before {
	counter-increment: line;
	content: counter(line, decimal-leading-zero);
	display: inline-block;
	border-right: 1px solid var(--lightBgColor);
	border-bottom: 1px dashed var(--lightBgColor);
	padding: 0 .5em;
	margin-right: .5em;
	color: #888
}

p code,
li code,
div code {
	padding: 0 .2rem 0 .2rem;
	border-radius: .3rem;
	color: var(--codeFgColor);
	background-color: var(--codeBgColor);
}

pre code {
	padding: 0;
	border-radius: 0;
	color: inherit;
	background-color: inherit;
}


table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	line-height: 1.1
}

thead th:first-child {
	width: 20%
}

td,
th {
	text-align: left
}

th {
	font-weight: 400
}


td,
th {
	padding: .5rem;
	border: dashed .1rem var(--metaColor)
}

.metaData,
hr,
textarea {
	color: var(--metaColor)
}