/* <----- Live search: scoped styles; preserve existing header and category picker -----> */
.search{position:relative;overflow:visible}.search button{border-radius:0 24px 24px 0;flex-shrink:0}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #0002;z-index:20;overflow:hidden;max-height:min(65vh,440px);overflow-y:auto}.search-suggestions[hidden]{display:none}.suggestion-option{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;font-size:14px;line-height:1.4;min-height:46px}.suggestion-option:hover,.suggestion-option[aria-selected="true"]{background:var(--panel)}.suggestion-symbol{flex-shrink:0;color:var(--muted);font-size:16px}.suggestion-title{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestion-all{display:block;border-top:1px solid var(--line);padding:13px 16px;font-size:13px;font-weight:600;color:#155baa}.suggestion-all:hover{background:var(--panel)}.suggestion-empty{padding:16px;font-size:13px;color:var(--muted)}@media(max-width:600px){.suggestion-option{font-size:13px;padding:13px 12px}.suggestion-all{padding:13px 12px}}

/* <----- Topic names and parent context; search action stays distinct. -----> */
.suggestion-option{align-items:center}
.suggestion-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.suggestion-context{font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.suggestion-type{flex-shrink:0;font-size:10px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.suggestion-search{background:#fafafa;border-bottom:1px solid var(--line);font-weight:650}
.suggestion-search .suggestion-title{-webkit-line-clamp:2}
.suggestion-all[hidden]{display:none}
@media(max-width:600px){.suggestion-type{font-size:9px;padding:2px 4px}.suggestion-option{gap:9px}}