/* Final readability pass: preserve copy, imagery, order and component structure. */
body{overflow-wrap:break-word}
main>section{min-width:0}

/* Problem statements sit on a pale background; keep them visibly dark in the rendered LP. */
.ai-story .problem-grid h3{color:#07365f!important}

/* Primary body copy: readable at normal zoom. */
.course-intro-body,
.ai-story .concern-method,
.work-change .solution-heading>p:last-child,
.work-change .solution-use,
.learning-proof .textbook-example-context,
.curriculum-textbook p:last-child,
.learning-media-lead,
.video-scene figcaption,
.supplement-point p,
.study-method p,
.teacher-real p:not(.eyebrow),
.study-options p,
.support-reasons p,
.course-panel-note,
.qualification-new-lead,
.work-use-copy p,
.faq details p{
  font-size:17px!important;
  line-height:1.8!important;
  text-wrap:pretty;
}

/* Long explanatory copy is easier to scan left-aligned. */
.learning-media-lead,
.teacher-real p:not(.eyebrow),
.qualification-modal-row dd,
.course-notes,
.faq details p{text-align:left}

/* Supplemental labels remain secondary, but legible. */
.learning-usage-note,
.study-method-note,
.sample-caption,
.course-notes,
.qualification-modal-note{font-size:13px!important;line-height:1.75!important}

/* Dense information areas get room instead of smaller type. */
.course-native .course-summary table{font-size:16px;line-height:1.7}
.qualification-modal-row dt,
.qualification-modal-row dd{font-size:15px;line-height:1.7}
.qualification-modal-title{font-size:14px;line-height:1.55}

/* Protect supplied visuals from accidental clipping. */
.course-intro-visual img,
.video-photo,
.supplement-visual,
.study-method-visual,
.qualification-certificate-window img,
.work-use-card img{max-width:100%}

@media(max-width:760px){
  .course-intro-body,
  .ai-story .concern-method,
  .work-change .solution-heading>p:last-child,
  .work-change .solution-use,
  .learning-proof .textbook-example-context,
  .curriculum-textbook p:last-child,
  .learning-media-lead,
  .video-scene figcaption,
  .supplement-point p,
  .study-method p,
  .teacher-real p:not(.eyebrow),
  .study-options p,
  .support-reasons p,
  .course-panel-note,
  .qualification-new-lead,
  .work-use-copy p,
  .faq details p{
    font-size:16px!important;
    line-height:1.78!important;
  }

  /* Let prose wrap naturally instead of preserving a desktop-only break. */
  .course-intro-body br{display:none}
  .course-intro-meta span{font-size:14px;line-height:1.45}

  .learning-usage-note,
  .study-method-note,
  .sample-caption,
  .course-notes,
  .qualification-modal-note{font-size:13px!important;line-height:1.7!important}

  .course-native .course-summary table{font-size:15px;line-height:1.65}
  .course-native .course-summary th,
  .course-native .course-summary td{padding:13px 8px}

  .qualification-modal-title{font-size:13px}
  .qualification-modal-row{grid-template-columns:104px minmax(0,1fr)}
  .qualification-modal-row dt,
  .qualification-modal-row dd{padding:12px 10px;font-size:14px;line-height:1.7}
}

@media(max-width:360px){
  .course-native .course-summary table{font-size:15px}
}