:root {
    /* --pst-color-inline-code: 33, 125, 224; */
    --mystnb-source-margin-color: darkgrey;
    --pst-color-secondary: var(--pst-color-primary) !important;
    --pst-color-link-hover: var(--pst-color-primary) !important;
    color-scheme: light;
    /* Force light mode */
}

html {
    --pst-color-secondary: var(--pst-color-primary) !important;
    --pst-color-inline-code: #e5448b !important;
    --pst-color-inline-code-links: var(--pst-color-primary) !important;
    color-scheme: light;
    /* Force light mode */
}

button.theme-switch-button {
    display: none !important;
}

/* Headings */

h2 {
    text-decoration: underline;
    font-size: 22px;
}


/* Code cells */

.highlight pre {
    line-height: 20px !important;
    font-weight: 500 !important;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !important;
    font-size: 13px;
}

div.cell_output pre {
    background-color: white !important;
}

.highlight pre {
    padding: 12px !important;
}


/* no cell number */

.prompt {
    display: none !important;
}

.rst-content code.literal {
    color: #575757
}

.docutils.literal.notranslate pre {
    color: #575757
}

.xr-attrs dt {
    background: inherit !important;
    color: inherit !important;
    border-top: inherit !important;
}

div.nboutput.container div.output_area>div {
    text-align: left !important;
}

div.nboutput.container div.output_area {
    text-align: center !important;
}

.highlight .nn {
    color: black !important;
    font-weight: normal !important;
}

.highlight .kn,
.highlight .k,
.highlight .kc,
.highlight .ow {
    color: #d73a49 !important;
    font-weight: normal !important;
}

.highlight .mi,
.highlight .mf,
.highlight .nb,
.highlight .bp {
    color: #005cc5 !important
}

.highlight .c1,
.highlight .o {
    color: #6a737d !important
}

.highlight .sa,
.highlight .sé,
.highlight .s2,
.highlight .sd {
    color: #032f62 !important
}

.highlight .nd {
    color: #005cc5 !important;
    font-weight: normal !important;
}

.highlight .p,
.highlight .mi,
.highlight .mf {
    font-weight: normal !important;
}

.highlight .si {
    color: #70a0d0 !important;
}

/* code,
code span.pre {
    background: none;
    color: var(--color-brand-primary)
} */

/* Dataframe */

.cell_output .dataframe {
    font-size: 0.85em;
    width: 100%;
}

/* prose logo font  */
.navbar-brand.logo .logo__title {
    /* font-style: italic; */
    font-weight: bold;
    /* font-family: 'Times New Roman', Times, serif; */
    /* color: #404040; */
    font-size: 2.5rem;
}

.version-nb {
    margin-top: -12px;
    font-style: italic;
    font-weight: bold;
    color: var(--pst-color-primary);
    font-size: 15px;
}

.navbar-brand:hover {
    text-decoration: none !important;
}

nav.bd-links li>a:hover {
    text-decoration: none;
}

/* nav.bd-links .current > a {
box-shadow: none;
} */

/* Add space below centered images */
img.align-center {
    margin-bottom: 1.5em;
    /* Adjust value as needed */
}

.scrollable-code .highlight {
    max-height: 400px;
    /* Adjust height as needed */
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Optional: Add some padding and improve scrollbar appearance */
.scrollable-code .highlight pre {
    margin: 0;
    padding: 10px;
}

/* For webkit browsers - customize scrollbar */
.scrollable-code .highlight::-webkit-scrollbar {
    width: 8px;
}

.scrollable-code .highlight::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-code .highlight::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

/* New styles for scrollable tables */
.scrollable-table {
    display: block;
    max-height: 400px;
    /* Adjust height as needed */
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.scrollable-table table {
    width: 100%;
    margin: 0;
}

/* Optional: Sticky header for better UX */
.scrollable-table thead th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 10;
}

/* Customize scrollbar for tables too */
.scrollable-table::-webkit-scrollbar {
    width: 8px;
}

.scrollable-table::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-table::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}