.hands{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}
.rankrow{
  display:grid;grid-template-columns:22px 1fr auto;gap:var(--s4);align-items:center;
  padding:var(--s3) var(--s5);border-radius:var(--r);
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--lift-1);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.rankrow:hover{border-color:var(--line-2);box-shadow:var(--lift-2)}
.rankrow .no{font-family:var(--display);font-weight:700;font-size:13px;color:var(--text-3);text-align:center}
.rankrow h3{font-size:16px;margin-bottom:2px}
.rankrow p{font-size:13.5px;color:var(--text-3);line-height:1.4}
.hands-note{margin-top:var(--s5);font-size:14px;color:var(--text-3)}