/* VIDLIK module progress rankbar — dedicated immutable asset path to bypass stale edge CSS cache. */
.focused-lesson-rankbar{
  min-width:220px;
  display:grid;
  gap:5px;
}
.focused-lesson-rankbar-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#60786f;
  font-size:12px;
  font-weight:800;
}
.focused-lesson-rankbar-meta b{
  color:#17684f;
  font-size:12px;
  font-weight:900;
}
.focused-lesson-rankbar-track{
  display:block;
  width:100%;
  height:7px;
  border-radius:999px;
  background:#dfeae4;
  overflow:hidden;
}
.focused-lesson-rankbar-track i{
  display:block;
  height:100%;
  width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#159a68 0%,#46c985 100%);
  transition:width .3s ease;
}
.focused-lesson-rankbar small{
  color:#7a8b84;
  font-size:10px;
  line-height:1.2;
  text-align:right;
}
@media(max-width:900px){
  .focused-lesson-head{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .focused-lesson-rankbar{
    width:100%;
    min-width:0;
  }
  .focused-lesson-rankbar small{
    text-align:left;
  }
}
@media(max-width:760px){
  .focused-lesson-rankbar{
    gap:6px;
    margin-top:2px;
  }
  .focused-lesson-rankbar-meta{
    font-size:11px;
  }
  .focused-lesson-rankbar-meta b{
    font-size:11px;
  }
  .focused-lesson-rankbar-track{
    height:8px;
    background:#dce9e2;
  }
  .focused-lesson-rankbar-track i{
    background:linear-gradient(90deg,#0f9164 0%,#4acb86 100%);
  }
}

/* Rankbar now lives inside the course context card. */
.platform-course-context{
  flex-wrap:wrap;
}
.platform-course-context .focused-lesson-rankbar-context{
  flex:1 1 100%;
  width:100%;
  min-width:0;
  margin-top:4px;
}
.focused-lesson-index{
  padding-top:12px!important;
}
.focused-lesson-index .focused-lesson-grid{
  margin-top:0;
}
@media(max-width:760px){
  .platform-course-context{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:13px 14px 14px!important;
  }
  .platform-course-context>b{
    font-size:13px;
  }
  .platform-course-context>span{
    font-size:10px!important;
  }
  .platform-course-context .focused-lesson-rankbar-context{
    margin-top:7px;
  }
  .focused-lesson-index{
    padding:10px 12px 12px!important;
  }
}