/* Learning — enunciados y frases alineados a la izquierda con margen lateral */

:root {
  --learning-prompt-inset: 16px;
}

.course-center--lesson-focus .cu-lesson-instruction,
.course-center--lesson-focus .cu-ex-item > .cu-ex-sentence,
.course-center--lesson-focus .cu-ex-item > .cu-ex-kwtrans-text,
.course-center--lesson-focus .cu-ex-item > .cu-sync-sentence,
.course-center--lesson-focus .cu-ex-item > .cu-yn-sentence,
.course-center--lesson-focus .cu-ex-item > .cu-passage-text,
.cu-exercise > .cu-ex-instructions,
.bgl-instruction,
.bgl-prompt-display,
.bgl-card .bgl-sentence-line,
.bgl-error-sentence,
.sp-session-instruction,
.sp-exercise-card .sp-prompt-sentence,
.sp-exercise-card .sp-display-prompt,
.sp-exercise-card .sp-meaning-sentence,
.ve-modal-quiz .sp-session-instruction,
.ve-modal-quiz .sp-prompt-sentence,
.ve-modal-quiz .sp-display-prompt {
  box-sizing: border-box;
  align-self: stretch;
  width: calc(100% - 2 * var(--learning-prompt-inset));
  max-width: 100%;
  margin-left: var(--learning-prompt-inset);
  margin-right: var(--learning-prompt-inset);
  margin-bottom: 12px;
  padding: 0;
  background: transparent;
  border: none;
  text-align: left;
}

.course-center--lesson-focus .cu-lesson-instruction,
.sp-session-instruction,
.sp-exercise-card .sp-prompt-sentence:not(.sp-prompt-sentence--inline-gap),
.sp-exercise-card .sp-display-prompt,
.sp-exercise-card .sp-meaning-sentence,
.ve-modal-quiz .sp-prompt-sentence,
.ve-modal-quiz .sp-display-prompt {
  display: block;
}

/* Bubble de contexto (frase con mascota) — mismo inset lateral */
.course-center--lesson-focus .cu-lesson-prompt {
  width: calc(100% - 2 * var(--learning-prompt-inset));
  margin-left: var(--learning-prompt-inset);
  margin-right: var(--learning-prompt-inset);
}

.bgl-instruction {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.bgl-instruction-text {
  text-align: left;
}

.bgl-prompt-display,
.bgl-card .bgl-sentence-line,
.bgl-error-sentence {
  text-align: left;
}

.sp-prompt-row--choice,
.sp-prompt-row--gap,
.sp-screen--gap {
  text-align: left;
}

.sp-screen .sp-session-instruction,
.sp-practice-main .sp-screen .sp-session-instruction,
.sp-practice-main .sp-screen .sp-prompt-sentence,
.sp-practice-main .sp-screen .sp-prompt-row,
.sp-practice-main .sp-screen .sp-display-prompt,
.sp-practice-main .sp-screen .sp-meaning-sentence,
.sp-practice-main .sp-screen .sp-gap-instruction,
.sp-practice-main .sp-screen .sp-guided-prompt,
.sp-practice-main .sp-screen .sp-guided-wrong,
.sp-practice-main .sp-screen .sp-hunt-counter {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.sp-prompt-row--choice .sp-prompt-sentence {
  display: block;
  text-align: left;
}

.sp-prompt-row--gap .sp-prompt-sentence--inline-gap {
  text-align: left;
}

@media (max-width: 768px) {
  :root {
    --learning-prompt-inset: 10px;
  }

  .course-center--lesson-focus .cu-lesson-instruction,
  .sp-session-instruction,
  .sp-exercise-card .sp-prompt-sentence,
  .sp-exercise-card .sp-display-prompt,
  .sp-exercise-card .sp-meaning-sentence {
    margin-bottom: 10px;
  }
}