/* Shared sizes keep questions, answers, support and results growing together. */
.learner-reading { --reading-question: 1.625rem; --reading-answer: 1.3125rem; --ink: #1b3028; --muted: #4d6057; color: var(--ink); font-size: var(--reading-answer); line-height: 1.7; overflow-wrap: anywhere; }
.learner-reading.large-learning-text { --reading-question: 2rem; --reading-answer: 1.625rem; }
body[data-screen-size="large"] .learner-reading { --reading-question: 2rem; --reading-answer: 1.625rem; }
body[data-screen-size="extra_large"] .learner-reading { --reading-question: 2.375rem; --reading-answer: 2rem; }
body[data-screen-size] .learner-reading :is(.problem-text, .work-question-prompt, .test-review-question) { font-size: var(--reading-question); line-height: 1.7; letter-spacing: normal; white-space: pre-wrap; font-variant-numeric: lining-nums; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Kannada", "Noto Sans Tamil", "Cambria Math", "Noto Sans Math", sans-serif; }
body[data-screen-size] .learner-reading :is(.answer-form label, .answer-form legend, .answer-form textarea, .answer-form select, .answer-form .choice, .assessment, .activity-result p, .activity-teacher-feedback p, .attempt-entry p, .coach-reply p, [data-learning-panel] p, [data-learning-panel] li, [data-learning-panel] textarea, .test-question label, .test-question legend, .test-question textarea, .test-question select, .test-review-answer, .test-result p:not(.problem-text), .test-result li) { font-size: var(--reading-answer); line-height: 1.7; color: var(--ink); }
body[data-screen-size] .learner-reading :is(button, .button, input[type="submit"], summary) { font-size: 1em; white-space: normal; }
.learner-reading :is(textarea, select, fieldset, .activity-main, .activity-tutor) { min-width: 0; max-width: 100%; }
.learner-reading textarea { resize: vertical; }
.learner-reading .choice { gap: 12px; align-items: flex-start; }
.learner-reading .choice input { flex-shrink: 0; width: 24px; height: 24px; margin-top: 8px; }
.learner-reading .assessment { margin-top: 16px; padding: 18px; border: 2px solid var(--green); border-radius: 12px; background: #f0f6f0; }
.reading-size { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 12px 0 20px; font-size: 1rem; }
.reading-size label { font-weight: 650; }
.reading-size select { width: auto; max-width: 100%; min-height: 44px; }
.reading-size [role="status"] { flex-basis: 100%; color: var(--muted); }
.reading-size [role="status"]:empty { display: none; }
.learner-reading .learning-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.learner-reading .learning-actions > .learning-action-wrap { flex: 0 1 220px; min-width: min-content; max-width: 100%; }
body[data-screen-size] .learner-reading .learning-action { font-size: 1em; min-height: 56px; padding: 12px 16px; flex-direction: row; overflow-wrap: normal; }
@media (max-width: 999px) {
  .learner-reading .activity-tutor[data-active-panel="clues"]:not([hidden]) { position: static; width: 100%; height: auto; max-height: none; margin: 20px 0 0; border-radius: 18px; box-shadow: none; overflow: visible; }
  .learner-reading .activity-tutor[data-active-panel="clues"] .learning-panel-header { position: static; }
}
@media (min-width: 1000px) {
  .learner-reading.activity-screen .activity-workspace:has(.activity-tutor:not([hidden])) { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .learner-reading .learning-actions > .learning-action-wrap { flex: 1 1 130px; }
  .learner-reading .activity-call-strip { flex-wrap: wrap; }
}