.gbi-search button { display:inline-flex; align-items:center; justify-content:center; width:44px; min-height:44px; padding:.5rem; color:#0f2d57; background:#fff; border:1px solid #dbe3ee; border-radius:6px; cursor:pointer; }
.gbi-search dialog { width:min(42rem,calc(100% - 2rem)); max-height:85dvh; overflow:auto; padding:1.25rem; border:1px solid #dbe3ee; border-radius:10px; color:#0f2d57; background:#fff; }
.gbi-search dialog::backdrop { background:rgb(15 45 87 / .55); }
.gbi-search__top { display:flex; align-items:start; gap:.75rem; }
.gbi-search__top label { flex:1; min-width:0; font-weight:600; }
.gbi-search input { display:block; width:100%; min-height:44px; margin-top:.5rem; font:inherit; }
.gbi-search ul { padding:0; margin:0; list-style:none; }
.gbi-search h3 { margin:1rem 0 .35rem; font-size:1rem; }
.gbi-search li a { display:block; padding:.65rem .5rem; color:#0f2d57; border-bottom:1px solid #edf1f6; overflow-wrap:anywhere; }
.gbi-search li a:hover { background:#f5f8fc; }
.gbi-search :is(button,input,a):focus-visible { outline:3px solid #215b88; outline-offset:2px; }

.gbi-search .gbi-search__expand { width:auto; min-height:44px; margin:.35rem .5rem .5rem 0; padding:.5rem .75rem; font:inherit; }
.gbi-search__progress { margin:.5rem 0; font-size:.875rem; color:#4b5563; }
.gbi-search [hidden] { display:none !important; }