/* Tech Tools search — /tools/ only */
.tools-search{position:relative;margin:1.35rem 0 0;max-width:36rem;width:100%;z-index:8;min-width:0}
.tools-search__label{
  display:block;margin:0 0 .45rem;
  font:600 .72rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)
}
.tools-search__wrap{position:relative;min-width:0}
.tools-search__input{
  display:block;width:100%;max-width:100%;box-sizing:border-box;
  min-height:52px;margin:0;
  padding:.85rem 2.6rem .85rem 1rem;
  font:500 16px/1.3 var(--body);letter-spacing:0;text-transform:none;
  color:var(--text);background:#0A0A10;
  border:1px solid rgba(245,243,238,.16);border-radius:14px;color-scheme:dark;
  transition:border-color .2s,box-shadow .2s
}
.tools-search__input::placeholder{color:#7a7874;opacity:1}
.tools-search__input:focus{
  outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,180,0,.18)
}
.tools-search__hint{
  position:absolute;top:50%;right:.75rem;transform:translateY(-50%);
  display:inline-flex;align-items:center;justify-content:center;
  min-width:1.4rem;height:1.4rem;padding:0 .3rem;
  border:1px solid var(--line);border-radius:6px;
  font:600 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--muted);pointer-events:none
}
.tools-search.is-open .tools-search__hint,.tools-search__input:focus + .tools-search__hint{opacity:.35}
.tools-search__list{
  position:absolute;left:0;right:0;top:calc(100% + .4rem);
  z-index:9;margin:0;padding:.4rem;list-style:none;
  max-height:min(26rem,70vh);overflow-x:hidden;overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background:linear-gradient(180deg,#14141c,#0c0c12);
  border:1px solid var(--line);border-radius:16px;
  box-shadow:0 24px 50px rgba(0,0,0,.55)
}
.tools-search__list[hidden]{display:none!important}
.tools-search__hit{
  display:block;padding:.75rem .85rem;min-height:52px;border-radius:12px;
  text-decoration:none;color:inherit;box-sizing:border-box
}
.tools-search__hit:hover,.tools-search__hit:focus-visible,
.tools-search__option.is-active .tools-search__hit{
  background:rgba(255,180,0,.1);outline:none
}
.tools-search__name{
  display:block;font:700 1.02rem/1.25 var(--head);letter-spacing:.02em;color:#fff
}
.tools-search__meta{display:block;margin-top:.2rem;font-size:.85rem;line-height:1.4;color:var(--muted)}
.tools-search__cat{
  display:inline-block;margin-right:.45rem;
  font:600 .68rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)
}
.tools-search__name mark,.tools-search__meta mark{
  background:rgba(255,180,0,.28);color:inherit;padding:0 .12em;border-radius:2px
}
.tools-search__empty{
  margin:0;padding:.95rem 1rem;color:#D6D3CC;font-size:.92rem;line-height:1.45
}
.tools-search__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (max-width:700px){
  .tools-search{max-width:none;margin-top:1.15rem}
  .tools-search__hint{display:none}
  .tools-search__input{padding-right:1rem}
  .tools-search__list{max-height:min(22rem,60vh)}
}