/* Knowledge base styles. */

/* Right side "On this page" navigation: H2 and H3 only (H1 is the page title). */
.toc-tree > ul > li > ul > li > ul > li > ul {
    display: none;
}

/* doc_id / permalink / raw source bar at the top of each page. */
.kb-doc-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    align-items: center;
    font-size: var(--font-size--small);
    color: var(--color-foreground-muted);
}

.kb-doc-meta code {
    font-size: var(--font-size--small);
}

.kb-doc-meta a {
    color: var(--color-foreground-muted);
}

/* Click-to-copy buttons (_static/js/kb-copy.js): look like the muted links. */
.kb-copy {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: var(--color-foreground-muted);
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.2em;
    cursor: copy;
}

.kb-copy:hover {
    color: var(--color-foreground-primary);
}

.kb-copy.kb-copied::after {
    content: " ✓ " attr(data-copied);
    color: var(--color-brand-primary);
}

/* Pagefind type-as-you-search dropdown (_static/js/kb-search.js). */
.kb-search-panel {
    position: fixed;
    z-index: 100;
    width: min(36rem, calc(100vw - 2rem));
    max-height: 70vh;
    overflow-y: auto;
    background: var(--color-background-primary);
    border: 1px solid var(--color-background-border);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}

.kb-search-item {
    display: block;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--color-background-border);
    color: var(--color-foreground-primary);
    text-decoration: none;
}

.kb-search-item:hover,
.kb-search-item.kb-search-active {
    background: var(--color-background-hover);
}

.kb-search-title {
    font-weight: 600;
}

.kb-search-section {
    font-weight: normal;
    color: var(--color-foreground-muted);
}

.kb-search-excerpt {
    font-size: var(--font-size--small);
    color: var(--color-foreground-secondary);
}

.kb-search-panel mark {
    background: var(--color-highlighted-background);
    color: inherit;
}

.kb-search-empty {
    padding: 0.5rem 0.75rem;
    color: var(--color-foreground-muted);
}