/* ===== r16: YouTube-like search rows (channels, playlists) + typing suggestions ===== */
.srxrow{margin:0 0 16px}
.srxh{margin:2px 0 10px;font-size:.95rem;font-weight:800;letter-spacing:.02em;color:var(--gold2)}
.srxsc.shelf{grid-auto-columns:clamp(118px,31vw,150px);gap:10px;padding-bottom:4px}
.srxc{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 8px 10px;border-radius:16px;background:var(--panel);border:1px solid var(--line);scroll-snap-align:start;text-align:center;transition:border-color .2s}
.srxc.fol{border-color:rgba(198,198,198,.55)}
.srxopen{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.srxopen .chav{width:72px;height:72px;font-size:1.4rem;box-shadow:0 0 0 2px var(--gold)}
.srxopen b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;font-size:.84rem;line-height:1.25;min-height:2.5em;color:var(--ink)}
.srxopen small{display:block;width:100%;min-height:1.2em;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srxv{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--muted);color:#111;font-size:.6rem;vertical-align:1px}
.srxfol{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;width:100%;padding:0 10px;border-radius:999px;border:1px solid rgba(198,198,198,.65);background:linear-gradient(180deg,var(--gold2),var(--gold));color:#101010;font-size:.76rem;font-weight:800;cursor:pointer;white-space:nowrap}
.srxfol .srxfl{font-weight:800;overflow:hidden;text-overflow:ellipsis}
.srxfol[aria-pressed="true"]{background:transparent;color:var(--gold2)}
.srxopen:focus-visible,.srxfol:focus-visible,.srxp:focus-visible,.srxsgo:focus-visible,.srxsfill:focus-visible{outline:2px solid var(--gold2);outline-offset:2px;border-radius:12px}
.srxc.sk{min-height:178px}
.srxc.sk .srxav{width:72px;height:72px;border-radius:50%}
.srxc.sk i{display:block;width:80%;height:12px;border-radius:6px}
.srxc.sk i:last-child{width:55%;height:26px;border-radius:999px;margin-top:auto}
.srxc.sk .srxav,.srxc.sk i{background:linear-gradient(100deg,rgba(255,255,255,.05) 30%,rgba(198,198,198,.14) 50%,rgba(255,255,255,.05) 70%);background-size:300% 100%;animation:srxsk 1.4s linear infinite}
@keyframes srxsk{from{background-position:100% 0}to{background-position:-100% 0}}
.srxpl{grid-column:1/-1;margin:2px 0 6px}
.srxpsc.shelf{grid-auto-columns:clamp(160px,46vw,230px)}
.srxp{display:block;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:start;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}
.srxpimg{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--panel2);border:1px solid var(--line);box-shadow:4px -4px 0 -1px rgba(198,198,198,.35)}
.srxpimg img{width:100%;height:100%;object-fit:cover;display:block}
.srxpn{position:absolute;inset-inline-end:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:7px;background:rgba(0,0,0,.78);color:#fff;font-style:normal;font-size:.7rem;font-weight:700}
.srxp b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:.84rem;line-height:1.25}
.srxp small{display:block;margin-top:3px;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srxsug{display:flex;flex-direction:column;margin:-4px -6px}
.srxsi{display:flex;align-items:center;border-radius:12px}
.srxsi.on,.srxsi:hover{background:rgba(198,198,198,.1)}
.srxsgo{flex:1;display:flex;align-items:center;gap:12px;min-width:0;min-height:46px;padding:0 10px;border:0;background:none;color:var(--ink);font-size:.95rem;text-align:start;cursor:pointer}
.srxsgo svg{flex:none;color:var(--muted)}
.srxsgo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.srxsgo .srxsq{font-weight:400;color:#d4d4d8}
.srxsfill{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:10px}
html[dir="rtl"] .srxsfill svg{transform:scaleX(-1)}
@media (prefers-reduced-motion:reduce){.srxc.sk .srxav,.srxc.sk i{animation:none}}
@media (min-width:900px){.srxsc.shelf{grid-auto-columns:160px}.srxpsc.shelf{grid-auto-columns:240px}}