/* LV Typing Suite 6.0.48 — narrowly scoped Learn Typing lesson UX only. */

/* Learn Typing lessons: keep the original approved practice-box height stable.
   Older guidance JS may write inline auto-heights while characters are painted;
   !important here intentionally contains that legacy autosize without touching
   Skill Checks, General Practice, exams or any other textarea. */
.lv50-lesson-card .lv50-target-text, .lv50-lesson-card .lv50-lesson-input, .lv50-lesson-card .lv50-kruti-preview{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.lv50-lesson-card .lv50-lesson-input{resize:none!important}

.lv648-lesson-complete{
  margin-top:12px;
  border:1px solid #b9ddc5;
  background:#effaf3;
  border-radius:12px;
  padding:13px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.lv648-lesson-complete[hidden]{display:none!important}
.lv648-lesson-complete__copy{min-width:190px;flex:1}
.lv648-lesson-complete__copy small{display:block;color:#188044;font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:3px}
.lv648-lesson-complete__copy strong{display:block;color:#123d26;font-size:15px;line-height:1.25}
.lv648-lesson-complete__copy span{display:block;color:#597064;font-size:11px;line-height:1.45;margin-top:3px}
.lv648-lesson-complete__actions{display:flex;gap:8px;flex-wrap:wrap}
.lv648-lesson-complete__actions button, .lv648-lesson-complete__actions a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  padding:8px 12px;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.lv648-lesson-complete__actions button{border:1px solid #cdd9e6;background:#fff;color:#38506a}
.lv648-lesson-complete__actions a{border:1px solid #1764e8;background:#1764e8;color:#fff!important}
.lv50-lesson-card.is-lv648-complete .lv50-lesson-input, .lv50-lesson-card.is-lv648-complete .lv50-kruti-preview{background:#fbfdfb!important}

@media(max-width:760px){
  .lv648-lesson-complete{align-items:stretch}
  .lv648-lesson-complete__actions{width:100%}
  .lv648-lesson-complete__actions button, .lv648-lesson-complete__actions a{flex:1;min-width:125px}
}