/* Hide "Navigation" title in sidebar: */
.sphinxsidebarwrapper > h3 {
    display: none;
}

/* Use `monospace` everywhere: */
* {
    font-family: "Roboto Mono", "Courier New", monospace !important;
    color: black !important;
    hyphens: none !important;
    overflow-wrap: anywhere;
}

/* Keep bullet lists indented on narrow viewports: */
ul, ol {
    padding-left: 1.5em !important;
    box-sizing: border-box;
}

/* No underline on logo link in h1: */
h1 a:has(img) {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Scale logo image inside h1 to match text height: */
h1 img {
    height: 1.2em;
    vertical-align: middle;
    margin-right: 0.2em;
    image-rendering: pixelated;
}

/* Increase space before/after header: */
h1, h2, h3, h4, h5, h6 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

/* Indent content inside open <details> (opt-in via class): */
details.indented[open] {
    padding-left: 2em;
}
details.indented[open] > summary {
    margin-left: -2em;
}

/* Style <summary> inside ## Details section to look like h3: */
section#details > details > summary {
    font-size: 150%;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Increase spacing for summaries in ## Why? section: */
section#why details > summary {
    margin-top: 1em;
}

/* Narrow viewport: match sidebar background to main content */
@media screen and (max-width: 1200px) {
    div.sphinxsidebar {
        background: #fff !important;
        color: #000 !important;
    }
    div.sphinxsidebar ul, div.sphinxsidebar ol {
        padding-left: 0 !important;
    }
    div.sphinxsidebar h3, div.sphinxsidebar h4, div.sphinxsidebar p,
    div.sphinxsidebar h3 a {
        color: #444 !important;
    }
    div.sphinxsidebar a {
        color: #444 !important;
    }
}

/* RTD ads shown in footer via #ethical-ads-placement, hide sidebar fallback */
.sphinxsidebar #ethical-ads-placement,
.sphinxsidebar [data-ea-publisher] {
    display: none !important;
}

/* Custom [+]/[-] marker for <details>/<summary>: */
summary {
    list-style: none;
}
summary::-webkit-details-marker {
    display: none;
}
summary::before {
    content: "[+] ";
    font-weight: bold;
    color: red;
}
details[open] > summary::before {
    content: "[-] ";
    font-weight: bold;
    color: red;
}