.custom-panel-wrapper {
    padding: 0 2rem;
    border-radius: 10px;
    margin: 2rem;
}

.custom-panel h1,
.custom-panel h2,
.custom-panel h3,
.custom-panel h4,
.custom-panel h5,
.custom-panel h6,
.custom-panel p,
.custom-panel li,
.custom-panel a,
.custom-panel code:not(pre code) {
    color: black !important;
}

.custom-panel pre {
    background-color: #333 !important;
    color: white !important;
    padding: 1rem;
    border-radius: 5px;
    overflow-x: auto;
    margin: 1rem 0;
}

.custom-panel pre code {
    background-color: transparent !important;
    color: inherit !important;
}

@media (prefers-color-scheme: light) {
    .custom-panel pre {
        background-color: #f5f5f5 !important;
        color: black !important;
    }
}