.bans-t tbody tr{cursor:default}
  .bans-t tbody tr:hover .nk{color:var(--cream)}
  .bans-t .nkc{max-width:240px}
  .bans-t .nk{display:block;min-width:0}
  .bans-t .why{color:var(--warm);max-width:320px;overflow-wrap:anywhere}
  .bans-t .when{color:var(--warm-dim);font-size:13.5px;white-space:nowrap}

  .bstate{
    display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;
    font-size:12.5px;font-weight:800;white-space:nowrap;
    background:rgba(255,220,180,.06);color:var(--warm-dim);
  }
  .bstate.active{background:rgba(255,180,84,.14);color:var(--amber)}
  .bstate.unbanned{background:rgba(116,169,138,.14);color:var(--pine)}
  .bstate.perm{background:rgba(199,83,74,.16);color:#E07A70}
  .bans-t .stc{text-align:right;font-variant-numeric:tabular-nums}
  .bans-t th:last-child{text-align:right}

  .ban-appeal{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:32px;text-align:center}
  .ban-appeal p{margin:0;color:var(--warm);font-size:15px;text-wrap:balance}
  .ban-appeal .btn .i{color:var(--frost)}

  @media (max-width:520px){
    #bans .numrow.n3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    #bans .numrow.n3 div{padding:14px 12px}
    #bans .numrow.n3 span{font-size:10.5px;letter-spacing:.04em;white-space:nowrap}
  }

  @media (max-width:640px){
    .bans-t{min-width:0}
    .bans-t thead{display:none}
    .bans-t,.bans-t tbody{display:block}
    .bans-t tbody tr{
      display:grid;grid-template-columns:minmax(0,1fr) auto;
      grid-template-areas:"nick st" "why why" "when when";gap:6px 12px;
      padding:14px 16px;border-bottom:1px solid rgba(255,220,180,.06);
    }
    .bans-t tbody tr:last-child{border-bottom:0}
    .bans-t td{display:block;padding:0;border:0;text-align:left}
    .bans-t .nkc{grid-area:nick;max-width:none}
    .bans-t .stc{grid-area:st;align-self:start}
    .bans-t .why{grid-area:why;max-width:none;font-size:14.5px}
    .bans-t td.when{grid-area:when;display:block;font-size:12.5px}
    .bans-t tr.sk{grid-template-areas:none;grid-template-columns:1fr}
    .bans-t .empty td{text-align:center}
  }