/* Injected into the rapi-doc shadow root via the css-file attribute.
   The component's own adopted stylesheets come later in the cascade,
   so the selectors here need the extra specificity. */
.nav-bar .nav-bar-tag.nav-bar-tag {
    color: var(--primary);
}

.nav-bar .nav-bar-info.nav-bar-info {
    color: var(--foreground);
}

/* Active sidebar item: white on deep indigo, so it stands apart from the
   accent-coloured tag headings above it. */
.nav-bar .nav-bar-path.left-bar.active.active,
.nav-bar .nav-bar-path.left-bar.active.active:hover {
    color: #ffffff;
    background: #4338ca;
    border-inline-start-color: #a5b4fc;
}

/* Overview link highlighted the same way as an active endpoint. */
.nav-bar .nav-bar-info.left-bar.active.active,
.nav-bar .nav-bar-info.left-bar.active.active:hover {
    color: #ffffff;
    background: #4338ca;
    border-inline-start-color: #a5b4fc;
}

/* Prose stays readable on wide screens; tables and code keep full width. */
.m-markdown p,
.m-markdown ul,
.m-markdown ol,
.m-markdown h2,
.m-markdown h3 {
    max-width: 90ch;
}