code[class*=language-],pre[class*=language-]{color:var(--text-code-block);background:0 0;font-family:var(--font-mono);font-size:var(--font-size-smaller);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:var(--radius-md)}
:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--bg-code-block)}
:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:var(--radius-sm);white-space:normal}

/* Light theme tokens */
:root .token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d}
:root .token.punctuation{color:#24292e}
:root .token.namespace{opacity:.7}
:root .token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#005cc5}
:root .token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#22863a}
:root .language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#d73a49}
:root .token.atrule,.token.attr-value,.token.keyword{color:#d73a49}
:root .token.class-name,.token.function{color:#6f42c1}
:root .token.important,.token.regex,.token.variable{color:#e36209}

/* Dark theme tokens — Nord (https://nordtheme.com) */
html.dark .token.comment,.html.dark .token.prolog,.html.dark .token.doctype,.html.dark .token.cdata{color:#616e88}
html.dark .token.punctuation{color:#81a1c1}
html.dark .token.namespace{opacity:.7}
html.dark .token.boolean,.html.dark .token.constant,.html.dark .token.deleted,.html.dark .token.number,.html.dark .token.property,.html.dark .token.symbol,.html.dark .token.tag{color:#81a1c1}
html.dark .token.attr-name,.html.dark .token.builtin,.html.dark .token.char,.html.dark .token.inserted,.html.dark .token.selector,.html.dark .token.string{color:#a3be8c}
html.dark .token.operator,.html.dark .token.entity,.html.dark .token.url,.html.dark .language-css .token.string,.html.dark .style .token.string,.html.dark .token.variable{color:#81a1c1}
html.dark .token.atrule,.html.dark .token.attr-value,.html.dark .token.function,.html.dark .token.class-name{color:#88c0d0}
html.dark .token.keyword{color:#81a1c1}
html.dark .token.regex,.html.dark .token.important{color:#ebcb8b}

.token.bold,.token.important{font-weight:700}
.token.italic{font-style:italic}
.token.entity{cursor:help}
