/* サイト全体の横断検索(検索欄の下に出る結果の一覧) */
.ss-pop{ position:fixed; z-index:120; overflow-y:auto; overscroll-behavior:contain; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:6px; font-size:13px; color:var(--text); }
.ss-pop[hidden]{ display:none; }
.ss-note{ padding:6px 10px 4px; font-size:12px; color:var(--sub); }
.ss-group + .ss-group{ margin-top:4px; padding-top:4px; border-top:1px solid var(--line); }
.ss-head{ display:flex; justify-content:space-between; align-items:baseline; padding:6px 10px 3px; font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--sub); }
.ss-count{ font-weight:400; }
.ss-opt{ display:block; padding:6px 10px; border-radius:6px; cursor:pointer; line-height:1.45; }
.ss-opt.on{ background:var(--accent-bg); }
.ss-t{ display:block; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ss-c{ display:block; font-size:11px; color:var(--sub); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ss-c:empty{ display:none; }
.ss-s{ display:block; margin-top:1px; font-size:12px; color:var(--sub); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ss-more{ font-size:12px; color:var(--accent-2); }
.ss-empty{ padding:14px 12px; color:var(--sub); line-height:1.6; }
@media (max-width:760px){
  .ss-pop{ border-radius:10px; }
  .ss-opt{ padding:9px 10px; }
}