

.sp-hfind{ position:relative; display:flex; align-items:center; gap:8px; width:clamp(240px,30vw,400px); height:38px; padding:0 8px 0 11px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:9px; color:inherit; }
.sp-hfind:focus-within{ border-color:var(--nv-bar-lit,#66a7f1); background:rgba(255,255,255,.1); }
.sp-hfind > svg, .sp-hfind-go svg{ width:17px; height:17px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; opacity:.75; }
.sp-hfind input{ flex:1; min-width:0; height:100%; border:0; outline:none; background:none; color:inherit; font:inherit; font-size:14px; }
.sp-hfind input::placeholder{ color:rgba(255,255,255,.6); }
.sp-hfind input::-webkit-search-cancel-button{ filter:invert(1); opacity:.6; }
.sp-hfind kbd{ font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; padding:3px 6px; border:1px solid rgba(255,255,255,.22); border-radius:5px; opacity:.7; }
.sp-hfind:focus-within kbd{ display:none; }
.sp-hsug{ position:absolute; top:calc(100% + 6px); right:0; width:max(100%,420px); max-width:calc(100vw - 24px); margin:0; padding:6px; list-style:none; z-index:960;
  background:var(--card,#ffffff); color:var(--ink,#14202e); border:1px solid var(--line,#d6dde6); border-radius:10px; box-shadow:0 14px 34px rgba(0,0,0,.34); text-align:left; }
.sp-hsug a{ display:grid; grid-template-columns:auto 1fr; column-gap:10px; padding:8px 10px; border-radius:7px; text-decoration:none; color:inherit; }
.sp-hsug a[aria-selected="true"], .sp-hsug a:hover{ background:var(--ice2,#e3eefa); }
.sp-hsug i{ grid-row:span 2; align-self:center; font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.04em; text-transform:uppercase; color:var(--dim,#5b6b7d);
  width:44px; text-align:center; padding:4px 0; border:1px solid var(--line,#d6dde6); border-radius:5px; font-style:normal; }
.sp-hsug b{ font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sp-hsug span{ font-size:12.5px; color:var(--dim,#5b6b7d); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sp-hsug .sp-hall{ grid-template-columns:1fr; border-top:1px solid var(--line,#d6dde6); border-radius:0 0 7px 7px; margin-top:4px; font-size:13.5px; color:var(--ice-ink,#1f5f9e); }
.sp-hfind-go{ display:none !important; }
.sp-hfind-x{ display:none; }
@media (max-width:700px){
  .sp-hfind{ display:none; }
  .sp-hfind-go{ display:inline-flex !important; width:44px; height:44px; padding:0 !important; justify-content:center; }
  .sp-hfind-go svg{ width:22px; height:22px; opacity:1; }
  

  .nv-bar.sp-hopen > :not(.nv-end){ visibility:hidden; }
  .nv-bar.sp-hopen .sp-hfind-go, .nv-bar.sp-hopen .nv-acct, .nv-bar.sp-hopen .nv-end > button{ display:none !important; }
  .nv-bar.sp-hopen .sp-hfind{ display:flex; position:absolute; left:8px; right:8px; top:calc(env(safe-area-inset-top,0px) + 8px); width:auto; height:40px; padding-right:2px; }
  .nv-bar.sp-hopen .sp-hfind input{ font-size:16px; }
  .nv-bar.sp-hopen .sp-hfind kbd, .nv-bar.sp-hopen .sp-hfind input::-webkit-search-cancel-button{ display:none; -webkit-appearance:none; }
  .sp-hfind-x{ display:inline-grid; place-items:center; width:36px; height:36px; flex:0 0 auto; padding:0; border:0; border-radius:8px; background:none; color:inherit; cursor:pointer; }
  .sp-hfind-x svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
  .sp-hfind-x:focus-visible{ outline:2px solid var(--nv-focus,#66a7f1); outline-offset:1px; }
  .nv-bar.sp-hopen .sp-hsug{ left:0; right:0; width:auto; max-width:none; max-height:calc(100dvh - 90px); overflow-y:auto; overscroll-behavior:contain; }
  .nv-bar.sp-hopen .sp-hsug a{ padding:10px; }
}
