:root {
    --code-bg: #0a0a0a; 
    --code-border: var(--border);
    --code-text: var(--text);
}

pre {
    background: var(--code-bg);
    color: var(--code-text);
    border: 1px solid var(--code-border);
    font-family: var(--font-mono);
    
    padding: 20px;
    margin: 30px 0;
    overflow-x: auto;
    border-radius: 0;
    
    font-size: 13px;
    line-height: 1.5;
}

pre code {
    color: inherit; 
    font-family: inherit;
    background: none;
    border: none;
    padding: 0;
}

:not(pre) > code {
    font-family: var(--font-mono);
    font-size: 0.9em; 
    
    color: var(--highlight); 
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--border);
    
    padding: 2px 6px;
    white-space: nowrap; 
}