/* Teacher Mode — design2 look (cream, ink borders, offset shadow), mobile-first */
.u2k-teacher{--ti:#1b1340;--tv:#7b5cff;--ty:#ffcd1f;--tg:#3ddc97;--tp:#ff5d8f;max-width:56rem;margin:0 auto 2rem;padding:1rem;background:#fff;border:2px solid var(--ti);border-radius:1.25rem;box-shadow:5px 5px 0 var(--ti);color:var(--ti);font-family:Inter,system-ui,sans-serif}
.u2k-teacher-wrap{padding:0 1rem}
.u2k-teacher .u2k-ic{width:1.1em;height:1.1em;vertical-align:-.18em;display:inline-block}
.u2k-teacher .kr{font-family:"Noto Sans KR",system-ui,sans-serif}
.u2k-teacher .ur{font-family:"Noto Nastaliq Urdu",serif;line-height:2.1;text-align:right}
.t-head{display:flex;align-items:center;gap:.75rem}
.t-avatar{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--ty);border:2px solid var(--ti);display:grid;place-items:center;font-size:1.3rem}
.t-head-txt{flex:1;min-width:0}.t-kicker{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tv)}
.t-title{font-size:1.15rem;font-weight:900;margin:0;line-height:1.25}
.t-toggle{background:none;border:0;cursor:pointer;padding:.4rem;color:var(--ti);transform:rotate(90deg);transition:transform .2s}.t-toggle[aria-expanded=false]{transform:none}
.t-levels{display:flex;gap:.4rem;overflow-x:auto;margin:.9rem 0 .5rem;padding-bottom:.25rem}
.t-lv{flex:none;border:2px solid var(--ti);background:#fff;border-radius:999px;padding:.35rem .8rem;font-weight:700;font-size:.8rem;cursor:pointer;color:var(--ti)}.t-lv.on{background:var(--tv);color:#fff}
.t-progress{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.8rem;font-weight:700;margin-bottom:.6rem}
.t-bar{flex:1;min-width:6rem;height:.55rem;background:#efe9ff;border-radius:999px;overflow:hidden;border:1px solid var(--ti)}.t-bar span{display:block;height:100%;background:var(--tg)}
.t-intro{margin:.25rem 0 .75rem;font-size:.95rem}
.t-lessons{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.t-lesson{width:100%;display:flex;align-items:center;gap:.7rem;text-align:left;background:#fff8ec;border:2px solid var(--ti);border-radius:.9rem;padding:.6rem .75rem;cursor:pointer;color:var(--ti)}
.t-lesson:hover{box-shadow:3px 3px 0 var(--ti)}.t-lesson.done{background:#eafbf3}
.t-num{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:#fff;border:2px solid var(--ti);display:grid;place-items:center;font-weight:900;font-size:.85rem}
.t-l-txt{flex:1;min-width:0;display:flex;flex-direction:column}.t-l-txt b{font-size:.95rem}.t-l-txt small{font-size:.85rem;line-height:1.9}
.t-best{font-weight:800;font-size:.75rem;color:#0f7a52}
.t-steps{display:flex;gap:.3rem;flex-wrap:wrap;margin:.6rem 0}.t-steps span{font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:999px;background:#f3f0ff;color:#6b6491}.t-steps .on{background:var(--tv);color:#fff}.t-steps .past{background:#d9f7ea;color:#0f7a52}
.t-card{background:#fff8ec;border:2px solid var(--ti);border-radius:1rem;padding:1rem}
.t-h3{font-weight:900;font-size:1.1rem;margin:0 0 .5rem}
.t-say-teacher{font-size:1rem;background:#fff;border-radius:.8rem;padding:.6rem .8rem;border:1px dashed var(--ti);margin-bottom:.75rem}
.t-ex{display:grid;grid-template-columns:1fr auto;gap:0 .5rem;align-items:center;background:#fff;border:2px solid var(--ti);border-radius:.8rem;padding:.55rem .75rem;margin-bottom:.5rem}
.t-ex-ko{font-size:1.35rem;font-weight:800}.t-ex-rom{grid-column:1/-1;font-size:.8rem;color:#6b6491;font-style:italic}.t-ex-ur{grid-column:1/-1;font-size:.95rem}
.t-say{border:2px solid var(--ti);background:var(--ty);border-radius:50%;width:2.4rem;height:2.4rem;display:inline-grid;place-items:center;cursor:pointer;color:var(--ti);vertical-align:middle}
.t-tip,.t-reteach,.t-err-lib{background:#fff4c2;border-radius:.7rem;padding:.5rem .7rem;margin:.5rem 0;font-size:.95rem}
.t-btn{display:inline-flex;align-items:center;gap:.4rem;border:2px solid var(--ti);background:#fff;color:var(--ti);border-radius:.8rem;padding:.55rem .95rem;font-weight:800;font-size:.9rem;cursor:pointer;margin:.35rem .35rem 0 0;min-height:44px}
.t-btn:hover{box-shadow:3px 3px 0 var(--ti)}.t-btn-p{background:var(--tv);color:#fff}.t-btn-y{background:var(--ty)}
.t-count{font-size:.75rem;font-weight:800;color:#6b6491;margin-bottom:.25rem}
.t-q{font-size:1.05rem;margin:0 0 .4rem}.t-q-ko{font-size:1.6rem;font-weight:800;margin:.25rem 0 .6rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.t-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem}
.t-opt{border:2px solid var(--ti);background:#fff;border-radius:.8rem;padding:.7rem;font-size:1.15rem;font-weight:700;cursor:pointer;min-height:48px;color:var(--ti)}
.t-opt:hover:not(:disabled){background:#f3f0ff}.t-opt.right{background:#c9f5e0;border-color:#0f7a52}.t-opt.wrong{background:#ffd9e4;border-color:#c2185b}
.t-free{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.t-in{flex:1;min-width:10rem;border:2px solid var(--ti);border-radius:.8rem;padding:.6rem .8rem;font-size:1.15rem;min-height:46px;background:#fff;color:var(--ti)}
.t-kb{border:2px solid var(--ti);background:#fff;border-radius:.8rem;padding:.5rem .6rem;font-weight:800;cursor:pointer;min-height:46px;color:var(--ti)}.t-kb[aria-pressed=true]{background:var(--tv);color:#fff}
.t-fb{margin-top:.75rem}.t-ok{background:#c9f5e0;border-radius:.8rem;padding:.6rem .8rem}.t-no{background:#ffe3ec;border-radius:.8rem;padding:.6rem .8rem}
.t-why{margin-top:.4rem;font-size:1rem}.t-why p{margin:.2rem 0}
.t-stamp{display:inline-block;transform:rotate(-6deg);border:3px solid var(--tp);color:var(--tp);border-radius:.6rem;padding:.3rem .9rem;font-size:1.6rem;font-weight:900;margin:.25rem 0 .5rem}
.t-score{font-weight:900;font-size:1.1rem;margin:.2rem 0}.t-note{font-size:.95rem}
.t-nav{margin-top:.5rem}
.t-table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.95rem;background:#fff}.t-table td,.t-table th{border:1px solid #d9d3f0;padding:.35rem .5rem;text-align:center}
@media(min-width:640px){.u2k-teacher{padding:1.25rem 1.5rem}.t-title{font-size:1.35rem}}
.u2k-teacher .ur,.u2k-teacher .t-why,.u2k-teacher .t-fb{white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.u2k-teacher .t-why{display:block;text-align:right}.u2k-teacher [hidden]{display:none!important}
