/* On X now sheet v4 (Nov 2, 2026): LIVE + "On X now" heading, compact Latest strip (5 posts, same style as the home feed),
   Top posts board with Today / This week / This month tabs, Live Spaces only when one is on, one small "Search X" link.
   No shadows, glows, halos or filters. */
.tx-v4 .tx-feed .xl-vp{height:216px}
@media(min-width:760px){.tx-v4 .tx-feed .xl-vp{height:236px}}
.tx-v4 .tx-feed .xl-it p{-webkit-line-clamp:3}
.tx-v4 .xl-it .rp{color:#8B98A5;font-style:normal}
.xl-it .m .rp{color:#8B98A5}
.tx-v4 .tx-feed>.tx-k:first-child{margin-top:4px}
/* Top posts */
.tx-top-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
.tx-top-hd .tx-k{margin:0!important}
.tx-tabs{display:inline-flex;gap:2px;padding:2px;border:1px solid #2F3336;border-radius:999px;background:#0B0C0E}
.tx-tabs button{appearance:none;border:0;background:transparent;color:#8B98A5;font:inherit;font-size:10.5px;letter-spacing:.03em;
  padding:6px 11px;border-radius:999px;cursor:pointer;line-height:1.1;white-space:nowrap}
.tx-tabs button:hover{color:#E7E9EA}
.tx-tabs button[aria-selected="true"]{background:#E2BE6A;color:#0B0C0E}
.tx-tabs button:focus-visible{outline:2px solid #E2BE6A;outline-offset:2px}
.tx-v4 .tx-top .tx-note{margin:0 0 8px}
.tx-toplist{list-style:none;margin:0;padding:0;border:1px solid #2F3336;border-radius:14px;overflow:hidden;background:#0B0C0E}
.tx-tc{padding:11px 12px 10px;border-bottom:1px solid #1F2226}
.tx-tc:last-child{border-bottom:0}
.tc-hd{display:flex;align-items:baseline;gap:8px;min-width:0}
.tc-n{flex:0 0 auto;width:18px;color:#E2BE6A;font-size:11px}
.tc-who{flex:1 1 auto;min-width:0;display:flex;gap:6px;align-items:baseline;overflow:hidden;white-space:nowrap}
.tc-who b{font-weight:400;color:#fff;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.tc-h{color:#8B98A5;font-size:10px;overflow:hidden;text-overflow:ellipsis}
.tc-t{flex:0 0 auto;color:#8B98A5;font-size:10px}
.tc-x{margin:6px 0 8px 26px;color:#E7E9EA;font-size:12.5px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.tc-x .u{color:#8B98A5}
.tc-ft{display:flex;align-items:center;gap:14px;margin-left:26px;color:#8B98A5;font-size:10.5px}
.tc-ft .st{display:inline-flex;align-items:center;gap:4px}
.tc-ft svg{width:13px;height:13px;fill:currentColor}
.tc-ft .st.l svg{fill:#F4212E}
.tc-ft .st b{font-weight:400;color:#E7E9EA}
.tc-open{margin-left:auto;color:#E2BE6A;text-decoration:none;font-size:10.5px;padding:5px 9px;border:1px solid #3A3320;border-radius:999px;white-space:nowrap}
.tc-open:hover{background:#E2BE6A;color:#0B0C0E}
.tx-tc-empty{padding:14px 12px;color:#8B98A5;font-size:11.5px}
/* footer: one small Search X link */
.tx-v4 .tx-ft{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;justify-content:space-between}
.tx-v4 .tx-search{color:#E2BE6A;text-decoration:none;border:1px solid #3A3320;border-radius:999px;padding:5px 11px;font-size:11px;white-space:nowrap}
.tx-v4 .tx-search:hover{background:#E2BE6A;color:#0B0C0E}
@media(max-width:420px){.tx-tabs button{padding:6px 9px;font-size:10px}.tx-top-hd{gap:8px}}

/* v4 two-column (Nov 2, 2026 1:10 PM): LEFT = live feed (all posts, auto-scrolling like the home running feed, pauses on
   hover/touch/focus), RIGHT = Top posts (Today / This week / This month). Under 760px: live strip on top (~40vh), Top below.
   Only splits when Top data exists (.tx-has-top, set by x-live.js). No shadows or glows. */
.tx-2c .tx-col-live .xl-vp{height:40vh;min-height:220px;max-height:420px}
.tx-2c .tx-col-top .tx-top-hd{margin-top:18px}
@media(min-width:760px){
  .tx-sheet.tx-v3.tx-2c.tx-has-top{max-width:980px;width:calc(100vw - 48px)}
  .tx-2c.tx-has-top .tx-feed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
  .tx-2c.tx-has-top .tx-col-live .xl-vp{height:min(58vh,560px);max-height:none}
  .tx-2c.tx-has-top .tx-col-top .tx-top-hd{margin-top:4px;min-height:24px}
  .tx-2c.tx-has-top .tx-col-live>.tx-k{margin:4px 0 6px!important;line-height:24px}
  .tx-2c.tx-has-top .tx-toplist{max-height:calc(min(58vh,560px) - 26px);overflow-y:auto;overscroll-behavior:contain}
}