.oi-search-overlay {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 8vh .75rem 1rem;
}
.oi-search-overlay[hidden] { display: none; }
.oi-search-backdrop { position: absolute; inset: 0; background: rgba(17, 27, 40, .45); }
.oi-search-dialog { position: relative; width: min(42rem, 100%); max-height: 80vh; overflow: hidden; border: 1px solid var(--line, #d9d7d1); border-radius: 2px; background: var(--paper, #f8f6f1); box-shadow: 0 24px 70px rgba(17, 27, 40, .25); }
.oi-search-form { display: flex; max-height: 80vh; min-height: 0; flex-direction: column; }
.oi-search-results { min-height: 0; flex: 1; overflow-y: auto; overscroll-behavior: contain; }
.oi-search-footer { border-top: 1px solid var(--line, #d9d7d1); padding: .75rem 1.25rem; font-family: var(--font-mono, monospace); font-size: .75rem; letter-spacing: .04em; color: var(--ink-soft, #69717b); }
html.oi-search-open { overflow: hidden; }
@media (min-width: 640px) { .oi-search-overlay { padding-top: 12vh; } }