/* VƯỜN NGOẠI NGỮ v6.15.223 — Lesson flow readability
   Larger labels + explicit visual order. UI only. */

body.lesson-view-active #view-lesson .lesson-flow-guide-copy>strong{
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:850!important;
  color:#244c44!important;
}
body.lesson-view-active #view-lesson .lesson-flow-guide-copy>small{
  font-size:12px!important;
  line-height:1.45!important;
}
body.lesson-view-active #view-lesson .lesson-flow-current{
  min-height:38px!important;
  padding:0 13px!important;
  font-size:12px!important;
  font-weight:900!important;
}

body.lesson-view-active #view-lesson #skillTabs.skill-tabs--flow .skill-tab[data-flow-main]{
  min-height:58px!important;
  padding:10px 10px 10px 36px!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
body.lesson-view-active #view-lesson #skillTabs.skill-tabs--flow .skill-tab[data-flow-main] span:not(.plus-lock){
  font-size:14px!important;
  font-weight:900!important;
}
body.lesson-view-active #view-lesson #skillTabs.skill-tabs--flow .skill-tab[data-flow-main]:before{
  width:22px!important;
  height:22px!important;
  left:8px!important;
  font-size:10px!important;
  font-weight:950!important;
}

/* Lock the intended visual order without touching content/data. */
body.lesson-view-active #view-lesson #skillTabs [data-flow-main="vocabulary"]{order:1!important}
body.lesson-view-active #view-lesson #skillTabs [data-flow-main="quiz"]{order:2!important}
body.lesson-view-active #view-lesson #skillTabs [data-flow-main="listening"]{order:3!important}
body.lesson-view-active #view-lesson #skillTabs [data-flow-main="reading"]{order:4!important}
body.lesson-view-active #view-lesson #skillTabs [data-flow-main="speaking"]{order:5!important}
body.lesson-view-active #view-lesson #skillTabs [data-flow-main="grammar"]{order:6!important}

@media(max-width:900px){
  body.lesson-view-active #view-lesson .lesson-flow-guide-copy>strong{
    font-size:15px!important;
  }
  body.lesson-view-active #view-lesson .lesson-flow-guide-copy>small{
    font-size:11.5px!important;
  }
  body.lesson-view-active #view-lesson #skillTabs.skill-tabs--flow .skill-tab[data-flow-main]{
    min-width:132px!important;
    min-height:56px!important;
    padding:9px 9px 9px 35px!important;
    font-size:13.5px!important;
  }
  body.lesson-view-active #view-lesson #skillTabs.skill-tabs--flow .skill-tab[data-flow-main] span:not(.plus-lock){
    font-size:13.5px!important;
  }
}

@media(max-width:520px){
  body.lesson-view-active #view-lesson .lesson-flow-guide-copy>strong{
    font-size:14px!important;
    line-height:1.4!important;
  }
  body.lesson-view-active #view-lesson #skillTabs.skill-tabs--flow .skill-tab[data-flow-main]{
    min-width:126px!important;
    min-height:54px!important;
    font-size:13px!important;
  }
  body.lesson-view-active #view-lesson #skillTabs.skill-tabs--flow .skill-tab[data-flow-main] span:not(.plus-lock){
    font-size:13px!important;
  }
}