/* בורסה ON-LINE · החונך (mentor) */
.mt-ava{--s:48px;display:inline-block;width:var(--s);height:var(--s);flex:none;line-height:0;border-radius:50%;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
.mt-ava svg{width:100%;height:100%;display:block}
.mt-ava .mt-eyes{transform-origin:60px 50px;animation:mtBlink 5.2s infinite}
.mt-ava .mt-mouth{transform-origin:60px 71px}
.mt-ava.talk .mt-mouth{animation:mtTalk .26s ease-in-out 8 alternate}
@keyframes mtBlink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}
@keyframes mtTalk{from{transform:scaleY(1)}to{transform:scaleY(1.55) translateY(.6px)}}
@media (prefers-reduced-motion:reduce){.mt-ava .mt-eyes,.mt-ava.talk .mt-mouth{animation:none}}

/* entry buttons in the desk */
.dock-it.mt-dock{opacity:1;filter:none;color:#f5b041;margin-bottom:2px}
.dock-it.mt-dock .mt-ava{--s:40px}
.dock-it.mt-dock:hover{background:rgba(245,176,65,.10);border-color:rgba(245,176,65,.35)}
@media (max-height:820px) and (min-width:901px){.dock-it.mt-dock .mt-ava{--s:31px}}
#panes-nav .mt-nav{color:#f5b041}
#panes-nav .mt-nav .mt-ava{--s:28px;filter:none}
.b-mentor{display:flex;align-items:center;gap:8px;background:#132033;border:1px solid #3a4f6e;border-radius:999px;padding:3px 14px 3px 4px;color:#f5d48a;font:700 15px Heebo,sans-serif;cursor:pointer;flex:none}
.b-mentor .mt-ava{--s:36px;filter:none}
.b-mentor:hover{border-color:#f5b041;background:#18283f}
@media (max-width:900px){.b-mentor{order:2;padding:2px;font-size:0;gap:0}.b-mentor span{display:none}.b-mentor .mt-ava{--s:34px}}

/* panel */
body.mt-open{overflow:hidden}
.mt-root{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;font-family:Heebo,Arial,sans-serif;direction:rtl;color:#e2e8f0}
.mt-bg{position:absolute;inset:0;background:rgba(5,9,16,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:mtFade .2s}
.mt-panel{position:relative;width:min(980px,96vw);max-height:94vh;max-height:94dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#121c2c,#0c1420);border:1px solid #2a3c55;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;animation:mtUp .26s cubic-bezier(.2,.9,.3,1.2)}
@keyframes mtFade{from{opacity:0}}@keyframes mtUp{from{opacity:0;transform:translateY(18px) scale(.98)}}
.mt-head{display:flex;align-items:center;gap:14px;padding:14px 18px 12px;border-bottom:1px solid #1d2a3c;background:radial-gradient(600px 160px at 85% 0,rgba(245,176,65,.10),transparent 70%)}
.mt-head .mt-ava{--s:64px}
.mt-bubble{position:relative;flex:1;background:#f7f1e3;color:#2b2620;border-radius:16px;padding:10px 14px;font-size:15.5px;line-height:1.5;min-height:44px;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.mt-bubble::before{content:"";position:absolute;top:16px;right:-9px;border-style:solid;border-width:8px 0 8px 10px;border-color:transparent transparent transparent #f7f1e3}
.mt-bubble b{color:#9a4f0f}
.mt-bubble.pop{animation:mtPop .3s ease-out}
@keyframes mtPop{from{opacity:.4;transform:translateY(4px)}}
.mt-x{align-self:flex-start;background:#132033;border:1px solid #2a3c55;color:#cbd5e1;width:38px;height:38px;border-radius:12px;font-size:16px;flex:none;cursor:pointer}
.mt-x:hover{border-color:#f5b041;color:#fff}
.mt-body{overflow-y:auto;overscroll-behavior:contain;padding:16px 18px 20px;-webkit-overflow-scrolling:touch}
.mt-load{color:#94a3b8;text-align:center;padding:30px 0}
.mt-pnote{margin:0 0 12px;font-size:13.5px;color:#a8b6cc;background:#101a29;border:1px dashed #2a3c55;border-radius:10px;padding:6px 10px}
.mt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
.mt-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:right;background:linear-gradient(180deg,#152236,#111b2b);border:1px solid #263850;border-radius:16px;padding:14px 14px 12px;color:#e2e8f0;cursor:pointer;font-family:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}
.mt-card:hover,.mt-card:focus-visible{transform:translateY(-2px);border-color:#f5b041;box-shadow:0 8px 20px rgba(0,0,0,.35);outline:none}
.mt-ce{font-size:28px;line-height:1.1;margin-bottom:2px}
.mt-card b{font-size:17px;font-weight:800}
.mt-en{font:500 11.5px "IBM Plex Mono",monospace;color:#7f8ea6;direction:ltr}
.mt-ct{font-size:13.5px;color:#a8b6cc;line-height:1.4}
.mt-tag{font-style:normal;font-size:11.5px;background:#1d2c44;color:#c6d3e6;border-radius:999px;padding:1px 8px;margin-top:4px}
.mt-tag.new{background:#f5b041;color:#1b1406;font-weight:700}
.mt-done{position:absolute;top:10px;left:12px;font-style:normal;color:#3fd18a;font-weight:800}
.mt-foot{margin:14px 0 0;color:#7f8ea6;font-size:13px;text-align:center}

/* lesson */
.mt-lhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.mt-lhead h3{margin:0;font-size:21px;font-weight:800}
.mt-lhead h3 small{font:500 12px "IBM Plex Mono",monospace;color:#7f8ea6;direction:ltr;display:inline-block}
.mt-back,.mt-btn{background:#132033;border:1px solid #2a3c55;color:#cbd5e1;border-radius:10px;padding:6px 12px;font:600 14px Heebo,sans-serif;cursor:pointer}
.mt-back:hover,.mt-btn:hover{border-color:#f5b041;color:#fff}
.mt-btn.amber{background:#f5b041;border-color:#f5b041;color:#1b1406;font-weight:800;margin-top:12px}
.mt-def{margin:6px 0 10px;font-size:14.5px;line-height:1.55;color:#c6d3e6;background:#0f1828;border-inline-start:3px solid #f5b041;border-radius:8px;padding:8px 12px}
.mt-def b{color:#f5d48a}
.mt-scn{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px}
.mt-scn button{background:#111b2b;border:1px solid #263850;color:#a8b6cc;border-radius:999px;padding:5px 12px;font:600 13.5px Heebo,sans-serif;cursor:pointer}
.mt-scn button.on.k-good{background:rgba(63,209,138,.14);border-color:#3fd18a;color:#bff3d9}
.mt-scn button.on.k-bad{background:rgba(255,107,107,.14);border-color:#ff6b6b;color:#ffd0d0}
.mt-stage{position:relative;width:100%;aspect-ratio:16/8.2;min-height:210px;max-height:56vh;background:radial-gradient(800px 300px at 50% 0,#14223a,#0a111d 70%);border:1px solid #22324a;border-radius:14px;overflow:hidden}
.mt-cv{position:absolute;inset:0;display:block}
.mt-heat{position:absolute;inset:0;display:none;padding:46px 12px 12px}
.mt-stage.is-heat .mt-heat{display:block}
.mt-ov{position:absolute;inset:0;pointer-events:none}
.mt-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(8,13,22,.82);opacity:0;transition:opacity .35s;text-align:center;padding:0 20px}
.mt-title.on{opacity:1}
.mt-title i{font-style:normal;font-weight:800;font-size:15px;letter-spacing:.3px;padding:3px 12px;border-radius:999px}
.mt-title.k-good i{background:rgba(63,209,138,.18);color:#7ff0bb}.mt-title.k-bad i{background:rgba(255,107,107,.18);color:#ffb3b3}
.mt-title b{font-size:22px;font-weight:800;color:#fff;max-width:620px}
.mt-wid{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;direction:rtl}
.mt-w{display:flex;align-items:center;gap:8px;background:rgba(10,17,29,.88);border:1px solid #2a3c55;border-radius:10px;padding:3px 9px;font-size:12.5px;color:#a8b6cc}
.mt-w b{font:600 13px "IBM Plex Mono",monospace;color:#e2e8f0;direction:ltr}
.mt-w b.up{color:#3fd18a}.mt-w b.dn{color:#ff6b6b}
.mt-note{position:absolute;max-width:min(58%,360px);background:rgba(15,24,40,.95);border:1px solid #2f4566;border-inline-start:3px solid #f5b041;border-radius:10px;padding:6px 10px;font-size:13.5px;line-height:1.4;color:#e2e8f0;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.mt-note.on{opacity:1;transform:none}
.mt-note b{color:#f5d48a}
.mt-note.t-bad{border-inline-start-color:#ff6b6b}.mt-note.t-good{border-inline-start-color:#3fd18a}.mt-note.t-calm{border-inline-start-color:#9fb0c8;font-style:italic}
.mt-note.at-tl{top:44px;right:62px}.mt-note.at-tr{top:44px;left:10px}.mt-note.at-bl{bottom:30px;right:62px}.mt-note.at-br{bottom:30px;left:10px}.mt-note.at-c{top:50%;left:50%;transform:translate(-50%,-50%)}
.mt-stage.is-heat .mt-note.at-tl{top:auto;bottom:10px;right:10px}.mt-stage.is-heat .mt-note.at-tr{top:auto;bottom:10px;left:10px}
.mt-res{position:absolute;left:50%;bottom:30px;transform:translate(-50%,10px) scale(.96);max-width:88%;width:max-content;background:rgba(10,17,29,.95);border:2px solid #f5b041;border-radius:14px;padding:8px 14px;font-size:15px;font-weight:600;line-height:1.4;text-align:center;opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 10px 26px rgba(0,0,0,.45)}
.mt-res.on{opacity:1;transform:translate(-50%,0) scale(1)}
.mt-res.t-good{border-color:#3fd18a}.mt-res.t-good b{color:#7ff0bb}.mt-res.t-bad{border-color:#ff6b6b}.mt-res.t-bad b{color:#ffb3b3}
.mt-stage.is-heat .mt-res{bottom:auto;top:50%;transform:translate(-50%,-50%) scale(.96)}.mt-stage.is-heat .mt-res.on{transform:translate(-50%,-50%) scale(1)}
.mt-hm{display:flex;gap:8px;height:100%}
.mt-hs{flex:var(--c) 1 0;display:flex;flex-direction:column;gap:5px;min-width:0}
.mt-hsh{font-size:12.5px;font-weight:700;color:#a8b6cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-hts{flex:1;display:grid;grid-template-columns:repeat(var(--c),1fr);grid-auto-rows:1fr;gap:5px}
.mt-ht{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:#2a2f37;color:#fff;transition:box-shadow .2s;min-height:52px;position:relative}
.mt-ht b{font:700 14px "IBM Plex Mono",monospace}.mt-ht small{font:500 12px "IBM Plex Mono",monospace;opacity:.92;direction:ltr}
.mt-ht.hl{box-shadow:0 0 0 3px #f5b041,0 0 18px rgba(245,176,65,.55);animation:mtHl 1s ease-in-out infinite alternate}
.mt-ht.pk::after{content:"🛒";position:absolute;top:-8px;left:-6px;font-size:16px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
@keyframes mtHl{to{box-shadow:0 0 0 3px #f5b041,0 0 4px rgba(245,176,65,.2)}}
.mt-ctl{display:flex;align-items:center;gap:8px;margin-top:8px}
.mt-play,.mt-rep{width:42px;height:42px;border-radius:50%;border:1px solid #2a3c55;background:#132033;color:#f5b041;font-size:16px;font-weight:800;cursor:pointer;flex:none}
.mt-play{background:#f5b041;color:#1b1406;border-color:#f5b041}
.mt-prog{position:relative;flex:1;height:8px;background:#1a2638;border-radius:99px;cursor:pointer;direction:ltr}
.mt-prog i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f5b041,#ffd27a);border-radius:99px;width:0}
.mt-prog b{position:absolute;top:-3px;width:2px;height:14px;background:#5d6f8c;border-radius:2px}
.mt-prog b[data-tick="0"]{display:none}
.mt-cap{min-height:52px;margin-top:10px;font-size:16.5px;line-height:1.5;text-align:center}
.mt-cap-in{display:inline-block;animation:mtCap .35s ease-out}
.mt-cap-in b{color:#f5d48a}
@keyframes mtCap{from{opacity:0;transform:translateY(5px)}}
.mt-take{margin-top:12px;background:#0f1828;border:1px solid #22324a;border-radius:12px;padding:10px 14px}
.mt-take h4{margin:0 0 4px;font-size:15px;color:#f5d48a}
.mt-take ul{margin:0;padding-inline-start:20px;font-size:14.5px;line-height:1.6;color:#c6d3e6}
.mt-take b{color:#fff}
.mt-next{margin-top:12px;display:flex;justify-content:flex-end}

/* contextual tip */
.mt-tip{position:fixed;z-index:9400;bottom:22px;right:50%;transform:translate(50%,20px);opacity:0;transition:opacity .3s,transform .3s;display:flex;align-items:center;gap:10px;max-width:min(560px,94vw);background:#121c2c;border:1px solid #f5b041;border-radius:16px;padding:8px 10px 8px 8px;box-shadow:0 14px 34px rgba(0,0,0,.5);font-family:Heebo,sans-serif;direction:rtl;color:#e2e8f0}
.mt-tip.on{opacity:1;transform:translate(50%,0)}
.mt-tip p{margin:0;font-size:14px;line-height:1.4;flex:1}
.mt-tip .mt-ava{--s:40px}
.mt-tgo{background:#f5b041;color:#1b1406;border:0;border-radius:10px;padding:6px 10px;font:800 13.5px Heebo,sans-serif;cursor:pointer;flex:none}
.mt-tx{background:none;border:0;color:#7f8ea6;font-size:15px;cursor:pointer;padding:4px;flex:none}
body.in-desk:not(.beg-on) .mt-tip{bottom:120px}

@media (max-width:640px){
 .mt-root{align-items:flex-end}
 .mt-panel{width:100vw;max-height:100%;height:100%;border-radius:0;border:0}
 .mt-head{padding:10px 12px;gap:10px}
 .mt-head .mt-ava{--s:52px}
 .mt-bubble{font-size:14px;padding:8px 11px}
 .mt-x{width:34px;height:34px}
 .mt-body{padding:12px 12px 24px}
 .mt-grid{grid-template-columns:1fr 1fr;gap:9px}
 .mt-card{padding:11px 10px 10px}.mt-card b{font-size:15px}.mt-ct{font-size:12.5px}.mt-ce{font-size:24px}
 .mt-lhead h3{font-size:18px}
 .mt-def{font-size:13.5px}
 .mt-scn button{font-size:12.5px;padding:4px 10px}
 .mt-stage{aspect-ratio:auto;height:min(300px,46vh);min-height:230px;max-height:none}
 .mt-heat{padding:40px 6px 8px}.mt-hm{gap:5px}.mt-hts{gap:4px}.mt-ht{min-height:34px}.mt-ht b{font-size:12px}.mt-ht small{font-size:11px}.mt-hsh{font-size:11px}
 .mt-note{font-size:12px;max-width:72%;padding:5px 8px}
 .mt-note.at-tl{top:40px;right:50px}.mt-note.at-tr{top:auto;bottom:28px;left:6px}
 .mt-res{font-size:13.5px;bottom:24px;padding:6px 10px;max-width:92%;width:auto;min-width:70%}
 .mt-title b{font-size:18px}
 .mt-cap{font-size:15px;min-height:66px}
 .mt-w{font-size:11.5px;padding:2px 7px}.mt-w b{font-size:12px}
 .mt-tip,body.in-desk:not(.beg-on) .mt-tip{bottom:auto;top:calc(var(--top,110px) + 10px);right:8px;left:8px;max-width:none;transform:translateY(-14px)}
 .mt-tip.on{transform:none}
 body.beg-on .mt-tip{top:auto;bottom:16px;transform:translateY(14px)}
}