.arv-vote-app {
  max-width: 720px;
  margin: 0 auto;
  color: inherit;
}

.arv-vote-app h2 {
  margin: 0 0 8px;
}

.arv-vote-app p {
  margin: 0 0 20px;
}

.arv-form {
  display: grid;
  gap: 16px;
}

.arv-artist-list {
  display: grid;
  gap: 10px;
}

.arv-artist-choice {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  border: 1px solid #c3c4c7;
  border-radius: 6px;
  padding: 10px 12px;
  cursor: pointer;
}

.arv-artist-choice span {
  display: grid;
  gap: 2px;
}

.arv-artist-choice small {
  color: #50575e;
}

.arv-artist-choice:has(input:checked) {
  border-color: #111827;
  background: #f3f4f6;
}

.arv-submit {
  justify-self: start;
  min-height: 44px;
  border: 1px solid #111827;
  border-radius: 6px;
  background: #111827;
  color: #ffffff;
  cursor: pointer;
  font: inherit;
  padding: 0 18px;
}

.arv-submit:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.arv-message {
  min-height: 24px;
}

.arv-message-success {
  color: #116329;
}

.arv-message-error,
.arv-alert {
  color: #b42318;
}