/* ==========================================================
   SwapVerbs — Cloze Fill blank styling
   Add to swapverbs_cluster_css() or wherever sv-tour.css / main
   SwapVerbs CSS is enqueued alongside the doc windows.
   ========================================================== */
.sv-blank {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  white-space: nowrap;
}
.sv-blank-lead,
.sv-blank-tail {
  font-weight: 700;
  color: var(--amber-light, #F0A832);
}
.sv-blank-input {
  box-sizing: content-box;
  min-width: 2ch;
  max-width: 14ch;
  text-align: center;
  font-family: 'DM Mono', monospace;
  font-size: 0.95rem;
  border: none;
  border-bottom: 2px solid #b8730f66;
  background: transparent;
  color: #0a0806;
  padding: 0 2px;
  outline: none;
  transition: border-color .15s, color .15s;
}
.sv-blank-input::placeholder {
  color: #b8730f99;
  letter-spacing: 1px;
}
.sv-blank-input:focus {
  border-bottom-color: #D4861A;
}
.sv-blank-input.sv-blank-correct {
  color: #16a34a;
  border-bottom-color: #16a34a;
  font-weight: 700;
}
.sv-blank-input.sv-blank-wrong {
  color: #dc2626;
  border-bottom-color: #dc2626;
}