/* ---------------------------------------------------------------------------
 * What is specific to docs.obarun.org, and nothing else.
 *
 * The palette, the type and every shared component live in obarun-tokens.css
 * and obarun-material.css, which are copies of ~/Obarun/graphics/ and are
 * never edited here. Only tokens, no hexadecimal literal.
 * ------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
 * Home page: the primary sidebar is empty there. version-selector.js adds the
 * `mdx-home` class on body when the current page is the site index.
 * ------------------------------------------------------------------------- */

.mdx-home .md-sidebar--primary {
    display: none;
}

@media screen and (min-width: 76.25em) {
    .mdx-home .md-content {
        max-width: 60rem;
        margin: 0 auto;
    }
}

/* ---------------------------------------------------------------------------
 * Version selector, injected in the header by version-selector.js
 * ------------------------------------------------------------------------- */

.md-header__version-selector {
    margin-left: 0.8rem;
    display: flex;
    align-items: center;
}

.md-header__version-selector select {
    background: var(--ob-ink-700);
    color: var(--ob-text);
    border: 1px solid var(--ob-line-strong);
    border-radius: 4px;
    padding: 0.25rem 0.55rem;
    font-family: var(--ob-body);
    font-size: 0.78rem;
    cursor: pointer;
    outline: none;
    transition: background 0.18s, border-color 0.18s;
}

.md-header__version-selector select:hover {
    background: var(--ob-ink-600);
    border-color: var(--ob-brand);
}

.md-header__version-selector select:focus-visible {
    outline: 2px solid var(--ob-brand-lit);
    outline-offset: 2px;
}

.md-header__version-selector select option {
    background: var(--ob-ink-800);
    color: var(--ob-text);
}