.rules .row { flex-wrap: wrap; align-items: end; }
#rows .st.bad { color: var(--bad); }

.thumb { white-space: nowrap; }
.thumb img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid var(--line); background: var(--surface); vertical-align: middle; }
.thumb img.res { box-shadow: 0 0 0 2px var(--ok-bg); }
.thumb .arw { margin: 0 6px; color: var(--text-2); font-weight: 700; }

@media (max-width: 560px) {
  .rules .row { gap: 8px; }
  .thumb img { width: 38px; height: 38px; }
}