.font-title {
    font-size: x-large;
}

.red-text {
    color: red;
}

:root .graphviz a:hover > text {
  text-decoration: underline;
}

.md-typeset table.data:not(.plain) {
    width: 90%;
}

@media screen and (min-width: 76.25em) {
    .md-grid {
        max-width: 80rem;
    }

    .md-sidebar--primary{
        flex: 2 1 16rem;
        max-width: 17rem;
        min-width: 14rem;
    }

    .md-sidebar--primary .md-sidebar__inner{
        padding-right: 1.5rem;
    }

    .md-content{
        flex-shrink: 2;
    }
}

@media screen and (min-width: 60em) {
    .md-sidebar--secondary{
        flex: 2 1 14rem;
        max-width: 15rem;
        min-width: 10rem;
    }

    .md-sidebar--secondary .md-sidebar__inner{
        padding-right: 1rem;
        padding-left: 0.5rem;
    }
}

/* Import Fira Code font from Google Fonts as backup */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap');

/* Change font for inline code in docstrings - optimized for box-drawing characters */
code, .docutils.literal {
    font-family: "Consolas", "Menlo", "Monaco", "Fira Code", "Courier New", monospace;
    font-size: 0.9em;
}

/* Change font for code blocks in docstrings - optimized for box-drawing characters */
pre, pre code, div.highlight pre {
    font-family: "Consolas", "Menlo", "Monaco", "Fira Code", "Courier New", monospace;
    font-size: 0.9em;
    background-color: #f8f8f8;
}

/* Dataframe tables - use smaller font for better readability with large tables and set theme colors*/
.dataframe {
    color: var(--md-typeset-color);
    background-color: var(--md-default-bg-color);
    border: none;
    border-collapse: collapse;
    font-size: 0.75em;
}

/* Style headers */
.dataframe th {
    background-color: var(--md-default-bg-color--light);
    color: var(--md-typeset-color);
    border-bottom: 1px solid var(--md-typeset-table-color);
    font-weight: bold;
    font-size: 0.75em;
    padding: 0.6rem;
}

/* Style cells */
.dataframe td {
    background-color: var(--md-default-bg-color);
    color: var(--md-typeset-color);
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    font-size: 0.75em;
    padding: 0.6rem;
}

/* Add hover effect for better readability */
.dataframe tr:hover td {
    background-color: var(--md-default-bg-color--lighter);
}