div[class*="menu-content"] {
    border-right: 1px solid rgba(2, 2, 20, 0.16);
}

/* Redoc leaves some elements on browser-default fonts: bare <pre>/<code> in
   code samples fall back to UA monospace (Courier) and <button>s to Arial */
pre,
code {
    font-family: SFMono-Regular, Menlo, Consolas, monospace;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

/* Sidebar hover/active tints live in redocly.yaml
   (sidebar.groupItems/level1Items.activeBackgroundColor) — Redoc 2.5 applies
   active state via styled-components props, so it is not reachable from CSS. */

/* Search box underline: Redoc hardcodes #e6e6e6; use Neutral 900 @ 16% */
div[role="search"] input {
    border-bottom: 1px solid rgba(2, 2, 20, 0.16);
}

/* HTTP verb pills. Redoc styles the sidebar badge and the right-panel chip as
   two unrelated components; unify them into one pill language (rounded,
   semibold, tracked) at their native sizes. The sidebar pill also hardcodes
   Verdana and sits 3.5px above the menu text's vertical center with Manrope
   metrics. */
span.operation-type {
    font-family: Manrope, Arial, sans-serif;
    margin-top: 5.5px;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

span.http-verb {
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* Search results dropdown: simple separator line between results and the menu */
div[data-role="search:results"] {
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(2, 2, 20, 0.16);
    margin: 0 0 16px;
    max-height: 55vh;
    overflow-y: auto;
}

/* Redoc's SearchResultsBox nests its own darkened-grey hover/active rule on
   result items, which outranks the sidebar theme's Blue 200 tint (two classes
   vs one); win it back with a more specific selector. Keyboard selection is
   prop-styled and already picks up the theme tint. */
div[data-role="search:results"] li[role="menuitem"] label:hover,
div[data-role="search:results"] li[role="menuitem"] label.active {
    background-color: rgba(183, 211, 255, 0.2);
}

/* Search term highlights: Blue 200 tint instead of browser-default yellow */
mark {
    background-color: rgba(183, 211, 255, 0.5);
    color: inherit;
}

a[href*="redocly"] {
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    border: 0;
}

img[alt*="redocly"] {
    width: 0;
    height: 0;
}