body {
    font-family: system, -apple-system, "Arial";
    padding: 0 10px;
    margin: 0;
    background-color: #f4f4f4;
    color: #333;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.inline_code {
    display: inline !important;
    padding: 0px !important;
    margin: 0px !important;
}

li {
    line-height: 1.4;
}

h1,
h2,
h3 {
    line-height: 1.0;
}

.fa-brands {
    color: black;
    transition: color 0.3s ease;
}

.container {
    margin: auto;
    max-width: 820px;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

hr {
    border: 0;
    border-top: 1px solid #e1e1e1;
    margin-top: 20px;
    transition: border-color 0.3s ease;
}

nav span {
    margin: 0 10px;
}

.content {
    padding-top: 20px;
}

.content h2 {
    font-size: 1.5em;
    margin-top: 20px;
}

pre,
span.inline_code {
    margin: 1em 0;
    padding: 15px;
    border-radius: 5px;
    overflow-x: auto;
    transition: background-color 0.3s ease;
    background-color: #f1f1f1;
}

:not(pre)>code:not([class*="language-"]) {
    font-size: 14px;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    background: #eee;
    color: #333;
    padding: 2px 5px;
    border-radius: 3px;
    white-space: nowrap;
    transition: background-color 0.3s ease, color 0.3s ease;
}

pre code,
span.inline_code code {
    font-size: 14px;
    background: none;
    padding: 0;
    white-space: pre-line !important;
    transition: color 0.3s ease;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}

pre code.language-python,
pre code.language-json,
pre code.language-bitcoin-script,
pre code.bitcoin-script,
span.inline_code code.language-python,
span.inline_code code.language-json,
span.inline_code code.language-bitcoin-script,
span.inline_code code.bitcoin-script {
    white-space: pre !important;
}

h1 {
    font-size: 2.5em;
}

.meta-info {
    font-size: 0.9em;
    color: #777;
    margin-top: -10px;
    transition: color 0.3s ease;
}

code,
code[class*="language-"],
code.language-bitcoin-script {
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}

.language-bitcoin-script .token.keyword,
code .token.keyword,
.token.keyword {
    color: #07a !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal !important;
    border: none !important;
}

:root {
    --prism-background: #f5f5f5;
    --prism-color: #333;
    --prism-comment: #6a9955;
    --prism-punctuation: #999;
    --prism-property: #905;
    --prism-selector: #690;
    --prism-operator: #9a6e3a;
    --prism-keyword: #07a;
    --prism-function: #DD4A68;
    --prism-string: #690;
    --prism-variable: #e90;
    --prism-important: #e90;
    --prism-highlight-background: rgba(0, 0, 0, 0.05);
}

code[class*="language-"],
pre[class*="language-"] {
    color: var(--prism-color);
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    tab-size: 4;
    hyphens: none;
}

pre[class*="language-"] {
    background: var(--prism-background);
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
}


.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: var(--prism-comment);
}

.token.punctuation {
    color: var(--prism-punctuation);
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
    color: var(--prism-property);
}

.token.selector,
.token.attr-name,
.token.char,
.token.builtin {
    color: var(--prism-selector);
}

.token.string,
.token.attr-value {
    color: var(--prism-string);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: var(--prism-operator);
}

.token.atrule,
.token.keyword {
    color: var(--prism-keyword);
}

.token.function {
    color: var(--prism-function);
}

.token.regex,
.token.important,
.token.variable {
    color: var(--prism-variable);
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

@media (prefers-color-scheme: dark) {
    body {
        color: #d0d0d0;
        background-color: #121212;
    }

    .container {
        background-color: #1e1e1e;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }

    .fa-brands {
        color: #d0d0d0;
    }

    a {
        color: #90caf9;
    }

    a:visited {
        color: #ce93d8;
    }

    /* Enhanced inline code styling with missing properties */
    :not(pre)>code:not([class*="language-"]) {
        font-size: 14px;
        font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
        background: #2d2d2d;
        color: #e0e0e0;
        padding: 2px 5px;
        border: 1px solid #444;
        border-radius: 3px;
        white-space: nowrap;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* Pre and span.inline_code styling for dark mode */
    pre,
    span.inline_code {
        margin: 1em 0;
        padding: 15px;
        border-radius: 5px;
        overflow-x: auto;
        transition: background-color 0.3s ease;
        background-color: #2d2d2d;
        border: 1px solid #333;
    }

    /* Code within pre and span.inline_code */
    pre code,
    span.inline_code code {
        font-size: 14px;
        font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
        background: none;
        padding: 0;
        white-space: pre-line !important;
        transition: color 0.3s ease;
        color: #e6e6e6;
    }

    /* Language-specific whitespace handling for dark mode */
    pre code.language-python,
    pre code.language-json,
    pre code.language-bitcoin-script,
    pre code.bitcoin-script,
    span.inline_code code.language-python,
    span.inline_code code.language-json,
    span.inline_code code.language-bitcoin-script,
    span.inline_code code.bitcoin-script {
        white-space: pre !important;
    }

    .language-bitcoin-script .token.keyword,
    code .token.keyword,
    .token.keyword,
    code:not([class]) {
        color: #6196cc !important;
        background-color: transparent !important;
    }

    hr {
        border-top-color: #333;
    }

    .meta-info {
        color: #aaa;
    }

    h1 {
        color: #ffffff;
        font-size: 2.5em;
    }

    h2 {
        color: #f0f0f0;
        font-size: 1.5em;
    }

    h3 {
        color: #e0e0e0;
        font-size: 1.4em;
        font-weight: 500;
    }

    :root {
        --prism-background: #2d2d2d;
        --prism-color: #ccc;
        --prism-comment: #999;
        --prism-punctuation: #ccc;
        --prism-property: #f8c555;
        --prism-selector: #a5e844;
        --prism-operator: #cc7832;
        --prism-keyword: #6196cc;
        --prism-function: #f08d49;
        --prism-string: #7ec699;
        --prism-variable: #f8c555;
        --prism-important: #cc7832;
        --prism-highlight-background: rgba(255, 255, 255, 0.05);
    }

    pre[class*="language-"] {
        border: 1px solid #333;
        background-color: #2d2d2d;
    }

    pre:not([class*="language-"]) {
        background-color: #252525;
        border: 1px solid #333;
    }

    code:not([class*="language-"]) {
        color: #e6e6e6;
    }

    table {
        border-color: #333;
    }

    th {
        background-color: #252525;
        color: #ffffff;
    }

    tr:nth-child(even) {
        background-color: #1a1a1a;
    }

    tr:nth-child(odd) {
        background-color: #222;
    }

    td b {
        color: #ffffff;
        font-weight: 700;
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    }
}

table {
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0;
}

th,
td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
}

.rank {
    text-align: center;
    font-weight: bold;
}

.model-name {
    font-weight: 500;
}

.metric {
    font-family: monospace;
}