.sidebar-search[hidden], .sidebar-search-results[hidden], .sidebar-search-status[hidden] { display: none; }
.sidebar-search { margin: 0 14px 14px; min-width: 0; }
.sidebar-search-field { position: relative; }
.sidebar-search input[type="search"] {
  box-sizing: border-box; width: 100%; min-width: 0; height: 42px; padding: 10px 12px;
  border: 1px solid #b8cddd; border-radius: 8px; background: #f5f9fd; color: #153967;
  font: inherit; font-size: 14px; box-shadow: none;
}
.sidebar-search input::placeholder { color: #526d89; opacity: 1; }
.sidebar-search input:focus-visible, .sidebar-search-results a:focus-visible {
  outline: 3px solid #3478a9; outline-offset: 2px;
}
.sidebar-search kbd { display: block; margin-top: 4px; color: #526d89; font-size: 10px; text-align: right; }
.sidebar-search-status { margin: 10px 2px; color: #526d89; font-size: 12px; line-height: 1.4; }
.sidebar-search-results { list-style: none; margin: 0; padding: 0; max-height: 58vh; overflow-y: auto; }
.sidebar-search-results li { margin: 0 0 6px; padding: 0; }
.sidebar-search-results a {
  display: flex; flex-direction: column; gap: 4px; padding: 10px; border-radius: 7px;
  border: 1px solid #dce9f4; color: #153967; background: #fff; text-decoration: none;
  line-height: 1.35; overflow-wrap: anywhere; font-weight: 700; font-size: 14px;
}
.sidebar-search-results a:hover, .sidebar-search-results a:focus { background: #e9f3fc; }
.sidebar-search-results small { color: #526d89; font-size: 11px; font-weight: 400; }
.app-sidebar.sidebar-searching > .sidebar-home-nav,
.app-sidebar.sidebar-searching > .curator-nav { display: none; }
html[data-theme="dark"] body.app-has-sidebar .sidebar-search input[type="search"] {
  color: #eff6ff; background: #152b42; border-color: #617e9c;
}
html[data-theme="dark"] body.app-has-sidebar .sidebar-search input::placeholder,
html[data-theme="dark"] body.app-has-sidebar .sidebar-search kbd,
html[data-theme="dark"] body.app-has-sidebar .sidebar-search-status,
html[data-theme="dark"] body.app-has-sidebar .sidebar-search-results small { color: #b7cce1; }
html[data-theme="dark"] body.app-has-sidebar .sidebar-search-results a { color: #eff6ff; background: #152b42; border-color: #45617e; }
html[data-theme="dark"] body.app-has-sidebar .sidebar-search-results a:hover,
html[data-theme="dark"] body.app-has-sidebar .sidebar-search-results a:focus { background: #254461; }
