/* =========================================================
   10. PASSAGE PANEL
   ========================================================= */

.bb-screen.is-active > .bb-passage {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 40px 28px 12px 0;
  box-sizing: border-box;
}

.bb-directions-title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.bb-directions-text {
  max-width: 420px;
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 1.4;
}

.bb-source {
  max-width: 640px;
  margin-bottom: 20px;
  line-height: 1.45;
}

.bb-quote {
  max-width: 640px;
  margin: 0 0 0 34px;
  line-height: 1.45;
}

/* =========================================================
   10A. PASSAGE / PROMPT IMAGES
   ========================================================= */

.bb-passage-body img.img-fluid,
.bb-qprompt img.img-fluid {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.bb-answer-text img.img-fluid {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto;
}