/* Custom styles for markdown code blocks */

/* Let Chroma control colors inside highlighted code blocks */
.highlight code {
    color: inherit !important;
}
/* Remove gray box from Chroma-highlighted blocks */
.highlight {
    background: transparent !important;
    padding: 0 !important;
}
/* Preserve Chroma's background; move spacing/scroll to the inner pre.chroma */
.highlight > pre.chroma {
    padding: 1px 15px;
    border-radius: 3px;
    overflow-x: auto;
}
/* Remove inline-code styles inside block code to avoid top/bottom lines */
.highlight > pre.chroma > code {
    background: transparent !important;
    padding: 0 !important;
}

/* Wrap long lines nicely on narrow screens */
@media (max-width: 768px) {
    .highlight > pre.chroma {
        white-space: pre-wrap;           /* keep indentation but allow wrapping */
        overflow-wrap: anywhere;         /* break long tokens if needed */
        word-break: normal;              /* prefer natural breaks */
        tab-size: 4;                     /* consistent tab rendering */
    }
    .highlight > pre.chroma .line {
        display: block;                  /* allow wrapped lines to flow naturally */
    }
}