/* 手机端“讲师 | 标题”统一换行规则。
   讲师 / 竖线 / 标题正文分列；标题只在正文列内换行，第二行与正文首字严格对齐。 */
@media (max-width:900px){
  .yj-mobile-indent-title,
  .course-detail-title.has-prefix{
    display:grid!important;
    grid-template-columns:max-content max-content minmax(0,1fr)!important;
    align-items:start!important;
    column-gap:.22em!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
  }
  .yj-mobile-indent-title>.yj-title-teacher,
  .yj-mobile-indent-title>.yj-title-separator,
  .course-detail-title.has-prefix>.course-title-teacher,
  .course-detail-title.has-prefix>.course-title-separator{
    display:block!important;
    white-space:nowrap!important;
    min-width:0!important;
    max-width:none!important;
    text-align:left!important;
  }
  .yj-mobile-indent-title>.yj-title-main,
  .course-detail-title.has-prefix>.course-title-main{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    text-align:left!important;
  }
}

/* Safari 兼容层：增加选择器优先级，不改变其它平台的布局。 */
@supports (-webkit-touch-callout:none){
  @media (max-width:900px){
    html.yj-mobile-title-ios .yj-mobile-indent-title,
    html.yj-mobile-title-ios .course-detail-title.has-prefix{
      display:grid!important;
      grid-template-columns:max-content max-content minmax(0,1fr)!important;
      align-items:start!important;
      column-gap:.22em!important;
      width:100%!important;
      min-width:0!important;
      max-width:100%!important;
      text-align:left!important;
    }
    html.yj-mobile-title-ios .yj-mobile-indent-title>.yj-title-main,
    html.yj-mobile-title-ios .course-detail-title.has-prefix>.course-title-main{
      display:block!important;
      min-width:0!important;
      width:100%!important;
      max-width:100%!important;
      white-space:normal!important;
      word-break:normal!important;
      overflow-wrap:break-word!important;
      text-align:left!important;
    }
  }
}