/* Subreddits table + subreddit page (app.js, end of file). Colour tokens only; light/dark come from style.css. */
.sgt td.first .sgname span{font-weight:600}
.sgt th[data-sgsort]{cursor:pointer;user-select:none}
.menu label input[data-sgcol]{margin-right:8px}
.sbhero{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}
.sbhero .ident{display:flex;gap:14px;align-items:flex-start}
.sbhero .stats .stat:nth-child(4){border-bottom:1px solid var(--line);padding-top:6px}
.sbhero h1{font-size:24px;font-weight:600;margin:0;overflow-wrap:anywhere}
.sbav{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:700 17px var(--f-ui);background:var(--accent-soft);color:var(--accent)}
.cols.sbcols{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}
.sbcols .panel{display:flex}
.sbcols .p-head{flex-wrap:wrap;gap:8px}
.sbp-u{width:auto;max-width:220px;font-size:13px;padding:5px 26px 5px 10px}
.sbp-who{font-weight:600;color:var(--ink);gap:6px}
.sbp-who .ava{flex:none}
.sbacc-l{list-style:none;margin:0;padding:6px 14px 12px}
.sbacc-l li{padding:9px 0;border-bottom:1px solid var(--line)}
.sbacc-l li:last-child{border-bottom:0}
.sbacc-l .ulink{gap:8px;font-weight:600}
.sbacc-l .sr-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;color:var(--ink-3)}
.sbacc-l .pill{font-size:11px;padding:3px 7px;margin-left:6px}
button.sr-desk{all:unset;cursor:pointer;font-weight:600;color:var(--ink)}
button.sr-desk:hover{color:var(--accent);text-decoration:underline}
button.sr-desk:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.sr-ext{color:var(--ink-3);margin-left:5px;display:inline-flex;vertical-align:middle}
.sr-ext:hover{color:var(--ink)}
@media (max-width:900px){.cols.sbcols{grid-template-columns:minmax(0,1fr)}.sbhero{grid-template-columns:minmax(0,1fr)}}
/* member profile → Comments (app.js renderMemberComments) */
.chip.nk-upd{background:var(--me-soft);color:var(--me)}
.chip.nk-thr{background:var(--warn-soft);color:var(--warn)}
.mcsearch{max-width:240px}
.mc-thr{max-width:46ch}
.mc-thr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
#mcomments .mrow .role.via{display:inline-flex;align-items:center;background:var(--warn-soft);color:var(--warn);font-weight:600;font-size:11px;border-radius:6px;padding:1px 6px}
/* profile lists (Comments + Notifications): style.css's generic .mrow (dialog button rows) right-aligns them */
#mcomments .mrow,#mnotifs .mrow{justify-content:flex-start}
#mcomments .mtxt,#mnotifs .mtxt{flex-basis:100%}