.card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 360px;
  margin: 4px 0 4px 4px;
  padding: 16px 20px;
  overflow-y: auto;
  border: 1px solid var(--dsw-alias-border-l1);
  border-radius: 12px;
  background: var(--dsw-alias-bg-base);
}

.item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.question,
.answer {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: var(--dsh-content-font-size, 14px);
  line-height: calc(24px + var(--dsh-content-font-delta, 0px));
}

.question {
  color: var(--dsw-alias-label-tertiary);
}

.answer {
  color: var(--dsw-alias-label-primary);
}

.answerLine {
  display: block;
}

.skipped {
  color: var(--dsw-alias-label-tertiary);
}

.verdict {
  margin: 0;
  color: var(--dsw-alias-label-primary);
  font-size: var(--dsh-content-font-size, 14px);
  line-height: calc(24px + var(--dsh-content-font-delta, 0px));
}

.questionList {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
}

.unansweredQuestion {
  color: var(--dsw-alias-label-tertiary);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: var(--dsh-content-font-size, 14px);
  line-height: calc(24px + var(--dsh-content-font-delta, 0px));
}
