/* The same search in every top bar; the phone button stands just left of Map. */
.site-search{position:relative;flex:0 0 250px;margin-left:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header:has(.site-search){position:relative;gap:16px}
.site-header .site-search+#guide-search{margin:0}
.site-header:has(.site-search) nav{margin-left:0;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap}
.site-header .site-search form{display:block;position:relative;margin:0;padding:0}
.site-header .site-search label{display:block;font-size:10px;color:var(--muted);line-height:1.3}
.site-search .search-row{display:flex;border:1px solid var(--line);border-radius:4px;background:var(--white,var(--paper));margin:2px 0 0}
.site-header .site-search input{width:100%;min-width:0;border:0;background:transparent;padding:5px 8px;font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.site-header .site-search button{cursor:pointer;font:inherit;color:var(--ink)}
.site-header .site-search .search-submit{border:0;border-left:1px solid var(--line);padding:4px 9px;background:var(--surface)}
.site-search #guide-suggestions{position:absolute;z-index:60;top:100%;left:0;right:0;max-height:50vh;overflow:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 5px 15px #0003}
.site-search #guide-suggestions[hidden],.site-search [hidden]{display:none!important}
.site-header .site-search #guide-suggestions button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:10px;text-align:left;font-size:13px;border:0;border-bottom:1px solid var(--line)}
.site-search #guide-suggestions button:hover,.site-search #guide-suggestions [aria-selected=true]{background:var(--surface)}
.site-search #guide-suggestions small{color:var(--muted);font-size:10px}
.site-header .site-search .search-toggle,.site-header .site-search .search-close{display:none}
.site-search #search-clear{flex:none;white-space:nowrap;padding:4px 8px;background:var(--surface);border:0;border-left:1px solid var(--line);font-size:11px}
.site-search #search-clear:not([hidden])+.search-submit{display:none}
@media(min-width:761px) and (max-width:1150px){.site-search{flex-basis:220px}.site-header:has(.site-search) nav{gap:12px;font-size:11px}}
@media(max-width:760px){
.site-header .site-search{position:absolute;left:12px;top:auto;bottom:8px;z-index:45;width:32px;height:32px;margin:0}
.site-header:has(.site-search) nav{margin-left:42px;width:calc(100% - 42px)}
.site-header .site-search .search-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:30px;border:1px solid var(--line);border-radius:4px;background:var(--surface);padding:5px}
.site-header .site-search form{display:none;position:fixed;top:92px;left:12px;right:12px;padding:12px;background:var(--paper);border:1px solid var(--ink);box-shadow:0 5px 15px #0003}
.site-header .site-search.search-open form{display:block}
.site-header .site-search .search-close{display:block;position:absolute;right:7px;top:4px;border:1px solid var(--line);border-radius:3px;padding:2px 7px;background:var(--surface);font-size:12px}
.site-header .site-search label{margin-bottom:8px;font-size:13px}
.site-header .site-search input{padding:10px;font-size:16px}
.site-search #guide-suggestions{left:-1px;right:-1px}
}

/* Keep the search field’s keyboard ring inside its row, clear of the label above it. */
.site-header .site-search #guide-place:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}