.search-input { flex:1; min-width:0; border:0; background:transparent; min-height:42px; font-size:13px; outline:none; color:var(--text); }
.search-input::-webkit-search-cancel-button { display:none; }
.pa .search-input:focus { outline:none; box-shadow:none; }
.pa .search-input:focus-visible { outline:none; box-shadow:none; }
.sdlg {
  position:fixed; z-index:41; display:flex; flex-direction:column; background:var(--surface); border-radius:16px;
  box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--border); overflow:hidden; top:0; bottom:0; left:0; right:0;
  margin:auto; transform:none; width:min(560px, calc(100% - 24px)); height:fit-content;
  max-height:min(440px, calc(100% - 24px)); animation:pa-fade-in .18s ease both;
}
.sdlg-in { display:flex; align-items:center; gap:10px; padding:8px 8px 8px 16px; box-shadow:0 1px 0 var(--border); color:var(--text-2); }
.sdlg-in .search-input { font-size:16px; min-height:48px; }
.sdlg-body { overflow:auto; padding:8px; flex:0 1 auto; min-height:0; }
.sdlg-count { margin:6px 10px 4px; font-size:12px; color:var(--label); font-weight:600; }
.sdlg-count:empty { display:none; }
.sdlg-list { list-style:none; margin:0; padding:0; }
.sres { width:100%; display:flex; align-items:center; gap:12px; text-align:left; border:0; background:transparent; padding:10px; border-radius:10px; }
.sres mark { background:var(--tone-gold-bg); color:var(--tone-gold-fg); border-radius:3px; padding:0 1px; font-weight:600; }
.sres:hover { background:var(--hover); }
.sres:focus-visible { background:var(--hover); }
.sres.on { background:var(--nav-active-bg); }
.sres .c-last.snip { color:var(--text); white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.sres-li { display:flex; align-items:center; gap:4px; }
.sres-li .sres { flex:1; min-width:0; }
.sdlg-empty { margin:10px; font-size:13px; color:var(--text-2); }
@container (max-width: 719px) {
  .sdlg { top:0; }
}