/* Static search follows the captured Ghost search layout. Theme styles are Doks. */
#help-search { position: fixed; inset: 80px auto auto 50%; transform: translateX(-50%); z-index: 9999999; width: min(512px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 120px); margin: 0; padding: 0; border: 0; border-radius: 8px; background: #fff; color: #15171a; box-shadow: 0 16px 40px #0002; overflow: hidden; font: 15px/1.5 system-ui, sans-serif; }
.help-search-backdrop { position: fixed; inset: 0; z-index: 9999998; background: rgba(0,0,0,.2); backdrop-filter: blur(2px); }
#help-search[hidden], .help-search-backdrop[hidden] { display: none; }
.help-search-field { display: flex; align-items: center; min-height: 65px; padding: 0 24px; gap: 16px; }
.help-search-field img { width: 16px; height: 16px; flex: none; }
.help-search-field input { flex: 1; min-width: 0; padding: 20px 0; outline: none; border: 0; background: transparent; color: inherit; font: inherit; }
.help-search-field input::placeholder { color: #979a9b; }
.help-search-cancel { display: none; background: none; color: #6b7280; border: 0; padding: 12px 0 12px 8px; font: inherit; font-size: 14px; cursor: pointer; }
.help-search-clear { border: 0; background: none; cursor: pointer; padding: 4px; }
.help-search-clear img { width: 16px; height: 16px; opacity: .6; }
.help-search-results { max-height: calc(100dvh - 185px); overflow: auto; overscroll-behavior: contain; }
.help-search-results:empty { display: none; }
.help-search-results h2 { padding: 12px 24px 4px; font-size: 12px; font-weight: 600; color: #738a94; }
.help-search-result { display: block; padding: 12px 24px; text-decoration: none; color: inherit; border-top: 1px solid #f1f1f1; }
.help-search-result:hover, .help-search-result[aria-selected="true"] { background: #f5f5f5; }
.help-search-result h3 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.5; }
.help-search-result p { margin: 4px 0 0; color: #738a94; font-size: 13px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#help-search input::-webkit-search-cancel-button { display: none; }
.help-search-result mark { background: transparent; color: inherit; font-weight: 700; }
.help-search-status { margin: 0; padding: 24px; color: #738a94; font-size: 14px; }
.help-search-more { width: 100%; padding: 16px; border: 0; border-top: 1px solid #f1f1f1; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.dark #help-search { background: #1d1f21; color: #f5f5f5; }
.dark .help-search-field img { filter: invert(1); }
.dark .help-search-result { border-color: #ffffff0d; }
.dark .help-search-result:hover, .dark .help-search-result[aria-selected="true"] { background: #ffffff0b; }
.resource-unavailable { padding: 16px; border: 1px solid #e5e7eb; color: #64748b; font-size: 14px; }
/* Long API identifiers must fit inside the callout's flex text column. */
.content .kg-callout-text { min-width: 0; overflow-wrap: anywhere; }
.unavailable-page { margin: 0; background: #f8fafc; color: #111827; font: 16px/1.8 system-ui, sans-serif; }
.unavailable-page main { max-width: 720px; margin: 12vh auto; padding: 24px; }
.unavailable-page a { color: #1951ff; }
@media (max-width: 600px) {
  #help-search { width: calc(100% - 20px); max-height: calc(100dvh - 100px); }
  .help-search-field { padding: 0 16px; gap: 12px; }
  .help-search-field input { font-size: 15px; }
  .help-search-cancel { display: block; }
  .help-search-results { max-height: calc(100dvh - 165px); }
}