/* Section introductions share the available content width in both languages. */
body :is(h1, h2, h3, p, li) {
  overflow-wrap: anywhere;
}

@media (max-width: 480px) {
  html[lang="de"] body :is(h1, h2, h3, p, li) {
    overflow-wrap: anywhere !important;
  }
}

body .sec-h,
body .ov-head,
body .mv-head {
  max-width: none;
  width: 100%;
}

body .phero:not(.course-intro) .phero-in {
  max-width: 1240px;
}

body .section-copy {
  width: 100%;
  max-width: 1240px;
}

body .hero h1,
body .hero-p,
body .hero-lead,
body .phero-sub,
body .course-intro .phero-sub,
body .sec-p,
body .feat .sec-h .sec-p,
body .intro,
body .section-copy h1,
body .mv-copy,
body .tm-bio p,
body .crs-header h2,
body .crs-paras p:first-child,
body .crs-foot {
  max-width: none;
}

/* The video section has no inner container; align its copy to the site grid. */
body .vid > h2,
body .vid > p {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}