/* LV Typing Suite 6.1.1 — narrowly scoped launch regression fixes. */

/* 1) Learn Typing Skill Checks: v5.7.3 guidance paints inline auto-heights.
   Keep both sides stable instead of allowing the checkpoint to grow with typing. */
.lv50-check-card .lv50-target-text{
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.lv50-check-card .lv50-run-input:not(.lv50-kruti-capture), .lv50-check-card .lv50-kruti-preview{
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.lv50-check-card .lv50-run-input:not(.lv50-kruti-capture){resize:none!important}

/* Small Kruti guidance must be readable if it is shown. */
.lv50-kruti-help, .lv580-kd-note{
  font-size:11.5px!important;
  line-height:1.5!important;
  color:#5f6f86!important;
}

/* 2) General Practice Kruti: blank answer area + real visual caret at the start.
   The explanatory sentence remains below the field instead of sitting inside it. */
.lv50-general-run[data-mode="krutidev"] .lv50-kruti-preview:empty::before{
  content:none!important;
}
.lv50-general-run[data-mode="krutidev"] .lv50-kruti-preview.is-focus{
  position:relative;
  color:#0f172a!important;
}
.lv50-general-run[data-mode="krutidev"] .lv50-kruti-preview.is-focus:empty::after{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  width:2px;
  height:1.25em;
  background:#0f172a;
  pointer-events:none;
  animation:lv6110Blink 1s steps(1,end) infinite;
}
.lv50-general-run[data-mode="krutidev"] .lv50-kruti-preview.is-focus:not(:empty)::after{
  content:"";
  display:inline-block;
  width:2px;
  height:1.25em;
  margin-left:1px;
  vertical-align:-.16em;
  background:#0f172a;
  pointer-events:none;
  animation:lv6110Blink 1s steps(1,end) infinite;
}
@keyframes lv6110Blink{0%, 49%{opacity:1}50%, 100%{opacity:0}}

/* 4) One consistent word-highlight language: flat rectangular fill only.
   No rings, inset borders, underline or rounded word chips. */
.lv50-word-highlight, .lvt-exam-source [data-lv6110-word], .lvt-template-upsssc .lvt-exam-source [data-upsssc-word]{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  text-decoration:none!important;
  padding:0!important;
}
.lv50-word-highlight{background:#fff0a6!important;color:inherit!important}
.lvt-exam-source .lv6110-exam-current, .lvt-template-upsssc .lvt-exam-source .lvt-upsssc-current{
  background:#dbeafe!important;
  color:#174ea6!important;
}
.lvt-exam-source .lv6110-exam-correct, .lvt-template-upsssc .lvt-exam-source .lvt-upsssc-correct{
  background:#dcfce7!important;
  color:#166534!important;
}
.lvt-exam-source .lv6110-exam-wrong, .lvt-template-upsssc .lvt-exam-source .lvt-upsssc-wrong{
  background:#fee2e2!important;
  color:#b4232d!important;
}

@media (prefers-reduced-motion:reduce){
  .lv50-general-run[data-mode="krutidev"] .lv50-kruti-preview.is-focus::after{animation:none!important;opacity:1!important}
}

/* Passage-end action panel for Learn Typing Skill Checks. The existing Finish Check
   button still owns the timer/evaluator; this panel only provides the requested
   Retake / Next navigation when the full checkpoint passage is actually reached. */
.lv50-check-card .lv50-result:empty{display:none!important}
.lv6110-check-complete{
  margin-top:12px;
  padding:14px 16px;
  border:1px solid #d8e4f5;
  border-radius:12px;
  background:#f7faff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-sizing:border-box;
}
.lv6110-check-complete[hidden]{display:none!important}
.lv6110-check-complete__copy small{display:block;color:#1d63e9;font-size:10px;font-weight:900;letter-spacing:.1em}
.lv6110-check-complete__copy strong{display:block;color:#142036;font-size:17px;line-height:1.25;margin-top:3px}
.lv6110-check-complete__copy span{display:block;color:#637188;font-size:12px;line-height:1.45;margin-top:3px}
.lv6110-check-complete__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.lv6110-check-complete__actions button, .lv6110-check-complete__actions a{
  border:1px solid #dbe4ef;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:850;
  cursor:pointer;text-decoration:none!important;white-space:nowrap;box-sizing:border-box
}
.lv6110-check-complete__actions button{background:#eef3f9;color:#40506a}
.lv6110-check-complete__actions a{background:#1d63e9;border-color:#1d63e9;color:#fff!important}
@media(max-width:680px){
  .lv6110-check-complete{align-items:flex-start;flex-direction:column}
  .lv6110-check-complete__actions{justify-content:flex-start;width:100%}
}
