.challenge-consensus-prompt {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 15px;
  border: 1px solid #a9ccef;
  border-radius: 12px;
  background: linear-gradient(95deg, #eef6ff, #f9fbff);
  box-shadow: 0 7px 20px rgba(35, 118, 223, .09);
}
.challenge-consensus-prompt > span { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; background: #2376df; color: #fff; font-size: 21px; font-weight: 900; }
.challenge-consensus-prompt > div { display: grid; gap: 2px; min-width: 0; }
.challenge-consensus-prompt b { color: #245f9f; font-size: 13px; }
.challenge-consensus-prompt small { color: #718398; font-size: 10px; }
.challenge-consensus-prompt em { margin-left: auto; padding: 4px 9px; border-radius: 999px; background: #dbeaff; color: #286ebd; font-size: 9px; font-style: normal; font-weight: 900; white-space: nowrap; }
.challenge-consensus-prompt.unlocked { border-color: #9ad6be; background: linear-gradient(95deg, #edf9f3, #f8fcfa); box-shadow: none; }
.challenge-consensus-prompt.unlocked > span { background: #1b9a67; }
.challenge-consensus-prompt.unlocked b { color: #167653; }
.challenge-consensus-prompt.unlocked em { background: #d8f1e5; color: #168158; }
@media (max-width: 620px) { .challenge-consensus-prompt { align-items: flex-start; } .challenge-consensus-prompt em { display: none; } }
