body.view-lesson:not(.is-correct):not(.is-wrong) .answer-reveal:not(.revealed) {
  position: static;
  width: fit-content;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  margin: 2px auto 0;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.82);
  box-shadow: none;
  font-size: 0.86rem;
  font-weight: 800;
}

body.view-lesson:not(.is-correct):not(.is-wrong) .answer-reveal:not(.revealed):hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

body.view-lesson.is-transcribing .answer-reveal:not(.revealed) {
  pointer-events: none;
  opacity: 0.45;
}

body.view-lesson.mode-speech:not(.is-correct):not(.is-wrong) .practice-copy {
  grid-template-rows: none;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  gap: 12px;
}

body.view-lesson.mode-chunks:not(.is-correct):not(.is-wrong) .practice-copy {
  grid-template-rows: none;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  gap: 12px;
}

body.view-lesson:not(.is-correct):not(.is-wrong) .practice-copy > .user-transcript.hidden,
body.view-lesson:not(.is-correct):not(.is-wrong) .practice-copy > .chunk-builder.hidden,
body.view-lesson:not(.is-correct):not(.is-wrong) .practice-copy > .problem-feedback-actions,
body.view-lesson:not(.is-correct):not(.is-wrong) .practice-copy > .feedback:empty {
  display: none !important;
}

body.view-lesson:not(.is-correct):not(.is-wrong) .answer-reveal.revealed {
  position: static;
  width: 100%;
  min-height: 50px;
  margin: 2px auto 0;
}

@media (max-width: 520px) {
  body.view-lesson:not(.is-correct):not(.is-wrong) .answer-reveal:not(.revealed) {
    height: 36px;
    min-height: 36px;
    font-size: 0.82rem;
  }

  body.view-lesson:not(.is-correct):not(.is-wrong) .answer-reveal.revealed {
    min-height: 50px;
  }
}