/* Source sentence and the complete answer remain readable on narrow screens. */
body[data-exercise-page="passive-voice"] .passive-type-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body[data-exercise-page="passive-voice"] .exercise-sentence__line {
  display: block;
  line-height: 1.75;
}
body[data-exercise-page="passive-voice"] .exercise-sentence__line > span {
  white-space: pre-line;
}
body[data-exercise-page="passive-voice"][data-passive-type="transform"] .exercise-gap-wrap {
  display: block;
  width: 100%;
}
body[data-exercise-page="passive-voice"][data-passive-type="transform"] .exercise-gap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: max(16px, 1em);
}
body[data-exercise-page="passive-voice"] .exercise-choice strong {
  white-space: normal;
  overflow-wrap: anywhere;
}
.exercise-typo-feedback {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #947125;
  border-radius: 10px;
  background: #fff9e5;
  color: #493810;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.exercise-typo-feedback p { margin: 6px 0 0; }
.exercise-typo-mark {
  padding: 1px 3px;
  border-radius: 3px;
  background: #ffe09a;
  color: #4b3000;
  text-decoration: underline wavy #915600;
  text-underline-offset: 3px;
}
html[data-theme="dark"] .exercise-typo-feedback {
  background: #332d1d;
  border-color: #c39c4f;
  color: #fff0c9;
}
html[data-theme="dark"] .exercise-typo-mark {
  background: #665025;
  color: #fff0c9;
  text-decoration-color: #ffcf77;
}