/* Add a white background to all images to handle transparency on dark theme */
img {
    background-color: white;
}

/* Ensure teaser images in listings also have white background */
.quarto-listing-item img {
    background-color: white;
}

/* Fix verbatim/code elements in teasers and elsewhere having white background on dark theme */
code.verbatim, 
code {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #e6e6e6 !important;
    padding: 0.1rem 0.3rem !important;
    border-radius: 4px !important;
    border: none !important;
}

/* Ensure inline code in headers isn't messed up */
h1 code, h2 code, h3 code, h4 code {
    background-color: transparent !important;
}