/* 1. THE DEFAULT STYLE 
   Applies to all code blocks by default */
div.sourceCode {
    background-color: #f0f0f0;
    /* Default Light Grey */
    border-left: 5px solid #31baE9;
    /* Default Blue */
    margin-bottom: 1em;
    /* Spacing */
    border-radius: 4px;
    /* Optional: makes it look nicer */
}

/* 2. THE CUSTOM "RAW" STYLE
   Overrides the default only when {.raw} is present */
div.sourceCode.raw {
    background-color: #B9B9B9;
    /* Custom Dark Grey */
    border-left-color: #A020F0;
    /* Custom Purple */
}

/* Optional: Change text color inside the raw block */
div.sourceCode.raw code {
    color: #d670d6;
}