.markdown pre {
    margin: 1.25rem 0;
    padding: 1rem 1.1rem;
    overflow-x: auto;
    background: #1c1c1c;
    color: #e8e4dc;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.25rem;
    tab-size: 4;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

.markdown pre::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.markdown pre::-webkit-scrollbar-track {
    background: transparent;
}

.markdown pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 999px;
}

.markdown pre::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.32);
}

.markdown pre code,
.markdown pre code.hljs {
    display: block;
    padding: 0;
    background: transparent;
    color: inherit;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 0.875rem;
    line-height: 1.65;
    white-space: pre;
    word-wrap: normal;
    overflow-wrap: normal;
}

.markdown :not(pre) > code {
    padding: 0.15em 0.4em;
    border-radius: 0.2rem;
    background: var(--fy-accent-soft);
    color: var(--fy-accent);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 0.88em;
}

.markdown pre .hljs-comment,
.markdown pre .hljs-quote {
    color: #7a7a7a;
    font-style: italic;
}

.markdown pre .hljs-keyword,
.markdown pre .hljs-selector-tag,
.markdown pre .hljs-literal,
.markdown pre .hljs-section,
.markdown pre .hljs-link {
    color: #8fbfb0;
}

.markdown pre .hljs-string,
.markdown pre .hljs-regexp,
.markdown pre .hljs-addition,
.markdown pre .hljs-attribute,
.markdown pre .hljs-meta-string {
    color: #d4a574;
}

.markdown pre .hljs-number,
.markdown pre .hljs-symbol,
.markdown pre .hljs-bullet,
.markdown pre .hljs-template-variable,
.markdown pre .hljs-variable {
    color: #b8a0d4;
}

.markdown pre .hljs-title,
.markdown pre .hljs-title.class_,
.markdown pre .hljs-title.function_,
.markdown pre .hljs-type,
.markdown pre .hljs-built_in,
.markdown pre .hljs-name,
.markdown pre .hljs-selector-id,
.markdown pre .hljs-selector-class {
    color: #7eb8d4;
}

.markdown pre .hljs-function,
.markdown pre .hljs-params {
    color: #e8e4dc;
}

.markdown pre .hljs-meta,
.markdown pre .hljs-subst {
    color: #a8a8a8;
}

.markdown pre .hljs-deletion {
    color: #d47474;
}

.markdown pre .hljs-emphasis {
    font-style: italic;
}

.markdown pre .hljs-strong {
    font-weight: 600;
}