.site-header{display:grid;grid-template-columns:minmax(210px,1fr) minmax(280px,470px) minmax(210px,1fr);gap:28px}.site-header nav{justify-content:flex-end}.header-search{position:relative;width:100%;z-index:20}.header-search-field{height:40px;display:flex;align-items:center;gap:9px;padding:0 11px;background:#111115;border:1px solid #34333b;border-radius:10px;color:var(--muted);box-shadow:0 7px 22px #0003}.header-search-field:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa14,0 7px 22px #0003}.header-search-field input{width:100%;min-width:0;padding:9px 0;border:0;outline:0;background:transparent;color:var(--ink);font:13px Manrope}.header-search-field kbd{padding:2px 6px;border:1px solid #393740;border-radius:5px;background:#1b1a20;color:#77747e;font:10px DM Mono}.header-search-results{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:min(420px,70vh);overflow-y:auto;padding:6px;border:1px solid #38343f;border-radius:12px;background:#111015;box-shadow:0 22px 60px #000b}.header-result{display:flex;align-items:center;gap:11px;min-height:60px;padding:7px 9px;border:1px solid transparent;border-radius:9px}.header-result:hover,.header-result.active{border-color:#40384a;background:#1c1921}.header-result img{width:46px;height:46px;flex:none;object-fit:contain;image-rendering:pixelated;background:#0c0c0f;border-radius:8px}.header-result-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.header-result-copy b{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.header-result-copy small{overflow:hidden;color:#817e88;font:9px DM Mono;text-overflow:ellipsis;white-space:nowrap}.header-result-arrow{color:var(--violet);font-size:14px}.header-search-empty{padding:24px;text-align:center;color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.site-header{height:auto;min-height:112px;padding:10px 14px;grid-template-columns:1fr auto;grid-template-rows:42px 48px;gap:2px 12px}.site-header nav a{padding:12px 0}.header-search{grid-column:1/-1;grid-row:2}.header-search-results{max-height:56vh}.header-search-field{height:42px}}