.rd__in { display: flex; flex-direction: column; }
.rd__in .tl-head { cursor: default; }
.rd__area { flex: 1; min-height: 320px; }
.rd__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 32px; margin-top: 12px; }
.rd__foot .tl-btn[hidden] { display: none; }

.rd__out { display: flex; flex-direction: column; }
.rd__score { display: flex; align-items: center; gap: 20px; margin: 18px 0 22px; }
.rd__score .tl-verdict { flex: 1; min-width: 0; margin: 0; }
.rd .tl-score__v.is-empty { color: #c9ccd3; }
.rd .tl-score.is-empty .tl-score__arc { opacity: 0; }
.rd__out .tl-tiles { margin-top: auto; }

@media (max-width: 560px) {
  .rd__score { flex-direction: column; align-items: stretch; }
  .rd__score .tl-score { align-self: center; }
  .rd__area { min-height: 220px; }
}