#explanationDetail {
  white-space: pre-line;
}

@media (max-width: 720px) {
  body:not(.needs-entry) .explanation-panel.is-unlocked {
    max-height: min(34vh, 280px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  body:not(.needs-entry) .explanation-panel.is-unlocked .explanation-detail-wrap {
    min-height: 0;
  }

  body:not(.needs-entry) .explanation-panel.is-unlocked #explanationDetail {
    display: block;
    max-height: none;
    overflow: visible;
    white-space: pre-line;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
  }
}