/* ---------- search ----------
   Sits in the top-left row beside the menu button rather than owning the
   corner, which is what it used to do and why the two overlapped. */
#find{position:relative;width:min(300px,calc(100vw - 110px))}
#findq{width:100%;height:38px;font-family:inherit;font-size:14px;color:var(--tx);
  padding:0 16px;border-radius:999px;outline:none;
  border:.5px solid var(--panel-line);background:var(--panel-bg);
  backdrop-filter:blur(var(--panel-blur)) saturate(1.4);
  -webkit-backdrop-filter:blur(var(--panel-blur)) saturate(1.4);
  box-shadow:var(--panel-shadow);transition:border-color .25s}
#findq::placeholder{color:var(--tx-3)}
#findq:focus{border-color:var(--accent)}

#findlist{margin-top:8px;border-radius:14px;overflow:hidden;display:none;
  border:.5px solid var(--panel-line);background:var(--panel-bg);
  backdrop-filter:blur(var(--panel-blur)) saturate(1.4);
  -webkit-backdrop-filter:blur(var(--panel-blur)) saturate(1.4);
  box-shadow:var(--panel-shadow)}
#findlist.on{display:block}
.fr{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;
  transition:background .18s}
.fr:hover,.fr.on{background:var(--hover)}
.fdot{width:9px;height:9px;flex:0 0 auto}
.fr .ft{font-size:14px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
/* which alias matched, so a hit on a word absent from the title reads as
   deliberate rather than as a bug */
.fr .fvia{font-size:11.5px;color:var(--tx-3);margin-left:auto;flex:0 0 auto;
  white-space:nowrap;font-style:italic}