/* Keep the whole model in view while retaining the same type size in every lesson. */
.sentence-mode .sentence-target-card {
  max-height: 19rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px 16px;
}
.sentence-mode .sentence-target-card > strong,
.sentence-mode .sentence-target-card > strong.has-chunks {
  font-size: 1.15rem;
  line-height: 1.45;
}
.sentence-mode .sentence-target-card > strong.has-chunks {
  gap: 4px;
  margin: 8px 0;
}
.sentence-mode .sentence-chunk {
  padding: 3px 7px;
  border-width: 1px;
  border-radius: 7px;
  white-space: nowrap;
}
.sentence-mode .sentence-chunk-divider {
  width: 1px;
}
.sentence-mode .sentence-target-card b {
  font-size: .95rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.sentence-mode .sentence-chunk-note {
  margin-bottom: 7px !important;
  padding: 5px 8px;
}
.sentence-mode .sentence-input-label { margin-top: 12px; }
@media (max-width: 760px) {
  .sentence-mode .sentence-target-card { max-height: 14rem; padding: 10px; }
  .sentence-mode .sentence-target-card > strong,
  .sentence-mode .sentence-target-card > strong.has-chunks { font-size: 1rem; }
  .sentence-mode .sentence-chunk { padding: 2px 4px; }
}