/**
WCAG AA requires a contrast ratio of at least 4.5:1
Syntax Highlighting contrast grid:
https://contrastgrid.com/?xAxisData=%255B%257B%2522color%2522%253A%2522%252367675e%2522%257D%252C%257B%2522color%2522%253A%2522%2523007373%2522%257D%252C%257B%2522color%2522%253A%2522%2523c80c3c%2522%257D%252C%257B%2522color%2522%253A%2522%2523900%2522%257D%252C%257B%2522color%2522%253A%2522%2523458%2522%257D%252C%257B%2522color%2522%253A%2522%2523000080%2522%257D%252C%257B%2522color%2522%253A%2522%25231d753a%2522%257D%252C%257B%2522color%2522%253A%2522%2523990073%2522%257D%252C%257B%2522color%2522%253A%2522%2523006f93%2522%257D%252C%257B%2522color%2522%253A%2522%252367675e%2522%257D%255D&yAxisData=%255B%257B%2522color%2522%253A%2522%2523f8f8f8%2522%257D%252C%257B%2522color%2522%253A%2522%2523dfd%2522%257D%252C%257B%2522color%2522%253A%2522%2523fdd%2522%257D%255D
*/

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    color: var(--font-black);
    background: #f8f8f8
}
.hljs-comment, .hljs-quote {
    color: #67675e;
    font-style: italic
}
.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color: var(--font-black);
    font-weight: bold
}
.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
    color: #007373
}
.hljs-string, .hljs-doctag {
    color: #c80c3c
}
.hljs-title, .hljs-section, .hljs-selector-id {
    color: #900;
    font-weight: bold
}
.hljs-subst {
    font-weight: normal
}
.hljs-type,.hljs-class .hljs-title {
    color: #458;
    font-weight: bold
}
.hljs-tag, .hljs-name, .hljs-attribute {
    color: #000080;
    font-weight: normal
}
.hljs-regexp,.hljs-link {
    color: #1d753a
}
.hljs-symbol,.hljs-bullet {
    color: #990073
}
.hljs-built_in,.hljs-builtin-name {
    color: #006f93
}
.hljs-meta {
    color: #67675e;
    font-weight: bold
}
.hljs-deletion {
    background: #fdd
}
.hljs-addition {
    background: #dfd
}
.hljs-emphasis {
    font-style: italic
}
.hljs-strong {
    font-weight: bold
}