html {
        scroll-behavior: smooth;
    }
    body {
        font-family: 'Inter', sans-serif;
        background-color: #f8f9fa;
        color: #212529;
    }
    .code-block-wrapper {
        position: relative;
    }
    .code-block {
        font-family: 'Roboto Mono', monospace;
        font-size: 0.875rem;
        background-color: #1e1e1e;
        color: #d4d4d4;
        padding: 1.25rem;
        border-radius: 0.5rem;
        overflow-x: auto;
        white-space: pre;
    }
    .copy-btn {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        background-color: #4a5568;
        color: white;
        border: none;
        padding: 0.3rem 0.6rem;
        border-radius: 0.3rem;
        cursor: pointer;
        font-size: 0.8rem;
        transition: background-color 0.2s;
    }
    .copy-btn:hover {
        background-color: #2d3748;
    }
    .solution-toggle {
        display: inline-block;
        background-color: #2563eb;
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 0.375rem;
        cursor: pointer;
        font-weight: 600;
        margin-top: 1rem;
        transition: background-color 0.2s;
    }
    .solution-toggle:hover {
        background-color: #1d4ed8;
    }
    .solution-content {
        display: none;
        margin-top: 1rem;
        border-left: 4px solid #d1d5db;
        padding-left: 1rem;
    }
    /* SQL Syntax Highlighting Tokens */
    .code-block .token.keyword { color: #569cd6; } /* CREATE, SELECT, INSERT, etc. */
    .code-block .token.comment { color: #6a9955; } /* -- Ceci est un commentaire */
    .code-block .token.string { color: #ce9178; } /* 'une chaîne' */
    .code-block .token.function { color: #dcdcaa; } /* COUNT(), SUM() */
    .code-block .token.variable { color: #9cdcfe; } /* @variable, table/column names */
    .code-block .token.number { color: #b5cea8; } /* 1, 10.5 */
    .code-block .token.operator { color: #d4d4d4; } /* +, =, * */
    .code-block .token.punctuation { color: #d4d4d4; } /* , ; */
    .code-block .token.type { color: #4ec9b0; } /* INT, VARCHAR, etc. */