.org-comment        { color: #b22222; }
.org-string         { color: #8b2252; }
.org-keyword        { color: #a020f0; }
.org-builtin        { color: #483d8b; }
.org-constant       { color: #008b8b; }
.org-function-name  { color: #0000ff; }
.org-variable-name  { color: sienna; } 
.org-type           { color: #228b22; }
.org-preprocessor   { color: #483d8b; }
.org-doc            { color: #8b2252; }
.org-warning        { color: #ff8c00; font-weight: 700; }

:not(pre) > code{
    padding: 2px 5px; margin: 0 1px;
    border: 1px solid #ddd; border-radius: 3px;
    background-clip: padding-box;
    color: #333; font-size: 80%;
}
pre {
    background-color: var(--bg);
}

.org-src-container{
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px #eee;
    font-family: Lucida Console, monospace;
    font-size: 80%;
    margin: 1em auto;
    padding: .1em .5em;
    position: relative;
}
.org-src-container > pre{ overflow: auto; }

.org-src-container > pre:before{
    display: block; position: absolute; top: 0; right: 0;
    background-color: #b3b3b3; color: #fff;
    padding: 0 .5em; border-bottom-left-radius: 8px; border: 0;
    font-size: 80%;
}
.org-src-container > pre.src-bash:before        { content: "bash"; }
.org-src-container > pre.src-sh:before          { content: "sh"; }
.org-src-container > pre.src-shell:before       { content: "shell"; }
.org-src-container > pre.src-python:before      { content: "Python"; }
.org-src-container > pre.src-emacs-lisp:before  { content: "Emacs Lisp"; }
.org-src-container > pre.src-js:before,
.org-src-container > pre.src-javascript:before  { content: "Javascript"; }
.org-src-container > pre.src-typescript:before  { content: "Typescript"; }
.org-src-container > pre.src-html:before        { content: "HTML"; }
.org-src-container > pre.src-css:before         { content: "CSS"; }
.org-src-container > pre.src-c:before           { content: "C"; }
.org-src-container > pre.src-cpp:before         { content: "C++"; }
.org-src-container > pre.src-java:before        { content: "Java"; }
.org-src-container > pre.src-rust:before        { content: "Rust"; }
.org-src-container > pre.src-R:before           { content: "R"; }

.copy-btn{
    position: absolute; top: .4em; right: .4em;
    background-color: var(--code-bg); color: var(--heading);
    border: 1px solid var(--heading); border-radius: 4px;
    padding: .2em .6em; font-size: .8rem; cursor: pointer; z-index: 10;
    transition: background-color .3s;
}
.copy-btn:hover{ background-color: var(--heading); color: var(--code-bg); }

pre.src::before{ content: none !important; }
pre.src{
    padding: 1.5em 1em 1em;
    font-family: "Fira Mono","Courier New",monospace;
    font-size: .9rem; line-height: 1.4;
    overflow-x: auto; white-space: pre-wrap;
}

