/* One reading style for course content and both WordPress editors. */
/* Share a single reading column for the course introduction and detail sections. */
.yg-reading--course .yg-reading__body,
.yg-reading--course .yg-reading__course-sections {
  box-sizing: border-box;
  width: calc(100% - 80px);
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.yg-reading--course .yg-reading__body > .yg-reading__summary {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.yg-reading--course .yg-course-prose:empty {
  display: none;
  margin: 0;
}
.yg-reading--course .yg-reading__course-sections {
  margin-top: 28px;
}
@media (max-width: 680px) {
  .yg-reading--course .yg-reading__body,
  .yg-reading--course .yg-reading__course-sections {
    width: calc(100% - 44px);
  }
  .yg-reading--course .yg-reading__body > .yg-reading__summary {
    margin-top: 12px;
  }
  .yg-reading--course .yg-reading__course-sections {
    margin-top: 24px;
  }
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) {
  color: #475773;
  font-family: "Microsoft YaHei UI", "PingFang SC", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.yg-course-prose { margin-top: 36px; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h2, h3, h4) {
  border-top: 1px solid rgba(40, 55, 77, .14);
  color: #192238 !important;
  font-family: inherit !important;
  font-size: 31px !important;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.35 !important;
  margin: 36px 0 20px !important;
  padding: 30px 0 0;
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h2, h3, h4) :is(span, strong, b) {
  color: inherit !important;
  font: inherit !important;
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h2, h3, h4) br { display: none; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h3, h4).heading-3 {
  font-size: 25px !important;
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h3, h4).heading-4 {
  border-top: 0;
  font-size: 21px !important;
  padding-top: 0;
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(p, div.ace-line, ul, ol) {
  font-size: 16px;
  line-height: 1.9;
  margin: 0 0 20px;
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(p, div.ace-line, li) span {
  font-family: inherit !important;
  font-size: inherit !important;
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(ul, ol) { padding-left: 1.45em; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) li + li { margin-top: 9px; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) li > :is(p, div.ace-line) { margin: 0; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) br + br { display: none; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) .wp-block-table { overflow-x: auto; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) table { width: 100%; border-collapse: collapse; }
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(td, th) {
  border: 1px solid #dce0e7;
  padding: 12px;
  overflow-wrap: anywhere;
}
:is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) img { max-width: 100%; height: auto; }
@media (max-width: 680px) {
  :is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h2, h3, h4) {
    font-size: 25px !important;
    margin-top: 28px !important;
    padding-top: 24px;
  }
  :is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h3, h4).heading-3 { font-size: 22px !important; }
  :is(.yg-course-prose, .editor-styles-wrapper, body.mce-content-body) :is(h3, h4).heading-4 { font-size: 19px !important; }
}