@import url("/assets/english-passage-annotations.css?v=20261003-grammar-playback-1");
@font-face{font-family:"SN Handwriting";src:url("/assets/fonts/nanum-pen-script.ttf?v=20260827") format("truetype");font-style:normal;font-weight:400;font-display:swap}
/* 교재과외 상세 메뉴판: 교재의 현재 학습 블록을 우측 나비쌤 패널에서 분석한다. */
.tbd-menu-popover{position:fixed;z-index:2147483300;width:min(386px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto;box-sizing:border-box;padding:11px;border:1px solid #cbd8ec;border-radius:15px;background:#fff;box-shadow:0 20px 54px rgba(15,23,42,.25);font-family:"Noto Sans KR","Inter",sans-serif}
.tbd-menu-head{display:flex;align-items:center;gap:10px;padding:3px 4px 11px;border-bottom:1px solid #e7edf6}.tbd-menu-head>span{width:34px;height:34px;border-radius:9px;background:#2563eb;display:grid;place-items:center;flex:0 0 auto}.tbd-menu-head>span .tbd-book-glyph,.tbd-menu-head>span .tbd-book-glyph i{color:#fff!important;border-color:#fff!important}.tbd-menu-head>span .tbd-book-glyph i:after{background:#fff!important}.tbd-menu-head>div{min-width:0;flex:1}.tbd-menu-head b{display:block;color:#172554;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbd-menu-head small{display:block;margin-top:2px;color:#64748b;font-size:10.5px;font-weight:750}
.tbd-book-glyph{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:21px!important;height:21px!important}.tbd-book-glyph i{display:block!important;box-sizing:border-box!important;width:7px!important;height:17px!important;border:1.7px solid currentColor!important;border-radius:2px!important;background:transparent!important;position:relative!important}.tbd-book-glyph i:after{content:""!important;position:absolute!important;left:1px!important;right:1px!important;bottom:2px!important;height:1px!important;background:currentColor!important;opacity:.72!important}
.tbd-menu-items{display:grid;gap:6px;padding-top:9px}.tbd-menu-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;min-height:49px;padding:8px 10px;border:1px solid #d9e2ef;border-radius:11px;background:#fff;color:#334155;text-align:left;font:inherit;cursor:pointer}.tbd-menu-item:hover,.tbd-menu-item:focus-visible{border-color:#7d9fe4;background:#f3f7ff;outline:none;box-shadow:0 4px 13px rgba(37,99,235,.08)}.tbd-menu-item>span:first-child{width:27px;height:27px;border-radius:8px;background:#eaf1ff;color:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:900}.tbd-menu-item b{display:block;color:#1e3a70;font-size:12.5px}.tbd-menu-item small{display:block;margin-top:2px;color:#64748b;font-size:10.5px;line-height:1.4}.tbd-menu-foot{padding:9px 3px 1px;color:#7b879a;font-size:10.5px;text-align:center}
.tbd-menu-item[data-tbd-action="direct"]{border-color:#9bb8f1;background:linear-gradient(135deg,#f7f9ff,#eef4ff)}.tbd-menu-item[data-tbd-action="direct"]>span:first-child{background:#2563eb;color:#fff}.tbd-menu-item[data-tbd-action="direct"] b{color:#1d4ed8}

/* 수학 전용 문제 뷰어(유형별 실전·평가원 모의평가·수능 기출)에서도
   동일한 수업 패널을 사용한다. 시험 중 미제출 문항은 버튼만 잠가 둔다. */
#lmKeywordDetailHost.tbd-standalone-host.tbd-host{position:fixed;z-index:2147483400;top:0;right:0;width:min(clamp(360px,30vw,430px),100vw);height:100dvh;display:flex;flex-direction:column;background:#f8faff;box-shadow:-18px 0 48px rgba(15,23,42,.24);overflow:hidden}
body.tbd-standalone-open .m-main{padding-right:min(clamp(360px,30vw,430px),100vw)}
body.tbd-standalone-open .m-main>.m-stage{transition:padding-right .18s ease}
.tbd-assessment-toast{position:fixed;left:50%;bottom:28px;z-index:2147483600;max-width:min(520px,90vw);padding:12px 17px;border-radius:12px;background:#172554;color:#fff;box-shadow:0 14px 34px rgba(15,23,42,.32);font:800 13px/1.5 "Noto Sans KR","Inter",sans-serif;transform:translateX(-50%)}
@media(max-width:860px){#lmKeywordDetailHost.tbd-standalone-host.tbd-host{width:min(390px,100vw)}body.tbd-standalone-open .m-main{padding-right:0}}

#lmKeywordDetailHost.tbd-host{width:100%;height:100%;display:flex;flex-direction:column;background:#f8faff;color:#273247;overflow:hidden}
#lmKeywordDetailHost .tbd-panel{width:100%;height:100%;min-width:0;display:flex;flex-direction:column;background:#f8faff}
#lmKeywordDetailHost .tbd-panel-head{display:flex;align-items:center;gap:10px;padding:14px 15px 12px;background:#fff;border-bottom:1px solid #dbe4f2}
#lmKeywordDetailHost .tbd-panel-icon{width:42px;height:42px;border:0;border-radius:11px;background:#2563eb;color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
#lmKeywordDetailHost .tbd-panel-title{min-width:0;flex:1}#lmKeywordDetailHost .tbd-panel-title small{display:block;color:#64748b;font-size:10.5px;font-weight:850;margin-bottom:3px}#lmKeywordDetailHost .tbd-panel-title h2{margin:0;color:#172554;font-size:17px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lmKeywordDetailHost .tbd-panel-play{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:#2563eb;color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.24);font:900 14px/1 inherit;cursor:pointer}#lmKeywordDetailHost .tbd-panel-play:disabled{background:#aebbd0;box-shadow:none;cursor:wait}#lmKeywordDetailHost .tbd-panel-play.is-loading{animation:tbdPlayWaiting 1s ease-in-out infinite}
#lmKeywordDetailHost .tbd-saved{flex:0 0 auto;padding:5px 8px;border:1px solid #dce5f2;border-radius:999px;background:#f8fafc;color:#64748b;font-size:9.5px;font-weight:850;white-space:nowrap}#lmKeywordDetailHost .tbd-saved.ok{border-color:#bce6d1;background:#effbf5;color:#16815a}
#lmKeywordDetailHost .tbd-panel-close{width:40px;height:40px;border:1px solid #d7deeb;border-radius:11px;background:#fff;color:#475569;font-size:22px;cursor:pointer;flex:0 0 auto}
#lmKeywordDetailHost .tbd-source{padding:10px 14px;background:#fff;border-bottom:1px solid #e5eaf2}#lmKeywordDetailHost .tbd-source b{display:block;margin-bottom:4px;color:#315398;font-size:11px}#lmKeywordDetailHost .tbd-source p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:#475569;font-size:11.5px;line-height:1.58}
#lmKeywordDetailHost .tbd-body{flex:1;min-height:0;overflow:auto;padding:13px 13px 30px}#lmKeywordDetailHost .tbd-result{min-height:160px;padding:14px;border:1px solid #dbe4f2;border-radius:13px;background:#fff;color:#334155;font-size:12.5px;line-height:1.72;word-break:keep-all}#lmKeywordDetailHost .tbd-result h3{margin:0 0 9px;color:#1e3a70;font-size:15px}#lmKeywordDetailHost .tbd-result h4{margin:13px 0 5px;color:#274c88;font-size:13px}#lmKeywordDetailHost .tbd-result p{margin:7px 0}#lmKeywordDetailHost .tbd-result ul,#lmKeywordDetailHost .tbd-result ol{margin:7px 0;padding-left:20px}#lmKeywordDetailHost .tbd-result blockquote{margin:10px 0;padding:9px 11px;border-left:3px solid #4f7ce5;border-radius:0 8px 8px 0;background:#eef3ff;color:#274c88}
#lmKeywordDetailHost .tbd-loading{display:flex;align-items:center;gap:9px;color:#64748b;font-weight:750}#lmKeywordDetailHost .tbd-spinner{width:18px;height:18px;border:2px solid #dbe7ff;border-top-color:#2563eb;border-radius:50%;animation:tbdSpin .8s linear infinite}@keyframes tbdSpin{to{transform:rotate(360deg)}}
#lmKeywordDetailHost .tbd-guided-intake{display:flex;flex-direction:column;gap:12px}#lmKeywordDetailHost .tbd-intake-lead{display:flex;gap:10px;align-items:flex-start;padding:2px 1px 4px}#lmKeywordDetailHost .tbd-intake-lead>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#2563eb;color:#fff;font-weight:900}#lmKeywordDetailHost .tbd-intake-lead b{display:block;color:#172554;font-size:15px}#lmKeywordDetailHost .tbd-intake-lead p{margin:3px 0 0;color:#64748b;font-size:10.5px;line-height:1.5}
#lmKeywordDetailHost .tbd-intake-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#lmKeywordDetailHost .tbd-intake-options button{min-height:58px;padding:9px 10px;border:1px solid #d8e2f0;border-radius:11px;background:#fff;color:#334155;text-align:left;cursor:pointer;transition:border-color .14s,background .14s,box-shadow .14s}#lmKeywordDetailHost .tbd-intake-options button:hover,#lmKeywordDetailHost .tbd-intake-options button:focus-visible{border-color:#8aabed;background:#f6f9ff;outline:none}#lmKeywordDetailHost .tbd-intake-options button.on{border-color:#2563eb;background:#edf4ff;box-shadow:inset 0 0 0 1px rgba(37,99,235,.1)}#lmKeywordDetailHost .tbd-intake-options b{display:block;color:#1e3a70;font-size:11.5px}#lmKeywordDetailHost .tbd-intake-options small{display:block;margin-top:3px;color:#718096;font-size:9.5px}
#lmKeywordDetailHost .tbd-intake-question>span{display:block;margin-bottom:6px;color:#315398;font-size:11px;font-weight:900}#lmKeywordDetailHost .tbd-intake-question textarea{box-sizing:border-box;width:100%;min-height:96px;resize:vertical;padding:10px 11px;border:1px solid #cbd7e8;border-radius:11px;background:#fbfdff;color:#24324a;font:750 12px/1.6 inherit;outline:0}#lmKeywordDetailHost .tbd-intake-question textarea:focus{border-color:#6792ea;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}#lmKeywordDetailHost .tbd-intake-question>small{display:block;margin-top:4px;color:#8491a5;font-size:9px;text-align:right}
#lmKeywordDetailHost .tbd-intake-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px dashed #c3d2e9;border-radius:11px;background:#f8faff}#lmKeywordDetailHost .tbd-intake-selection>div{min-width:0}#lmKeywordDetailHost .tbd-intake-selection b{display:block;color:#315398;font-size:10.5px}#lmKeywordDetailHost .tbd-intake-selection small{display:block;margin-top:2px;color:#718096;font-size:9px}#lmKeywordDetailHost .tbd-intake-selection button{flex:0 0 auto;min-height:31px;padding:6px 9px;border:1px solid #a9bee5;border-radius:8px;background:#fff;color:#315398;font:850 9.5px/1.2 inherit;cursor:pointer}
#lmKeywordDetailHost .tbd-intake-quote{position:relative;padding:9px 34px 9px 10px;border-left:3px solid #2563eb;border-radius:4px 10px 10px 4px;background:#eef4ff}#lmKeywordDetailHost .tbd-intake-quote>span{display:block;color:#2563eb;font-size:9px;font-weight:900}#lmKeywordDetailHost .tbd-intake-quote p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:3px 0 0;color:#334155;font-size:10.5px;line-height:1.55}#lmKeywordDetailHost .tbd-intake-quote button{position:absolute;right:6px;top:6px;width:24px;height:24px;border:0;border-radius:7px;background:rgba(255,255,255,.8);color:#64748b;cursor:pointer}#lmKeywordDetailHost .tbd-intake-error{min-height:16px;margin:-5px 0!important;color:#c2414f!important;font-size:9.5px!important;font-weight:800}#lmKeywordDetailHost .tbd-intake-start{min-height:44px;border:0;border-radius:11px;background:#2563eb;color:#fff;font:900 12px/1.2 inherit;box-shadow:0 8px 18px rgba(37,99,235,.22);cursor:pointer}#lmKeywordDetailHost .tbd-intake-start:disabled{background:#aebbd0;box-shadow:none;cursor:not-allowed}#lmKeywordDetailHost .tbd-intake-start span{margin-right:5px}#lmKeywordDetailHost .tbd-intake-foot{margin:-3px 2px 0!important;color:#718096!important;font-size:9.5px!important;line-height:1.5!important;text-align:center}
#lmKeywordDetailHost .tbd-result.tbd-result-guided{padding:0;border:0;background:transparent;line-height:1.5}
#lmKeywordDetailHost .tbd-guided{overflow:hidden;border:1px solid #cbdaf5;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(37,99,235,.08)}
#lmKeywordDetailHost .tbd-guided-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px 10px;border-bottom:1px solid #e5ebf5;background:linear-gradient(180deg,#fff,#f8faff)}#lmKeywordDetailHost .tbd-guided-top>div:first-child{min-width:0}#lmKeywordDetailHost .tbd-guided-top small{display:block;color:#2563eb;font-size:9.5px;font-weight:900}#lmKeywordDetailHost .tbd-guided-top b{display:block;margin-top:2px;color:#172554;font-size:12.5px;line-height:1.35}#lmKeywordDetailHost .tbd-guided-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;flex-wrap:wrap}#lmKeywordDetailHost .tbd-guided-head-tools>span{padding:5px 8px;border-radius:999px;background:#edf3ff;color:#2563eb;font-size:9.5px;font-weight:900}#lmKeywordDetailHost .tbd-board-toggle,#lmKeywordDetailHost .tbd-voice-toggle{min-height:29px;padding:5px 8px;border:1px solid #c8d7ed;border-radius:999px;background:#fff;color:#64748b;font:850 9px/1.1 inherit;cursor:pointer;white-space:nowrap}#lmKeywordDetailHost .tbd-board-toggle.on{border-color:#8faff0;background:#eaf2ff;color:#1d4ed8}#lmKeywordDetailHost .tbd-voice-toggle.on{border-color:#86c9ad;background:#effbf5;color:#137a50}#lmKeywordDetailHost .tbd-voice-toggle:not(.on){border-color:#cbd5e1;background:#f8fafc;color:#64748b}
#lmKeywordDetailHost .tbd-live-presence{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 11px;border-bottom:1px solid #dbe5f4;background:#f4f8ff;color:#315398}#lmKeywordDetailHost .tbd-live-presence .tbd-live-orb{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.14)}#lmKeywordDetailHost .tbd-live-presence b{font-size:9.8px;line-height:1.35}#lmKeywordDetailHost .tbd-live-presence button{min-height:29px;padding:5px 8px;border:1px solid #b9c9e7;border-radius:999px;background:#fff;color:#3d5f9d;font:850 9px/1.1 inherit;cursor:pointer;white-space:nowrap}#lmKeywordDetailHost .tbd-live-presence[data-state="connecting"] .tbd-live-orb{background:#f59e0b;animation:tbdLivePulse .8s infinite}#lmKeywordDetailHost .tbd-live-presence[data-state="connected"] .tbd-live-orb,#lmKeywordDetailHost .tbd-live-presence[data-state="speaking"] .tbd-live-orb{background:#22a06b;animation:tbdLivePulse 1.15s infinite}#lmKeywordDetailHost .tbd-live-presence[data-state="listening"]{background:#fff4f5;color:#b42338}#lmKeywordDetailHost .tbd-live-presence[data-state="listening"] .tbd-live-orb{background:#e5484d;animation:tbdLivePulse .55s infinite}#lmKeywordDetailHost .tbd-live-presence button.on{border-color:#ef8c99;background:#fff1f3;color:#b42338}@keyframes tbdLivePulse{50%{box-shadow:0 0 0 7px rgba(37,99,235,.1);transform:scale(.88)}}
#lmKeywordDetailHost .tbd-typed-question-only{padding:5px 8px;border:1px solid #c8d8f2;border-radius:999px;background:#fff;color:#45689f;font:850 8.8px/1.1 inherit;white-space:nowrap}
#lmKeywordDetailHost .tbd-prepare-progress{position:relative;display:flex;align-items:center;gap:8px;overflow:hidden;padding:9px 12px;border-bottom:1px solid #dce6f5;background:#eef5ff;color:#315398;font:850 10px/1.3 inherit}#lmKeywordDetailHost .tbd-prepare-progress[hidden]{display:none}#lmKeywordDetailHost .tbd-prepare-progress:before{content:"";width:14px;height:14px;flex:0 0 auto;border:2px solid #b9cdf5;border-top-color:#2563eb;border-radius:50%;animation:tbdPrepareSpin .75s linear infinite}#lmKeywordDetailHost .tbd-prepare-progress>i{position:absolute;left:-36%;bottom:0;width:36%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#2563eb,#76a0f7,transparent);animation:tbdPrepareMove 1.15s ease-in-out infinite}#lmKeywordDetailHost .tbd-prepare-progress>span{position:relative;z-index:1}@keyframes tbdPrepareSpin{to{transform:rotate(360deg)}}@keyframes tbdPrepareMove{to{left:100%}}
#lmKeywordDetailHost .tbd-board{max-height:min(48vh,430px);overflow:auto;padding:11px;background:linear-gradient(180deg,#fff,#fbfcff);cursor:pointer;outline:none}#lmKeywordDetailHost .tbd-board:focus-visible{box-shadow:inset 0 0 0 3px rgba(37,99,235,.18)}
#lmKeywordDetailHost .tbd-guided.board-hidden .tbd-board{display:none}#lmKeywordDetailHost .tbd-question-turn{margin:10px 0 2px;padding:11px;border:1px solid #a9c1f2;border-radius:12px;background:linear-gradient(180deg,#f3f7ff,#fff);cursor:default}#lmKeywordDetailHost .tbd-question-turn small{display:block;color:#2563eb;font-size:9px;font-weight:900}#lmKeywordDetailHost .tbd-question-turn b{display:block;margin-top:3px;color:#1e3a8a;font-size:11px;line-height:1.45}#lmKeywordDetailHost .tbd-question-turn p{margin:7px 0 0;color:#26364f;font-size:11.5px;line-height:1.65;word-break:keep-all}
#lmKeywordDetailHost .tbd-cue{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:flex-start;margin:0 0 7px;padding:9px 10px;border:1px solid #e4e9f2;border-radius:11px;background:#fff;transition:border-color .2s,background .2s,opacity .2s,transform .2s}#lmKeywordDetailHost .tbd-cue:last-child{margin-bottom:0}#lmKeywordDetailHost .tbd-cue>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf2fb;color:#708098;font-size:10.5px;font-weight:900}#lmKeywordDetailHost .tbd-cue small{display:block;margin-bottom:2px;color:#718096;font-size:9px;font-weight:900}#lmKeywordDetailHost .tbd-cue p{margin:0;color:#334155;font-size:12.5px;line-height:1.62;word-break:keep-all;white-space:pre-line}#lmKeywordDetailHost .tbd-cue.future{opacity:.44}#lmKeywordDetailHost .tbd-cue.past{opacity:.74;background:#fafbfe}#lmKeywordDetailHost .tbd-cue.current{border-color:#7ea6f7;background:#f2f6ff;box-shadow:0 6px 18px rgba(37,99,235,.12);transform:translateY(-1px)}#lmKeywordDetailHost .tbd-cue.current>span{background:#2563eb;color:#fff}#lmKeywordDetailHost .tbd-cue.current small,#lmKeywordDetailHost .tbd-cue.current p{color:#1d4ed8}#lmKeywordDetailHost .tbd-cue.current:after{content:"";position:absolute;left:45px;right:12px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#2563eb 0,#7ea6f7 68%,transparent 100%);animation:tbdWrite 1.8s ease-in-out infinite}@keyframes tbdWrite{0%{transform:scaleX(.15);transform-origin:left;opacity:.35}55%{transform:scaleX(1);transform-origin:left;opacity:.85}100%{transform:scaleX(1);opacity:0}}
#lmKeywordDetailHost .tbd-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 12px;border-top:1px solid #e2e9f5;background:#f8faff}#lmKeywordDetailHost .tbd-play{width:42px;height:42px;border:0;border-radius:50%;background:#2563eb;color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.25);font:900 15px/1 inherit;cursor:pointer}#lmKeywordDetailHost .tbd-play:disabled{background:#aebbd0;box-shadow:none;cursor:wait}#lmKeywordDetailHost .tbd-play.is-loading{animation:tbdPlayWaiting 1s ease-in-out infinite}@keyframes tbdPlayWaiting{50%{transform:scale(.92);opacity:.68}}#lmKeywordDetailHost .tbd-audio-track{min-width:0}#lmKeywordDetailHost .tbd-wave{--tbd-progress:0%;position:relative;height:19px;display:flex;align-items:center;gap:2px;overflow:hidden}#lmKeywordDetailHost .tbd-wave:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--tbd-progress);background:rgba(37,99,235,.15);border-right:1px solid #2563eb;pointer-events:none}#lmKeywordDetailHost .tbd-wave i{width:3px;border-radius:3px;background:#84a7ee}#lmKeywordDetailHost .tbd-wave i:nth-child(3n+1){height:7px}#lmKeywordDetailHost .tbd-wave i:nth-child(3n+2){height:15px}#lmKeywordDetailHost .tbd-wave i:nth-child(3n){height:11px}#lmKeywordDetailHost .tbd-player-meta{display:flex;justify-content:space-between;gap:8px;margin-top:2px;color:#718096;font-size:8.8px;font-weight:750}#lmKeywordDetailHost .tbd-player-meta span:first-child{color:#315398;font-variant-numeric:tabular-nums}#lmKeywordDetailHost .tbd-player select{height:31px;border:1px solid #d6dfec;border-radius:8px;background:#fff;color:#334155;font:850 10px inherit}
#lmKeywordDetailHost .tbd-live-question{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 11px;border-top:1px solid #e8edf5;background:#fff}#lmKeywordDetailHost .tbd-live-question input{min-width:0;height:34px;box-sizing:border-box;padding:0 10px;border:1px solid #cfd9e8;border-radius:9px;background:#fbfdff;color:#273247;font:750 10.5px/1 inherit;outline:0}#lmKeywordDetailHost .tbd-live-question input:focus{border-color:#6f99ef;box-shadow:0 0 0 3px rgba(37,99,235,.1)}#lmKeywordDetailHost .tbd-live-question button{min-width:48px;border:0;border-radius:9px;background:#2563eb;color:#fff;font:850 10px/1 inherit;cursor:pointer}
#lmKeywordDetailHost .tbd-player-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px 11px 10px;border-top:1px solid #edf1f7;background:#fff}#lmKeywordDetailHost .tbd-player-tools button{min-height:32px;padding:6px;border:1px solid #d8e1ef;border-radius:8px;background:#fff;color:#3d5f9d;font:850 10px/1.25 inherit;cursor:pointer}#lmKeywordDetailHost .tbd-player-tools button:hover{border-color:#87a7e8;background:#f3f7ff}
#lmKeywordDetailHost .tbd-player-tools .tbd-surface-ink{grid-column:1/-1;color:#64748b;background:#f8fafc}#lmKeywordDetailHost .tbd-player-tools .tbd-surface-ink.on{border-color:#94b4f4;background:#edf4ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
#lmKeywordDetailHost .tbd-guided-note{margin:0!important;padding:0 12px 11px;color:#718096!important;font-size:9.5px!important;line-height:1.45!important;background:#fff}

/* 직접 설명의 판서는 학생 잉크와 분리된 읽기 전용 레이어에 그린다. */
.lm-teacher-ink-overlay{position:absolute;inset:0;z-index:48;overflow:hidden;pointer-events:none;font-family:"Nanum Pen Script","Gaegu","Noto Sans KR",sans-serif;contain:layout paint}.lm-teacher-ink-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.lm-teacher-focus{fill:rgba(255,235,95,.17);stroke:rgba(37,99,235,.58);stroke-width:2;stroke-dasharray:8 6}.lm-teacher-underline,.lm-teacher-arrow{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(37,99,235,.18))}.lm-teacher-arrow{stroke-width:3;stroke-dasharray:9 7}.lm-teacher-pointer{fill:rgba(37,99,235,.16);stroke:#2563eb;stroke-width:3}.lm-teacher-ink-note{position:absolute;box-sizing:border-box;padding:11px 14px 12px;border:2px solid rgba(37,99,235,.78);border-radius:15px 15px 15px 4px;background:rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(15,23,42,.18);backdrop-filter:blur(6px);transform:rotate(-.5deg)}.lm-teacher-ink-note>span{display:block;margin-bottom:5px;color:#2563eb;font:900 11px/1.25 "Noto Sans KR",sans-serif}.lm-teacher-ink-note>strong{display:block;color:#172554;font:700 20px/1.45 "Nanum Pen Script","Gaegu","Noto Sans KR",sans-serif;white-space:pre-line;word-break:keep-all}.lm-teacher-ink-note>small{display:block;margin-top:6px;color:#718096;font:750 9px/1.3 "Noto Sans KR",sans-serif}.lm-teacher-ink-overlay.target-problem .lm-teacher-focus{fill:rgba(255,225,225,.2);stroke:#e5484d}.lm-teacher-ink-overlay.target-problem .lm-teacher-underline,.lm-teacher-ink-overlay.target-problem .lm-teacher-arrow{stroke:#e5484d}.lm-teacher-ink-overlay.target-problem .lm-teacher-pointer{stroke:#e5484d;fill:rgba(229,72,77,.14)}.lm-teacher-ink-overlay.target-handwriting .lm-teacher-focus{fill:rgba(237,244,255,.2);stroke:#8b5cf6}.lm-teacher-ink-overlay.target-handwriting .lm-teacher-underline,.lm-teacher-ink-overlay.target-handwriting .lm-teacher-arrow{stroke:#8b5cf6}.lm-teacher-ink-overlay.target-handwriting .lm-teacher-pointer{stroke:#8b5cf6;fill:rgba(139,92,246,.14)}.lm-teacher-ink-overlay.is-writing .lm-teacher-underline,.lm-teacher-ink-overlay.is-writing .lm-teacher-arrow{stroke-dasharray:900;stroke-dashoffset:900;animation:lmTeacherWrite 1.45s ease forwards}.lm-teacher-ink-overlay.is-writing .lm-teacher-pointer{animation:lmTeacherPoint 1.1s ease-in-out infinite}.lm-teacher-ink-overlay.is-writing .lm-teacher-ink-note{animation:lmTeacherNoteIn .35s ease both}@keyframes lmTeacherWrite{to{stroke-dashoffset:0}}@keyframes lmTeacherPoint{50%{r:12;opacity:.55}}@keyframes lmTeacherNoteIn{from{opacity:0;transform:translateY(8px) rotate(-.5deg)}to{opacity:1;transform:translateY(0) rotate(-.5deg)}}@media(max-width:760px){.lm-teacher-ink-note{padding:9px 11px}.lm-teacher-ink-note>strong{font-size:17px}.lm-teacher-ink-note>small{display:none}}
.lm-teacher-live-canvas{display:block;max-width:100%;height:92px}.lm-teacher-ink-note>.lm-teacher-live-canvas+small{margin-top:4px}@media(max-width:760px){.lm-teacher-live-canvas{height:82px}}
.lm-teacher-ink-overlay.lm-teacher-ink-viewport{position:fixed;inset:0;z-index:2147483350;width:100vw;height:100vh}
.lm-teacher-inline-ink{position:absolute;box-sizing:border-box;min-height:118px;padding:3px 7px 6px;background:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.96))}.lm-teacher-inline-ink>span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(37,99,235,.32);color:#1455d9;font:900 9px/1 "Noto Sans KR",sans-serif;box-shadow:0 3px 9px rgba(15,23,42,.08)}.lm-teacher-inline-ink>small{display:block;margin:-2px 0 0 4px;color:#315398;font:800 9px/1.3 "Noto Sans KR",sans-serif;text-shadow:0 1px 0 #fff}.lm-teacher-inline-ink .lm-teacher-live-canvas{width:100%;height:98px}.lm-teacher-pen-tip{position:absolute;left:8px;top:42px;width:18px;height:5px;border-radius:7px 6px 2px 7px;background:linear-gradient(90deg,var(--teacher-ink,#0d47b9) 0 72%,#d8e7ff 73% 88%,#284a88 89%);box-shadow:0 2px 5px rgba(15,23,42,.22);transform:translate(-2px,-50%) rotate(-32deg);transform-origin:left center;transition:left .07s linear,top .07s linear}.lm-teacher-pen-tip:after{content:"";position:absolute;right:-5px;top:1px;border-left:6px solid var(--teacher-ink,#1e315d);border-top:1.5px solid transparent;border-bottom:1.5px solid transparent}.lm-teacher-ink-overlay.is-writing .lm-teacher-inline-ink{animation:lmTeacherInkIn .2s ease both}@keyframes lmTeacherInkIn{from{opacity:.55}to{opacity:1}}
.lm-teacher-generated-visual{position:absolute;overflow:visible;fill:none;stroke:#1455d9;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #fff)}.lm-teacher-generated-visual path,.lm-teacher-generated-visual circle{stroke-dasharray:420;stroke-dashoffset:var(--draw-offset);transition:stroke-dashoffset .12s linear}.lm-teacher-generated-visual .major{stroke:#e5484d;stroke-width:3.25}.lm-teacher-generated-visual .freehand{stroke-width:2.55}.lm-teacher-generated-visual .freehand-echo{stroke:#e5484d;stroke-width:1.15;opacity:.28}.lm-teacher-generated-visual .freehand-dot{fill:rgba(229,72,77,.12);stroke:#e5484d;stroke-width:1.9}.lm-teacher-generated-visual .guide{stroke:#7c3aed;stroke-width:1.85;stroke-dasharray:8 5}.lm-teacher-generated-visual text{fill:#1455d9;stroke:none;font:400 17px/1 "SN Handwriting","Nanum Pen Script",cursive}.lm-teacher-ink-overlay.is-writing .lm-teacher-generated-visual{animation:lmTeacherVisualIn .32s ease both}@keyframes lmTeacherVisualIn{from{opacity:.15;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.lm-teacher-workspace-row.has-sketch{overflow:hidden}.lm-teacher-workspace-row.has-sketch>small,.lm-teacher-workspace-row.has-sketch.is-sketching>.lm-teacher-pen-tip{display:none}.lm-teacher-sketch-board{position:absolute;left:8px;right:8px;top:112px;height:99px;box-sizing:border-box;overflow:hidden;border-top:1px dashed rgba(37,99,235,.28);background:linear-gradient(180deg,rgba(239,246,255,.34),rgba(255,255,255,0))}.lm-teacher-sketch-board>span{position:absolute;right:7px;top:5px;color:var(--teacher-ink,#1455d9);font:400 14px/1 "SN Handwriting","Nanum Pen Script",cursive}.lm-teacher-sketch-board>.lm-teacher-generated-visual{left:8px!important;top:9px!important;width:210px!important;height:86px!important;max-width:58%!important}.lm-teacher-generated-visual [data-stroke-order]{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset .07s linear}.lm-teacher-generated-visual text{transition:opacity .12s ease}
.math-workspace.lm-teacher-workspace-expanded{overflow:visible;transition:min-height .36s ease}.lm-teacher-workspace-board{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:visible}.lm-teacher-workspace-row{position:absolute;left:14px;right:14px;height:116px;padding:1px 7px 4px;box-sizing:border-box;border-bottom:1px solid color-mix(in srgb,var(--teacher-accent,#2563eb) 22%,transparent);background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0));filter:drop-shadow(0 1px 0 rgba(255,255,255,.95))}.lm-teacher-workspace-row>span{display:inline-flex;height:19px;align-items:center;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid color-mix(in srgb,var(--teacher-accent,#2563eb) 30%,transparent);color:var(--teacher-ink,#1455d9);font:900 8.5px/1 "Noto Sans KR",sans-serif}.lm-teacher-workspace-row>small{position:absolute;left:10px;bottom:1px;color:var(--teacher-ink,#5a70a6);font:800 8.5px/1 "Noto Sans KR",sans-serif}.lm-teacher-workspace-row .lm-teacher-live-canvas{display:block;width:100%;height:94px}.lm-teacher-workspace-row .lm-teacher-generated-visual{top:14px!important}.lm-teacher-workspace-row.complete .lm-teacher-pen-tip,.lm-teacher-workspace-row.complete>small{display:none}.lm-teacher-workspace-row.complete{opacity:.94}
.lm-teacher-anchor-layer{position:absolute;inset:0;z-index:8;overflow:visible;pointer-events:none;contain:layout style}.lm-teacher-anchor-mark{position:absolute;box-sizing:border-box;filter:drop-shadow(0 1px 0 rgba(255,255,255,.96));opacity:.98}.lm-teacher-anchor-mark svg{display:block;width:100%;height:calc(100% - 19px);overflow:visible;fill:none;stroke:var(--teacher-ink,#2563eb);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.lm-teacher-anchor-mark svg path,.lm-teacher-anchor-mark svg circle{stroke-dasharray:240;stroke-dashoffset:var(--mark-offset,240);transition:stroke-dashoffset .08s linear}.lm-teacher-anchor-mark svg .echo{stroke-width:1.25;opacity:.32}.lm-teacher-anchor-mark svg .arrowhead{stroke-width:2.7}.lm-teacher-anchor-mark svg circle{fill:var(--teacher-pale,rgba(37,99,235,.14));stroke-width:2}.lm-teacher-anchor-mark.mark-highlight{z-index:-1;filter:none;mix-blend-mode:multiply}.lm-teacher-anchor-mark.mark-highlight svg{height:calc(100% - 15px);stroke:var(--teacher-ink,#f08c00)}.lm-teacher-anchor-mark.mark-highlight svg .marker{stroke-width:15;opacity:.3}.lm-teacher-anchor-mark.mark-highlight svg .marker.echo{stroke-width:9;opacity:.16}.lm-teacher-anchor-mark.mark-highlight>span{top:calc(100% - 18px);background:rgba(255,255,255,.82)}.lm-teacher-anchor-mark>span{position:absolute;left:8px;top:calc(100% - 20px);max-width:calc(100% - 12px);padding:3px 7px;border:1px solid color-mix(in srgb,var(--teacher-ink,#2563eb) 34%,white);border-radius:999px;background:rgba(255,255,255,.91);color:var(--teacher-ink,#2563eb);font:900 8px/1 "Noto Sans KR",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 7px rgba(15,23,42,.08)}.lm-teacher-anchor-mark.mark-continue>span{left:42px;top:47px}.lm-teacher-anchor-mark.color-key svg{stroke-width:3.6}.lm-teacher-anchor-mark.color-error svg{stroke-width:3.7}.lm-teacher-anchor-mark.complete{opacity:.91}@media(max-width:760px){.lm-teacher-anchor-mark>span{font-size:7.5px}}
#lmKeywordDetailHost .tbd-check{margin-top:12px;padding:12px;border:1px solid #cfdcf3;border-radius:11px;background:#f5f8ff}#lmKeywordDetailHost .tbd-check label{display:block;margin-bottom:6px;color:#315398;font-size:11.5px;font-weight:850}#lmKeywordDetailHost .tbd-check textarea{box-sizing:border-box;width:100%;min-height:82px;resize:vertical;border:1px solid #cbd5e1;border-radius:9px;padding:9px;font:12px/1.55 inherit;color:#1f2937;background:#fff}#lmKeywordDetailHost .tbd-check button{margin-top:7px;padding:8px 11px;border:0;border-radius:8px;background:#2563eb;color:#fff;font:800 11.5px/1.2 inherit;cursor:pointer}
#lmKeywordDetailHost .tbd-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px;padding:10px 12px 12px;background:#fff;border-top:1px solid #dbe4f2}#lmKeywordDetailHost .tbd-actions button{min-height:38px;padding:7px;border:1px solid #d6dfec;border-radius:9px;background:#fff;color:#475569;font:800 11px/1.3 inherit;cursor:pointer}#lmKeywordDetailHost .tbd-actions button:first-child{background:#2563eb;border-color:#2563eb;color:#fff}
#lmKeywordDetailHost .tbd-panel-guided>.tbd-actions .tbd-intake-start{grid-column:1/3;min-height:46px;border:0;border-radius:11px;background:#2563eb;color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.22);font-weight:900}#lmKeywordDetailHost .tbd-panel-guided>.tbd-actions .tbd-intake-start:disabled{background:#aebbd0;border-color:#aebbd0;box-shadow:none;color:#fff;cursor:not-allowed}
@media(max-width:640px){.tbd-menu-popover{width:min(356px,calc(100vw - 14px))}#lmKeywordDetailHost .tbd-guided-top{align-items:flex-start;flex-direction:column}#lmKeywordDetailHost .tbd-guided-head-tools{justify-content:flex-start;width:100%}#lmKeywordDetailHost .tbd-guided-head-tools>span{margin-left:auto}#lmKeywordDetailHost .tbd-actions{grid-template-columns:1fr 1fr}#lmKeywordDetailHost .tbd-actions button:first-child{grid-column:1/-1}#lmKeywordDetailHost .tbd-actions button[hidden]+button[hidden]+button{grid-column:1/-1}#lmKeywordDetailHost .tbd-saved{display:none}#lmKeywordDetailHost .tbd-body{padding:9px 8px 22px}#lmKeywordDetailHost .tbd-intake-options{grid-template-columns:1fr 1fr}#lmKeywordDetailHost .tbd-intake-selection{align-items:flex-start;flex-direction:column}#lmKeywordDetailHost .tbd-board{max-height:44vh;padding:8px}#lmKeywordDetailHost .tbd-player{grid-template-columns:42px minmax(0,1fr);padding:9px}#lmKeywordDetailHost .tbd-player select{grid-column:1/-1;width:100%}#lmKeywordDetailHost .tbd-player-meta span:last-child{display:none}}

/* 형광펜은 문제 글자 위에서 반투명하게 섞이고, 카드 배경 뒤로 숨지 않는다. */
.lm-teacher-anchor-mark.mark-highlight{z-index:auto}

/* 교재 영역이 좁을 때 단원 표지와 학습 도구를 두 줄로 분리해 버튼이 잘리지 않게 한다. */
.book-card{container-type:inline-size}
@container (max-width:980px){
  .app:not(.js-course) .book-head{flex-wrap:wrap!important;column-gap:8px!important;row-gap:8px!important}
  .app:not(.js-course) .book-head::after{content:"";flex:0 0 100%;width:0;height:0;order:1}
  .app:not(.js-course) .book-head #bookCourse,
  .app:not(.js-course) .book-head .book-chip.amber,
  .app:not(.js-course) .book-head #bookTitle{order:0}
  .app:not(.js-course) .book-head #lmSelBtn,
  .app:not(.js-course) .book-head #lmRegionTag,
  .app:not(.js-course) .book-head #ovReopen,
  .app:not(.js-course) .book-head #lmMindmapBtn,
  .app:not(.js-course) .book-head #lmSocratesBtn,
  .app:not(.js-course) .book-head #lmBlankRecallBtn,
  .app:not(.js-course) .book-head #mathOneshotHeadBtn,
  .app:not(.js-course) .book-head #historyOneshotHeadBtn,
  .app:not(.js-course) .book-head #lmFontZoom,
  .app:not(.js-course) .book-head #writeToggle,
  .app:not(.js-course) .book-head #camBtn,
  .app:not(.js-course) .book-head #camExit{order:2}
  .app:not(.js-course) .book-head #lmFontZoom,
  .app:not(.js-course) .book-head #writeToggle,
  .app:not(.js-course) .book-head #camBtn,
  .app:not(.js-course) .book-head #camExit{margin-right:0!important}
}


/* Classroom board controls: the board stays readable while the source text remains visible. */
#lmKeywordDetailHost .tbd-classroom-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 11px;border-top:1px solid #e4eaf3;border-bottom:1px solid #e4eaf3;background:#f8fbff}
#lmKeywordDetailHost .tbd-classroom-controls label{display:grid;gap:4px;min-width:0}
#lmKeywordDetailHost .tbd-classroom-controls label span{font-size:9px;font-weight:900;color:#64748b}
#lmKeywordDetailHost .tbd-classroom-controls select{width:100%;height:30px;padding:0 6px;border:1px solid #cfd9e8;border-radius:8px;background:#fff;color:#253858;font:800 10px inherit}
#lmKeywordDetailHost .tbd-guided[data-board-theme="green"] .tbd-board{background:linear-gradient(145deg,#174d43,#0f3b35);border-color:#2b6e61;box-shadow:inset 0 0 0 7px rgba(255,255,255,.025),inset 0 0 40px rgba(0,0,0,.15)}
#lmKeywordDetailHost .tbd-guided[data-board-theme="green"] .tbd-cue{background:rgba(255,255,255,.08);border-color:rgba(220,255,242,.22);color:#f4fff9}
#lmKeywordDetailHost .tbd-guided[data-board-theme="green"] .tbd-cue p,#lmKeywordDetailHost .tbd-guided[data-board-theme="green"] .tbd-cue small{color:#e3fff2}
#lmKeywordDetailHost .tbd-guided[data-board-theme="green"] .tbd-cue>span{background:#3f806e;color:#fff}
#lmKeywordDetailHost .tbd-guided[data-board-theme="digital"] .tbd-board{background:radial-gradient(circle at 20% 0,#203b68,#0b1224 72%);border-color:#37558b;box-shadow:inset 0 0 0 1px #5f83c1,inset 0 0 55px rgba(67,125,255,.2)}
#lmKeywordDetailHost .tbd-guided[data-board-theme="digital"] .tbd-cue{background:rgba(255,255,255,.1);border-color:rgba(165,199,255,.3)}
#lmKeywordDetailHost .tbd-guided[data-board-theme="digital"] .tbd-cue p,#lmKeywordDetailHost .tbd-guided[data-board-theme="digital"] .tbd-cue small{color:#e8f1ff}
#lmKeywordDetailHost .tbd-guided[data-board-theme="digital"] .tbd-cue>span{background:#3768c4;color:#fff}
#lmKeywordDetailHost .tbd-guided[data-board-theme="white"] .tbd-board{background:linear-gradient(180deg,#fff,#f8fafc)}
#lmKeywordDetailHost .tbd-guided[data-writing-tool="chalk"] .lm-teacher-generated-visual{filter:drop-shadow(0 0 1px rgba(255,255,255,.9));stroke:#f7faf8}
#lmKeywordDetailHost .tbd-guided[data-writing-tool="chalk"] .lm-teacher-ink-note{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55);color:#fff}
#lmKeywordDetailHost .tbd-guided[data-writing-tool="pen"] .lm-teacher-generated-visual{stroke:#1559c7}
#lmKeywordDetailHost .tbd-guided[data-writing-tool="marker"] .lm-teacher-generated-visual{stroke:#f08c00;filter:drop-shadow(0 0 2px rgba(240,140,0,.32))}
#lmKeywordDetailHost .tbd-guided[data-explanation-length="short"] .tbd-cue p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#lmKeywordDetailHost .tbd-guided[data-explanation-length="detailed"] .tbd-cue p{line-height:1.8}
@media(max-width:640px){#lmKeywordDetailHost .tbd-classroom-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}


.tbd-math-floating-note[data-board-theme="green"] .math-workspace{background:repeating-linear-gradient(rgba(20,75,64,.96) 0px,rgba(20,75,64,.96) 31px,rgba(101,183,157,.3) 32px)!important;color:#f3fff7}
.tbd-math-floating-note[data-board-theme="digital"] .math-workspace{background:radial-gradient(circle at 20% 0,#203b68,#0b1224 72%)!important;color:#eef5ff}
.tbd-math-floating-note[data-board-theme="white"] .math-workspace{background:repeating-linear-gradient(#fff 0px,#fff 31px,#e9eef7 32px)!important}
.tbd-math-floating-note[data-writing-tool="marker"] .lm-teacher-generated-visual{stroke:#f08c00!important;filter:drop-shadow(0 0 2px rgba(240,140,0,.34))}
.tbd-math-floating-note[data-writing-tool="chalk"] .lm-teacher-generated-visual{stroke:#f7faf8!important}
@media(max-width:720px){.tbd-math-floating-note{width:calc(100vw - 16px)!important;height:calc(100dvh - 24px)!important;left:8px!important;top:8px!important}.tbd-math-floating-note .tbd-note-columns{flex-wrap:wrap}.tbd-math-floating-note .tbd-note-columns>[data-note-paper]{flex-basis:100%}.tbd-math-floating-note .tbd-note-columns>[data-note-controls]{flex-basis:100%;border-left:0;border-top:1px solid #e2e8f0}}

/* The question and the teacher board share handwriting tools, not their strokes. */
.tbd-source-ink-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 24px 10px;flex:none}
.tbd-source-ink-tools button{min-height:34px;padding:6px 10px;border:1px solid #d5dfef;border-radius:9px;background:#fff;color:#34445c;font:600 12px/1.4 Arial,'Noto Sans KR',sans-serif;cursor:pointer}
.tbd-source-ink-tools button[aria-pressed=true]{color:#1761ed;border-color:#5187ff;background:#f0f6ff}
.tbd-source-ink-tools [data-source-ask]{margin-left:auto;color:#175bc1;background:#eef4ff}
.tbd-studio-source-ink{position:absolute;inset:0;width:100%;z-index:3;display:block;pointer-events:none;touch-action:auto}
.tbd-studio-source[data-note-mode=pen] .tbd-studio-source-ink,.tbd-studio-source[data-note-mode=marker] .tbd-studio-source-ink,.tbd-studio-source[data-note-mode=eraser] .tbd-studio-source-ink{pointer-events:auto;touch-action:none;cursor:crosshair}
.tbd-studio-source[data-note-mode=pen],.tbd-studio-source[data-note-mode=marker],.tbd-studio-source[data-note-mode=eraser]{user-select:none;-webkit-user-select:none}
.tbd-student-window [data-ink-attachment][hidden]{display:none!important}
@media(max-width:1050px){.tbd-source-ink-tools{padding:0 16px 8px}}
@media(max-width:700px){.tbd-source-ink-tools{padding:0 12px 6px;gap:4px}.tbd-source-ink-tools button{min-height:30px;padding:5px 7px;font-size:11px}.tbd-source-ink-tools [data-source-ask]{margin-left:0}}

/* Personal pen preferences do not alter the question or teacher-board tools. */
.tbd-student-window .tbd-pen-kinds{display:contents}
.tbd-student-window .tbd-pen-settings{margin:0 0 10px;border:1px solid #dce5f3;border-radius:10px;background:#f8faff}
.tbd-student-window .tbd-pen-settings summary{padding:9px 10px;cursor:pointer;color:#3c5271;font-size:12px;font-weight:700;min-height:36px}
.tbd-student-window .tbd-pen-current{float:right;display:inline-flex;align-items:center;gap:6px;color:#62728b;font-size:11px;font-weight:400}
.tbd-student-window .tbd-pen-current:before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--pen-swatch);border:1px solid #0002}
.tbd-student-window .tbd-pen-settings-body{padding:1px 10px 9px}
.tbd-student-window .tbd-pen-palette{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 8px}
.tbd-student-window .tbd-pen-palette button{position:relative;min-height:30px;width:30px;padding:0;border:2px solid transparent;background:transparent;border-radius:50%}
.tbd-student-window .tbd-pen-palette button:before{content:'';position:absolute;inset:3px;background:var(--pen-swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #0002}
.tbd-student-window .tbd-pen-palette button[aria-pressed=true]{border-color:#345178;background:#fff;box-shadow:0 0 0 2px #dbeafe}
.tbd-student-window .tbd-pen-custom{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:5px}
.tbd-student-window .tbd-pen-custom label{display:flex;align-items:center;gap:6px;color:#52657f;font-size:11px}
.tbd-student-window .tbd-pen-custom input[type=color]{width:34px;height:28px;padding:2px;border:1px solid #cbd9ed;border-radius:5px;background:#fff;cursor:pointer}
.tbd-student-window .tbd-pen-custom input[type=text]{width:82px;height:28px;padding:4px 7px;border:1px solid #cbd9ed;border-radius:5px;background:#fff;color:#263d5d;font:12px monospace}
.tbd-student-window .tbd-pen-custom input[aria-invalid=true]{border-color:#dc2626;outline-color:#dc2626}
.tbd-student-window .tbd-pen-slider{display:grid;grid-template-columns:53px minmax(70px,1fr) 43px;align-items:center;gap:8px;min-height:29px;color:#52657f;font-size:11px}
.tbd-student-window .tbd-pen-slider input{width:100%;margin:0;accent-color:#2666d9}
.tbd-student-window .tbd-pen-slider output{text-align:right;font-variant-numeric:tabular-nums}
.tbd-student-window .tbd-pen-preview{display:flex;align-items:center;gap:8px;margin-top:3px;color:#72829a;font-size:10px}
.tbd-student-window .tbd-pen-preview svg{flex:1;min-width:0;width:140px;height:40px;background:#fff;border-radius:6px}
.tbd-student-window .tbd-pen-preview button{min-height:28px;padding:4px 7px;font-size:10px;flex:none}
.tbd-student-window .tbd-pen-hint{margin:5px 0 0;color:#718098;font-size:10px}
.tbd-student-window .tbd-pen-settings :focus-visible{outline:2px solid #2563eb;outline-offset:2px}
@media(max-width:700px){.tbd-student-window[data-student-window=scratch] .tbd-student-pad-scroll{height:200px}.tbd-student-window .tbd-pen-settings-body{padding:0 8px 7px}.tbd-student-window .tbd-pen-palette{gap:5px}.tbd-student-window .tbd-student-pad-tools{gap:5px}.tbd-student-window .tbd-student-pad-tools button{padding:7px 8px;font-size:12px}}

/* Resizing the personal note grows its writing viewport, not the ink itself. */
.tbd-student-window[data-student-window=scratch][data-resizable=true]{box-sizing:border-box;height:min(720px,calc(100dvh - 32px));max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px)}
.tbd-student-window[data-student-window=scratch][data-resizable=true] [data-student-content]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto}
.tbd-student-window[data-student-window=scratch][data-resizable=true] .tbd-student-hint{flex:none}
.tbd-student-window[data-student-window=scratch][data-resizable=true] [data-scratch-pad]{display:flex;flex:1;flex-direction:column;min-height:200px;min-width:0}
.tbd-student-window[data-student-window=scratch][data-resizable=true] .tbd-student-pad-tools,.tbd-student-window[data-student-window=scratch][data-resizable=true] .tbd-pen-settings{flex:none}
.tbd-student-window[data-student-window=scratch][data-resizable=true] .tbd-student-pad-scroll{flex:1;height:auto;min-height:120px;min-width:0;touch-action:pan-x pan-y}
.tbd-student-window .tbd-scratch-resize-bar{display:flex;align-items:center;gap:5px;flex:none;min-height:30px;border-top:1px solid #dce5f3;background:#f4f8ff;padding:0 3px;color:#71829a;font-size:10px;user-select:none;-webkit-user-select:none}
.tbd-student-window .tbd-scratch-resize-bar>span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbd-student-window .tbd-scratch-resize-bar output{font-variant-numeric:tabular-nums}
.tbd-student-window .tbd-scratch-resize-bar [data-scratch-resize]{width:30px;min-width:30px;min-height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#5675a7;font-size:22px;line-height:1;touch-action:none}
.tbd-student-window .tbd-scratch-resize-bar [data-scratch-resize=sw]{cursor:nesw-resize}
.tbd-student-window .tbd-scratch-resize-bar [data-scratch-resize=se]{cursor:nwse-resize}
.tbd-student-window .tbd-scratch-resize-bar [data-scratch-size-reset]{min-height:24px;padding:2px 6px;font-size:10px;flex:none}
.tbd-student-window .tbd-scratch-resize-bar button:hover{background:#e1ecff}
.tbd-student-window .tbd-scratch-resize-bar button:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}
.tbd-student-window[data-resizing=true]{user-select:none;-webkit-user-select:none}
.tbd-student-window[data-student-window=scratch] [data-scratch-pad][data-note-mode=view] .tbd-studio-student-ink{pointer-events:none;touch-action:auto}
.tbd-student-window[data-student-window=scratch] [data-scratch-pad][data-note-mode=view] .tbd-student-pad-paper{touch-action:pan-x pan-y;cursor:grab}

/* Keep the full lesson exit distinct from folding the board or closing a scratch pad. */
#lmKeywordDetailHost.tbd-studio-host .tbd-panel-head>.tbd-panel-close[data-tbd-close]{position:fixed!important;top:calc(8px + env(safe-area-inset-top,0px))!important;right:calc(12px + env(safe-area-inset-right,0px))!important;left:auto!important;bottom:auto!important;z-index:150;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:100px!important;height:44px!important;min-height:44px!important;padding:0 16px!important;margin:0!important;border:1px solid #b91c1c!important;border-radius:11px!important;background:#dc2626!important;color:#fff!important;box-shadow:0 4px 14px #991b1b40,0 0 0 2px #fff;font:800 15px/1 Arial,'Noto Sans KR',sans-serif!important;cursor:pointer;touch-action:manipulation}
#lmKeywordDetailHost.tbd-studio-host .tbd-panel-close[data-tbd-close] .tbd-close-glyph{font-size:25px;line-height:1;font-weight:500}
#lmKeywordDetailHost.tbd-studio-host .tbd-panel-close[data-tbd-close]:hover{background:#b91c1c!important}
#lmKeywordDetailHost.tbd-studio-host .tbd-panel-close[data-tbd-close]:active{background:#991b1b!important}
#lmKeywordDetailHost.tbd-studio-host .tbd-panel-close[data-tbd-close]:focus-visible{outline:3px solid #991b1b;outline-offset:4px}
@media(max-width:700px){#lmKeywordDetailHost.tbd-studio-host .tbd-panel-head{padding-right:126px!important;min-height:72px}#lmKeywordDetailHost.tbd-studio-host .tbd-panel-head>.tbd-panel-close[data-tbd-close]{min-width:96px!important;right:calc(10px + env(safe-area-inset-right,0px))!important;padding:0 13px!important}}

/* Fold lesson details while the same bound question composer stays available. */
#lmKeywordDetailHost.tbd-studio-host [data-studio-controller-details][hidden]{display:none!important}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-body{display:block!important;flex:0 0 auto!important;max-height:min(180px,30dvh)!important;padding-top:0!important}
#lmKeywordDetailHost.tbd-studio-host .tbd-studio-question-dock{background:#fff;min-width:0}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-studio-question-dock .tbd-live-question{margin:0!important;padding:6px 0!important}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-studio-input-tools{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:0!important}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-studio-input-tools>span{display:none!important}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-studio-input-tools .tbd-microphone-tools{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-microphone-tools:not([data-state]) [data-mic-status],#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-microphone-tools[data-state="idle"] [data-mic-status]{display:none!important}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="true"] .tbd-studio-question-history{display:none!important}
#lmKeywordDetailHost.tbd-studio-host .tbd-studio-controls-toggle{flex:none;display:flex;align-items:center;justify-content:center;min-height:36px;margin:9px 24px 12px;padding:7px 12px;border:1px solid #d8e3f2;border-radius:10px;background:#f7faff;color:#375c8a;cursor:pointer;font:700 12px/1.5 Arial,'Noto Sans KR',sans-serif}
#lmKeywordDetailHost.tbd-studio-host .tbd-studio-controls-toggle:hover{background:#edf4ff;border-color:#9bbbec}
#lmKeywordDetailHost.tbd-studio-host .tbd-studio-controls-toggle:focus-visible{outline:3px solid #7eabef;outline-offset:2px}
#lmKeywordDetailHost.tbd-studio-host[data-controls-folded="false"] .tbd-studio-controls-toggle{margin-bottom:0}
@media(max-width:1050px){#lmKeywordDetailHost.tbd-studio-host .tbd-studio-controls-toggle{margin-right:16px;margin-left:16px}}
@media(max-width:700px){#lmKeywordDetailHost.tbd-studio-host .tbd-studio-controls-toggle{min-height:32px;margin:7px 12px 8px}}

#lmKeywordDetailHost.tbd-studio-host[data-reading-board="true"][data-controls-folded="false"] .tbd-body{flex:0 1 auto!important}
#lmKeywordDetailHost.tbd-studio-host[data-reading-board="true"] .tbd-studio-source{min-height:min(160px,25dvh)!important}
@media(max-width:700px){#lmKeywordDetailHost.tbd-studio-host[data-reading-board="true"] .tbd-studio-source{min-height:min(80px,12dvh)!important}}