code {
	font-size: 0.85rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
		'Liberation Mono', 'Courier New', monospace;
	background: rgb(255 255 255 / 8%);
	color: #e6e6e6;
	border-radius: 6px;
}

code:not(.hljs) {
	padding: 2px 6px;
}

pre code.hljs {
	display: block;
	overflow-x: auto;
	padding: 1.1em 1.2em;
}

code.hljs {
	padding: 3px 5px;
}

/* Chrome (background, border, radius, padding) lives on the outer
   <pre> in article-body styles. Here we only paint the
   syntax-highlight color so the inner <code class="hljs"> sits flush
   inside its parent without doubling the border. */
.hljs {
	color: #e6e6e6;
	background: transparent;
}

.hljs ::selection,
.hljs::selection {
	background-color: rgb(205 182 240 / 30%);
	color: #fff;
}

.hljs-comment,
.hljs-quote {
	color: rgb(255 255 255 / 45%);
	font-style: italic;
}

.hljs-tag,
.hljs-punctuation,
.hljs-operator,
.hljs-subst {
	color: rgb(255 255 255 / 78%);
}

.hljs-bullet,
.hljs-deletion,
.hljs-name,
.hljs-selector-tag,
.hljs-template-variable,
.hljs-variable {
	color: #f493b8;
}

.hljs-attr,
.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-symbol,
.hljs-variable.constant_ {
	color: #f0b888;
}

.hljs-class .hljs-title,
.hljs-title,
.hljs-title.class_ {
	color: #ffd97a;
}

.hljs-strong {
	font-weight: 700;
	color: #ffd97a;
}

.hljs-addition,
.hljs-code,
.hljs-string,
.hljs-title.class_.inherited__ {
	color: #b4dca2;
}

.hljs-built_in,
.hljs-doctag,
.hljs-keyword.hljs-atrule,
.hljs-regexp {
	color: #88c5e5;
}

.hljs-attribute,
.hljs-function .hljs-title,
.hljs-section,
.hljs-title.function_,
.ruby .hljs-property {
	color: #88c5e5;
}

.diff .hljs-meta,
.hljs-keyword,
.hljs-template-tag,
.hljs-type {
	color: #c8a8e8;
}

.hljs-emphasis {
	color: #c8a8e8;
	font-style: italic;
}

.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
	color: #d589c0;
}

.hljs-meta .hljs-keyword,
.hljs-meta-keyword {
	font-weight: 700;
}