/* ESB V36.9.5 — keyboard-only inline self-test; centered auto-fit answer fields on desktop + mobile. */
#esbDetectV368,#esbDetectV3681,.esb-modebar-v368,.esb-modebar-v3681{display:none!important}
#esbFullV3691.active,#esbHideZhV3691.active,#esbHideEnV3691.active{background:#1767e8!important;color:#fff!important;border-color:#1767e8!important}
.story-content.esb-selftest-hide-zh-v3691 .story-gloss{display:none!important}
.story-content.esb-selftest-hide-en-v3691 .story-word{display:none!important}
.story-content.esb-selftest-hide-zh-v3691 .story-token,.story-content.esb-selftest-hide-en-v3691 .story-token{white-space:normal!important}
.esb-answer-wrap-v3691{display:inline-flex;align-items:center;flex-wrap:wrap;position:relative;vertical-align:middle;margin:0 .16em;max-width:none;overflow:visible}
.esb-answer-box-v3691{display:inline-flex;position:relative;align-items:center;min-width:0;max-width:min(520px,calc(100vw - 32px));vertical-align:middle;flex:0 0 auto}
.esb-answer-input-v3691{width:100px;min-width:100px;max-width:min(520px,calc(100vw - 32px));min-height:1.9em;height:1.9em;box-sizing:border-box;border:1.5px solid #b8c9e2;border-radius:7px;background:#fff;padding:.2em 2.4em;color:#183861;font:inherit;font-size:.82em;line-height:1.25;text-align:center!important;text-indent:0!important;outline:none;box-shadow:0 1px 3px rgba(39,74,122,.06);transition:border-color .16s,box-shadow .16s,background .16s;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;vertical-align:middle}
.esb-answer-input-v3691:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.esb-answer-input-v3691.is-correct{border-color:#26a269;background:#f1fff7}
.esb-answer-input-v3691.is-wrong{border-color:#e49a35;background:#fffaf1}
.esb-answer-input-v3691.is-answer-shown{border-color:#6c8fbd;background:#f2f7ff;color:#184c91;font-weight:800}
.esb-answer-eye-v3691{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:25px;height:25px;border:0;background:transparent;color:#7287a7;border-radius:50%;padding:0;cursor:pointer;font-size:15px;line-height:1;z-index:2}
.esb-answer-eye-v3691:hover,.esb-answer-eye-v3691.active{background:#eaf2ff;color:#1767e8}
.esb-answer-feedback-v3691{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-start;margin-left:5px;min-width:0;font-size:.72em;font-weight:900;white-space:nowrap;overflow:visible;line-height:1.15}
.esb-answer-feedback-v3691:empty{display:none}
.esb-answer-feedback-v3691.ok{color:#15995e;font-size:1em}.esb-answer-feedback-v3691.bad{color:#d67a12;min-width:3.2em}
body.esb-selftest-active #storyContent .story-word,body.esb-selftest-active #storyContent .story-gloss{cursor:default!important}
@media(max-width:760px){.esb-answer-wrap-v3691{max-width:100%;margin:.1em .12em}.esb-answer-box-v3691{max-width:calc(100vw - 28px)}.esb-answer-input-v3691{width:112px;min-width:112px;max-width:calc(100vw - 28px);min-height:34px;height:34px;font-size:16px;line-height:1.25;padding-left:34px;padding-right:34px;text-align:center!important}.esb-answer-eye-v3691{right:3px;width:28px;height:28px}.esb-answer-feedback-v3691{font-size:12px}.esb-answer-feedback-v3691.ok{font-size:18px}}
/* Mobile toolbar: keep font-size controls together on one clean row. */
@media(max-width:760px){
  .study-toolbar .tool-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px!important;
    align-items:center;
  }
  .study-toolbar .tool-row>.tool-btn{
    width:100%;
    min-width:0;
    padding:8px 7px;
    font-size:14px;
    line-height:1.2;
    white-space:nowrap;
  }
  .study-toolbar #fontDown,
  .study-toolbar #fontUp{
    width:100%;
    min-width:0;
  }
  .study-toolbar #fontReadout{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:34px;
    font-size:14px;
    line-height:1;
    white-space:nowrap;
  }
}