/* ClearTalk HSK MASTER: ONE canonical Pinyin IME for Translation / Text Practice / Listening.
   Visual + interaction model is the Listening Practice keyboard. */
.ct-listening-kb-v24{
  display:none;
  margin:10px 0 14px;
  padding:12px 13px;
  border:1px solid #d9e2f1;
  border-radius:16px;
  background:#f7f9ff;
  box-shadow:0 8px 20px rgba(25,33,101,.06);
  width:100%;max-width:680px;box-sizing:border-box;
  position:relative;z-index:30;
}
.ct-listening-kb-v24.show{display:block!important}
.ct-listening-kb-v24 .ct-kb-head-v24{
  display:flex;justify-content:space-between;gap:10px;
  font-size:12px;font-weight:900;color:var(--navy);margin-bottom:9px
}
.ct-listening-kb-v24 .ct-kb-compose-v24{
  display:flex;align-items:center;gap:8px;min-height:38px;
  padding:7px 10px;border:1px solid #dbe3f2;border-radius:11px;
  background:#fff;margin-bottom:8px
}
.ct-listening-kb-v24 .ct-kb-compose-v24 .label{font-size:11px;color:#7b849b;font-weight:850}
.ct-listening-kb-v24 .ct-kb-compose-v24 .text{font-size:17px;color:var(--navy);font-weight:900;letter-spacing:.4px}
.ct-listening-kb-v24 .ct-kb-candidates-v24{
  display:flex;gap:7px;flex-wrap:nowrap;align-items:center;
  height:48px;min-height:48px;max-height:48px;padding:5px 0 9px;box-sizing:border-box;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch
}
.ct-listening-kb-v24 .ct-kb-candidate-v24{
  flex:0 0 auto;min-width:44px;height:34px;padding:0 10px;border:1px solid #cdd9ee;
  border-radius:9px;background:#fff;color:var(--navy);font-size:16px;font-weight:900;cursor:pointer
}
.ct-listening-kb-v24 .ct-kb-candidate-v24:hover{background:#eaf2ff;border-color:#aebfe1}
.ct-listening-kb-v24 .ct-kb-row-v24{display:flex;gap:6px;justify-content:center;margin-top:6px;flex-wrap:nowrap}
.ct-listening-kb-v24 .ct-kb-key-v24{
  flex:0 1 47px;min-width:32px;height:39px;border:1px solid #d4deed;border-radius:9px;
  background:#fff;color:var(--navy);font-weight:900;cursor:pointer;box-shadow:0 1px 2px rgba(25,33,101,.04)
}
.ct-listening-kb-v24 .ct-kb-key-v24.action{flex:0 1 auto;padding:0 14px;color:#68738b;font-size:12px}
.ct-listening-kb-v24 .ct-kb-key-v24:hover{background:#edf3ff}
.ct-listening-kb-v24 .ct-kb-note-v24{color:#8991a5;font-size:12px;align-self:center}
#readingClozeV54 .cloze-blank-v54{cursor:text}
#readingClozeV54 .cloze-blank-v54.keyboard-active-v57{outline:3px solid rgba(64,104,183,.12);border-color:#7898d7}
.ct-vk-off-v11 .ct-listening-kb-v24,
.ct-vk-off-v11 .ct-listening-kb-v24.show,
html.ct-kb-hard-closed-v19 .ct-listening-kb-v24{display:none!important}
.ct-final-vk-on .ct-listening-kb-v24.show{display:block!important}
@media(max-width:700px){
  .ct-listening-kb-v24{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding:10px!important}
  .ct-listening-kb-v24 .ct-kb-key-v24{height:37px;min-width:28px}
  .ct-listening-kb-v24 .ct-kb-row-v24{gap:4px}
}