/* GayStash — the right-hand rail modules. Shared by the activity feed and
   the community page: both answer "who is here" and "who does the work". */

/* ── right rail modules ─────────────────────────────────────────── */
.rail-col{display:flex;flex-direction:column;gap:16px}
.mod{background:var(--surface);border-radius:var(--r-lg);overflow:hidden}
.mod-head{display:flex;align-items:center;gap:9px;padding:15px 16px 12px}
.mod-head h2{font-size:15px;letter-spacing:-.015em;flex:1}
.mod-head .count{
  height:22px;min-width:22px;padding:0 7px;border-radius:var(--r-pill);
  background:var(--surface-3);color:var(--text-2);
  display:grid;place-items:center;font-size:12px;font-weight:700;opacity:1;
}
.mod-head a{font-size:13px;font-weight:700;color:var(--accent)}

/* who's here — one module, not two */
.who{padding:0 16px 16px}
.who-row{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px}
.who-row .av{width:34px;height:34px;font-size:13px}
.who-more{
  width:34px;height:34px;border-radius:50%;background:var(--surface-3);
  color:var(--text-2);display:grid;place-items:center;font-size:12px;font-weight:700;
}
.who p{font-size:13px;font-weight:500;color:var(--text-3);line-height:1.5}
.who b{color:var(--text-2);font-weight:700}

/* top stashers */
.ranks{display:flex;flex-direction:column}
.rank{
  display:flex;align-items:center;gap:11px;padding:9px 16px;
  transition:background .14s var(--ease);
}
.rank:hover{background:var(--surface-2)}
.rank-n{
  width:22px;flex:none;text-align:center;
  font-size:13px;font-weight:800;color:var(--text-3);font-variant-numeric:tabular-nums;
}
.rank-1 .rank-n,.rank-2 .rank-n,.rank-3 .rank-n{color:var(--accent)}
.rank .av{width:36px;height:36px;font-size:14px}
.rank strong{flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank em{flex:none;font-style:normal;font-size:12.5px;font-weight:500;color:var(--text-3);font-variant-numeric:tabular-nums}
.rank em b{color:var(--text-2);font-weight:700}



@media (min-width:1000px){
  .rail-col{position:sticky;top:74px}
}
