/* Rodovid smart search */
.search{position:relative}
.sr-box{position:absolute;left:0;top:calc(100% + 6px);width:max(100%,min(440px,calc(100vw - 32px)));max-height:min(62vh,520px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:40;padding:6px}
.sr-sec{font:700 11px var(--f-cond);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);padding:9px 10px 4px}
.sr-it{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--ink)}
.sr-it:hover,.sr-it.on{background:var(--surface2)}
.sr-it i{font-style:normal;width:22px;text-align:center;flex:none;font-size:15px}.sr-it i u{display:inline-block;width:10px;height:10px;border-radius:50%}
.sr-it span{min-width:0;display:flex;flex-direction:column}.sr-it b{font:600 16px/1.2 var(--f-body)}.sr-it small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.sr-whys{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.sr-why{display:inline-block;background:var(--surface2);border-radius:7px;padding:3px 8px;font:500 12.5px/1.3 var(--f-body);color:var(--ink)}
.sr-why i{font-style:normal;font-size:11px;margin-right:5px}
.mrow .t .sr-whys{margin-top:5px}
.sr-emptym{padding:28px 0}
.empty a,.sr-emptym a{color:var(--accent);font-weight:600}
#sheet .sr-hl{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 16%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}
.mrow .t .sr-whys .sr-why{display:inline-block;width:auto;margin:0;font-size:12.5px;color:var(--ink)}
.mrow .t .sr-why i{margin-right:5px}
.mrow .t .sr-whys{display:flex}
body .bar{z-index:30}
@media (max-width:760px){body .bar{position:relative;z-index:30}}
.chips .chip[aria-pressed="false"]{opacity:1}
.chips.has-sel .chip:not(.sel){opacity:.5}
.chips .chip.sel{background:var(--fc);border-color:var(--fc);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--fc) 45%,transparent)}
.chips .chip.sel i{background:#fff!important}
#tree .node.fam-off{opacity:.16;transition:opacity .2s}
#tree .edge.fam-off{opacity:.05}
#tree.fam-focus .node.fam-on:not(.dim){filter:drop-shadow(0 0 6px rgba(0,0,0,.15))}
.card.fam-off,.mfam.fam-off{opacity:.32;transition:opacity .2s}
.card.fam-off:hover,.mfam.fam-off:hover{opacity:.7}