.chapter-number {
    display: none;
}

yrchapternumber { font-size: 99%; color: red; }

.yrAppendixChapterNumber {
    display: none;
}


/* The following is to 
 * (a) make the scrollbars in the code chunks thicker
 * (b) make the scrollbars always visible (and not only
 *     when the cursor is moving in the code chunk)
 */

/* Make scrollbars always visible and thicker for code blocks */
pre code {
    overflow-x: auto !important;
}

/* For WebKit browsers (Chrome, Safari, Edge) */
pre code::-webkit-scrollbar {
    height: 12px !important; /* Make scrollbar thicker */
    background-color: #f1f1f1 !important;
}

pre code::-webkit-scrollbar-thumb {
    background-color: #888 !important;
    border-radius: 6px !important;
}

pre code::-webkit-scrollbar-thumb:hover {
    background-color: #555 !important;
}

pre code::-webkit-scrollbar-track {
    background-color: #f1f1f1 !important;
    border-radius: 6px !important;
}

/* For Firefox */
pre code {
    scrollbar-width: auto !important; /* Options: auto, thin, none */
    scrollbar-color: #888 #f1f1f1 !important; /* thumb color, track color */
}

/* Alternative approach - force scrollbar to always show */
pre {
    overflow-x: auto !important;
}

pre::-webkit-scrollbar {
    height: 12px !important;
    background-color: #f1f1f1 !important;
}

pre::-webkit-scrollbar-thumb {
    background-color: #888 !important;
    border-radius: 6px !important;
}

pre::-webkit-scrollbar-thumb:hover {
    background-color: #555 !important;
}

pre::-webkit-scrollbar-track {
    background-color: #f1f1f1 !important;
    border-radius: 6px !important;
}

/* For Firefox on pre elements */
pre {
    scrollbar-width: auto !important;
    scrollbar-color: #888 #f1f1f1 !important;
}