/* ===== ערכת השיעור — תצוגת התוצרים =====
   מרנדרת מערך, מצגת, דף עבודה, פעילות פתיחה, משחק ובוחן
   מתוך קובץ תוכן אחד (lessons/<id>.json).
   ההדפסה עוברת דרך iframe מוסתר ולא דרך window.open — חלון קופץ נחסם בדפדפן. */

.lk{margin-top:18px}

/* --- לשוניות התוצרים --- */
.lk-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1.5px solid var(--border);padding-bottom:12px;margin-bottom:18px}
.lk-tab{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:var(--fs-sm);font-weight:700;color:var(--muted);background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:8px 13px;cursor:pointer;transition:border-color .18s,color .18s,background .18s}
.lk-tab svg{width:16px;height:16px;flex:none}
.lk-tab:hover{border-color:var(--cyan);color:var(--navy)}
.lk-tab.on{background:var(--navy);border-color:var(--navy);color:#fff}
.lk-panel{display:none}
.lk-panel.on{display:block;animation:lk-in .28s var(--ease)}
@keyframes lk-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* --- כותרת תוצר + פעולות --- */
.lk-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.lk-head h3{font-size:var(--fs-xl);font-weight:800;color:var(--navy);margin:0 0 3px}
.lk-head .lk-sub{font-size:var(--fs-xs);color:var(--muted);font-weight:500}
.lk-acts{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}
.lk-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:var(--fs-2xs);font-weight:700;padding:8px 13px;border-radius:10px;border:1.5px solid var(--border-strong);background:#fff;color:var(--navy);cursor:pointer;transition:border-color .18s,background .18s}
.lk-btn svg{width:14px;height:14px}
.lk-btn:hover{border-color:var(--cyan);background:var(--cyan-100)}
.lk-btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.lk-btn.primary:hover{background:var(--navy-800)}

/* --- כרטיס תוכן כללי --- */
.lk-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:18px 20px;margin-bottom:14px}
.lk-card>h4{font-size:var(--fs-base);font-weight:800;color:var(--navy);margin:0 0 10px;display:flex;align-items:center;gap:9px}
.lk-card>h4 .lk-min{margin-inline-start:auto;font-size:var(--fs-2xs);font-weight:700;color:var(--accent);background:var(--cyan-100);border-radius:20px;padding:3px 10px}

/* --- טבלת הפתיח של המערך --- */
.lk-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.lk-meta div{background:var(--soft-bg);border-radius:13px;padding:13px 15px}
.lk-meta b{display:block;font-size:var(--fs-2xs);color:var(--muted);font-weight:700;margin-bottom:4px}
.lk-meta span{font-size:var(--fs-sm);color:var(--text);font-weight:600;line-height:1.5}

/* --- שלבים ורשימות --- */
.lk-step{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--border)}
.lk-step:first-of-type{border-top:0;padding-top:0}
.lk-step .lk-t{flex:none;width:52px;font-size:var(--fs-2xs);font-weight:800;color:var(--accent);padding-top:2px}
.lk-step b{display:block;font-size:var(--fs-sm);color:var(--navy);margin-bottom:3px}
.lk-step p{margin:0;font-size:var(--fs-sm);color:var(--text2);line-height:1.65}
.lk-list{margin:0;padding-inline-start:20px}
.lk-list li{font-size:var(--fs-sm);color:var(--text2);line-height:1.7;margin-bottom:5px}

/* --- מצגת --- */
/* עיצוב השקפים (11.10.26): יחס 16:9, שקף פתיחה כהה עם פס הצבעים של האתר,
   שקפי תוכן לבנים עם פס צבע מתחלף ונקודות צבעוניות. ברירת המחדל (בלי מחלקת צבע) נשארת כהה. */
.lk-slide{--sc:#2F74C0;position:relative;background:linear-gradient(135deg,#124D7A,#087B9C);color:#fff;border-radius:18px;padding:38px 44px 46px;aspect-ratio:16/9;min-height:290px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 44px rgba(13,59,102,.16)}
.lk-slide h5{font-size:var(--fs-3xl);font-weight:800;margin:0 0 18px;line-height:1.25}
.lk-slide ul{margin:0;padding-inline-start:22px;flex:1}
.lk-slide li{font-size:var(--fs-lg);line-height:1.85;margin-bottom:9px;opacity:.96}
.lk-slide .lk-num{font-size:var(--fs-2xs);opacity:.7;font-weight:800;margin-bottom:10px;letter-spacing:.04em}
.lk-slide .lk-sfoot{display:none}
/* גודל הטקסט יחסי לרוחב השקף — כמו במצגת אמיתית, ולא קטן ונבלע בשקף גדול */
.lk-slide{container-type:inline-size;justify-content:center}
.lk-slide ul{flex:none}
.lk-slide .lk-num{direction:ltr;unicode-bidi:isolate}
.lk-slide h5{font-size:clamp(1.35rem,4.4cqw,3.1rem)}
.lk-slide li{font-size:clamp(1rem,2.7cqw,1.95rem);line-height:1.6;margin-bottom:.55em}
.lk-s-title h5{font-size:clamp(1.8rem,6.4cqw,4.4rem)}
.lk-s-title li{font-size:clamp(1rem,2.5cqw,1.8rem)}
.lk-s-title{justify-content:center;background:radial-gradient(120% 90% at 85% 10%,#1B5E8E 0,#0D3B66 55%,#0B2B4C 100%)}
.lk-s-title::after{content:"";position:absolute;inset:auto 0 0 0;height:10px;background:linear-gradient(to left,#2F74C0 0 20%,#2F9F55 20% 40%,#F2B233 40% 60%,#EF5656 60% 80%,#8F7AC3 80%)}
.lk-s-title h5{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:14px}
.lk-s-title ul{flex:none;list-style:none;padding:0}
.lk-s-title li{color:#A9DCF0;font-size:var(--fs-xl);margin:0}
.lk-s-title .lk-num{position:absolute;top:22px;left:28px}
.lk-s-c0,.lk-s-c1,.lk-s-c2,.lk-s-c3,.lk-s-c4,.lk-s-last{background:#fff;color:#102A43;border:1px solid #D8E6F2}
.lk-s-c0{--sc:#2F74C0}.lk-s-c1{--sc:#2F9F55}.lk-s-c2{--sc:#D99A12}.lk-s-c3{--sc:#EF5656}.lk-s-c4{--sc:#8F7AC3}
.lk-s-last{--sc:#0A7799;background:linear-gradient(160deg,#F2F7FC,#E7F9FE)}
.lk-s-c0::before,.lk-s-c1::before,.lk-s-c2::before,.lk-s-c3::before,.lk-s-c4::before,.lk-s-last::before{content:"";position:absolute;inset:0 0 0 auto;width:12px;background:var(--sc)}
.lk-s-c0 h5,.lk-s-c1 h5,.lk-s-c2 h5,.lk-s-c3 h5,.lk-s-c4 h5,.lk-s-last h5{color:#0D3B66;padding-bottom:12px;background:linear-gradient(var(--sc),var(--sc)) right bottom/72px 4px no-repeat}
.lk-s-c0 .lk-num,.lk-s-c1 .lk-num,.lk-s-c2 .lk-num,.lk-s-c3 .lk-num,.lk-s-c4 .lk-num,.lk-s-last .lk-num{position:absolute;top:20px;left:26px;color:var(--sc);opacity:1;font-size:var(--fs-sm)}
.lk-slide:not(.lk-s-title) ul{list-style:none;padding:0}
.lk-slide:not(.lk-s-title) li{position:relative;padding-inline-start:26px;opacity:1}
.lk-slide:not(.lk-s-title) li::before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:11px;height:11px;border-radius:50%;background:var(--sc)}
.lk-s-c0 .lk-sfoot,.lk-s-c1 .lk-sfoot,.lk-s-c2 .lk-sfoot,.lk-s-c3 .lk-sfoot,.lk-s-c4 .lk-sfoot,.lk-s-last .lk-sfoot{display:block;position:absolute;bottom:14px;right:44px;left:26px;font-size:var(--fs-2xs);color:#5C7285;font-weight:600}
.lk-note{background:#FFF8E6;border:1.5px solid #F5D98B;border-radius:13px;padding:12px 16px;margin-top:12px;font-size:var(--fs-sm);color:#6B4E00;line-height:1.6}
.lk-note b{color:#3F2E00}
.lk-nav{display:flex;align-items:center;gap:12px;margin-top:14px}
.lk-nav .lk-pos{font-size:var(--fs-xs);color:var(--muted);font-weight:700}
.lk-dots{display:flex;gap:5px;margin-inline-start:auto;flex-wrap:wrap}
.lk-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);border:0;padding:0;cursor:pointer}
.lk-dot.on{background:var(--navy);transform:scale(1.35)}

/* --- דף עבודה --- */
.lk-sheet{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:26px 28px}
.lk-sheet .lk-name{display:flex;gap:26px;font-size:var(--fs-sm);color:var(--muted);border-bottom:1.5px solid var(--border);padding-bottom:14px;margin-bottom:16px}
.lk-sheet .lk-name span{flex:1}
.lk-task{margin-bottom:20px}
.lk-task .lk-q{font-size:var(--fs-sm);color:var(--text);line-height:1.7;white-space:pre-wrap;margin-bottom:8px}
.lk-task .lk-q b{color:var(--navy)}
.lk-eg{background:var(--blue-bg);border-radius:11px;padding:10px 14px;font-size:var(--fs-xs);color:var(--text2);line-height:1.6;margin-bottom:9px}
.lk-lines div{border-bottom:1px solid var(--border-strong);height:26px}
.lk-check{background:var(--soft-bg);border-radius:13px;padding:15px 18px;margin-top:18px}
.lk-check b{display:block;font-size:var(--fs-sm);color:var(--navy);margin-bottom:9px}
.lk-check label{display:flex;align-items:flex-start;gap:9px;font-size:var(--fs-sm);color:var(--text2);line-height:1.6;margin-bottom:7px}
.lk-check input{margin-top:3px;flex:none;width:15px;height:15px}

/* --- מחוון --- */
.lk-rubric{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.lk-rubric th{background:var(--soft-bg);color:var(--navy);font-weight:800;font-size:var(--fs-xs);text-align:start;padding:10px 13px;border-bottom:1.5px solid var(--border)}
.lk-rubric td{padding:11px 13px;border-bottom:1px solid var(--border);color:var(--text2);line-height:1.65;vertical-align:top}
.lk-rubric td:first-child{font-weight:800;color:var(--navy);white-space:nowrap}
.lk-rubric td:last-child{font-weight:800;color:var(--accent);text-align:center;white-space:nowrap}

/* --- פעילות פתיחה --- */
.lk-opt{border:1.5px solid var(--border);border-radius:14px;padding:15px 18px;margin-bottom:11px;cursor:pointer;transition:border-color .18s,background .18s}
.lk-opt:hover{border-color:var(--cyan)}
.lk-opt .lk-txt{font-size:var(--fs-sm);color:var(--text);line-height:1.7}
.lk-opt .lk-rev{display:none;margin-top:11px;padding-top:11px;border-top:1px dashed var(--border-strong)}
.lk-opt.open .lk-rev{display:block}
.lk-opt .lk-verdict{display:inline-block;font-size:var(--fs-2xs);font-weight:800;border-radius:20px;padding:3px 11px;background:var(--cyan-100);color:var(--accent);margin-bottom:6px}
.lk-opt .lk-why{font-size:var(--fs-xs);color:var(--text2);line-height:1.65;margin:0}

/* --- משחק ובוחן --- */
.lk-g{margin-bottom:22px}
.lk-g>b{display:block;font-size:var(--fs-base);font-weight:800;color:var(--navy);margin-bottom:12px}
.lk-qcard{background:#fff;border:1.5px solid var(--border);border-radius:15px;padding:16px 19px;margin-bottom:12px}
.lk-qcard .lk-qt{font-size:var(--fs-sm);font-weight:700;color:var(--text);line-height:1.65;margin-bottom:11px}
.lk-qcard .lk-lvl{display:inline-block;font-size:.68rem;font-weight:800;border-radius:20px;padding:2px 9px;margin-inline-start:7px;vertical-align:middle}
.lk-lvl.easy{background:#E4FAF7;color:#00796B}
.lk-lvl.medium{background:#E8F2FF;color:#1257A8}
.lk-lvl.high{background:#FDECEF;color:#B3243B}
.lk-opts{display:grid;gap:7px}
.lk-a{text-align:start;font:inherit;font-size:var(--fs-sm);color:var(--text);background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:10px 14px;cursor:pointer;transition:border-color .15s,background .15s;line-height:1.5}
.lk-a:hover:not(:disabled){border-color:var(--cyan);background:var(--cyan-100)}
.lk-a:disabled{cursor:default}
.lk-a.ok{border-color:#2F9F55;background:#E9F8EE;color:#1D6B39;font-weight:700}
.lk-a.no{border-color:#D9536A;background:#FDECEF;color:#982034}
.lk-exp{display:none;margin-top:10px;font-size:var(--fs-xs);color:var(--text2);line-height:1.65;background:var(--soft-bg);border-radius:11px;padding:10px 14px}
.lk-exp.on{display:block}
.lk-score{display:flex;align-items:center;gap:12px;background:var(--soft-bg);border-radius:13px;padding:13px 17px;margin-bottom:16px;font-size:var(--fs-sm);font-weight:700;color:var(--navy)}
.lk-score .lk-bar{flex:1;height:8px;border-radius:6px;background:var(--border);overflow:hidden}
.lk-score .lk-fill{height:100%;background:var(--teal);width:0;transition:width .45s var(--ease)}

/* --- התאמה (גרירה בלחיצה) --- */
.lk-match{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lk-match .lk-col b{display:block;font-size:var(--fs-2xs);color:var(--muted);font-weight:800;margin-bottom:8px}
.lk-m{width:100%;text-align:start;font:inherit;font-size:var(--fs-sm);background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:10px 14px;margin-bottom:7px;cursor:pointer;transition:border-color .15s,background .15s;line-height:1.5}
.lk-m:hover:not(:disabled){border-color:var(--cyan)}
.lk-m.sel{border-color:var(--navy);background:var(--blue-bg);font-weight:700}
.lk-m.done{border-color:#2F9F55;background:#E9F8EE;color:#1D6B39;cursor:default}
.lk-m.miss{border-color:#D9536A;background:#FDECEF}

/* --- שליחה לכיתה --- */
.lk-share{background:var(--blue-bg);border:1.5px solid var(--border-strong);border-radius:16px;padding:17px 20px;margin-bottom:16px}
.lk-share>b{display:block;font-size:var(--fs-base);font-weight:800;color:var(--navy);margin-bottom:4px}
.lk-shx{font-size:var(--fs-xs);color:var(--text2);line-height:1.6;margin:0 0 11px}
.lk-url{background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:10px 13px;font-size:var(--fs-xs);color:var(--text2);word-break:break-all;margin-bottom:11px;font-family:ui-monospace,Menlo,Consolas,monospace}
.lk-shb{display:flex;gap:8px;flex-wrap:wrap}
.lk-shb .lk-btn{text-decoration:none}
.lk-qr{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:9px}
.lk-qr img,.lk-qr canvas{background:#fff;padding:11px;border-radius:13px;border:1.5px solid var(--border)}
.lk-qr .lk-shx{margin:0;text-align:center}

/* --- מצב ריק / שגיאה --- */
.lk-empty{background:var(--soft-bg);border-radius:14px;padding:18px 20px;font-size:var(--fs-sm);color:var(--text2);line-height:1.7}

@media(max-width:820px){
  .lk-meta{grid-template-columns:1fr}
  .lk-match{grid-template-columns:1fr}
  .lk-slide{padding:44px 26px 40px;aspect-ratio:auto;min-height:240px}
  .lk-slide h5{font-size:var(--fs-2xl)}
  .lk-slide li{font-size:var(--fs-base)}
}

/* ===== מצב הצגה לכיתה =====
   טיפוגרפיה גדולה למקרן, וכל מה שמסומן lk-teacher נעלם:
   הערות מרצה ומחוון לא אמורים להיות מוקרנים על הקיר מול התלמידים. */
.lk-stage{position:fixed;inset:0;z-index:9999;background:var(--canvas);overflow:auto;padding:34px 40px 90px;display:none}
.lk-stage.on{display:block}
.lk-stage .lk-teacher{display:none !important}
.lk-stage.lk-shownotes .lk-teacher{display:block !important}

/* עמוד התלמיד — חומרי מורה חסומים תמיד, בלי מתג ובלי יוצא מן הכלל */
.lk-student .lk-teacher{display:none !important}
.lk-stage .lk-acts,.lk-stage .lk-tabs{display:none}
.lk-stage .lk-inner{max-width:1180px;margin:0 auto;font-size:1.32rem}
.lk-stage h3{font-size:2.1rem}
.lk-stage .lk-card>h4{font-size:1.5rem}
.lk-stage .lk-step b,.lk-stage .lk-qcard .lk-qt{font-size:1.28rem}
.lk-stage .lk-step p,.lk-stage .lk-list li,.lk-stage .lk-a,.lk-stage .lk-m,.lk-stage .lk-q{font-size:1.2rem;line-height:1.75}
.lk-stage .lk-exp{font-size:1.06rem}
.lk-stage .lk-opt .lk-txt{font-size:1.35rem;line-height:1.7}
.lk-stage .lk-slide{min-height:62vh;padding:52px 56px;justify-content:center}
.lk-stage .lk-slide h5{font-size:3rem;margin-bottom:26px}
.lk-stage .lk-slide li{font-size:1.75rem;line-height:1.75;margin-bottom:16px}
.lk-stage .lk-meta span{font-size:1.15rem}
.lk-stage .lk-rubric{font-size:1.05rem}

/* סרגל השליטה של מצב ההצגה */
.lk-ctl{position:fixed;inset-inline:0;bottom:0;background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px;padding:11px 22px;z-index:10000;flex-wrap:wrap}
.lk-ctl .lk-title{font-weight:800;font-size:.95rem}
.lk-ctl .lk-sp{margin-inline-start:auto;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.lk-ctl button{font:inherit;font-size:.86rem;font-weight:700;background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:9px;padding:7px 14px;cursor:pointer}
.lk-ctl button:hover{background:rgba(255,255,255,.26)}
.lk-ctl .lk-hintk{font-size:.78rem;opacity:.75}
.lk-ctl .lk-tsw{background:rgba(255,255,255,.06)}
.lk-ctl .lk-tsw.on{background:#F2B233;color:#3F2E00;border-color:#F2B233}

@media(max-width:820px){
  .lk-stage{padding:20px 16px 96px}
  .lk-stage .lk-inner{font-size:1.1rem}
  .lk-stage .lk-slide{padding:26px 22px;min-height:auto}
  .lk-stage .lk-slide h5{font-size:1.8rem}
  .lk-stage .lk-slide li{font-size:1.2rem}
}

/* --- הדפסה: רק התוצר הפעיל --- */
@media print{
  .lk-tabs,.lk-acts,.lk-nav,.lk-dots{display:none !important}
  .lk-panel{display:none !important}
  .lk-panel.on{display:block !important}
  .lk-card,.lk-sheet{border:1px solid #ccc;break-inside:avoid}
  .lk-slide{background:#fff !important;color:#000 !important;border:1px solid #ccc;break-inside:avoid;page-break-after:always}
  .lk-slide h5{color:#0D3B66 !important}
}

/* =====================================================================
   תוצרים מהמחולל (11.10.26): משחק בנגן, 8 סוגי פתיחה, מצגת לפי סוג שקף, דף דיפרנציאלי
   ===================================================================== */

/* --- משחק בנגן המשחקים --- */
.lk-g2head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}
.lk-g2head b{font-size:var(--fs-xl);color:var(--navy)}
.lk-g2head span{font-size:var(--fs-sm);color:var(--muted)}
.lk-gframe{display:block;width:100%;height:min(78vh,760px);border:1.5px solid var(--border);border-radius:18px;background:#fff}
.lk-stage .lk-gframe{height:82vh}

/* --- פעילות פתיחה --- */
.lk-op2{display:grid;gap:14px;margin:14px 0}
.lk-bigq{font-size:clamp(1.25rem,2.6vw,1.8rem);font-weight:800;color:var(--navy);line-height:1.4;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,var(--blue-bg),var(--cyan-100));border:1px solid var(--border)}
.lk-story{font-size:var(--fs-lg);line-height:1.8;padding:18px 22px;border-radius:16px;background:#FFFBF2;border:1px solid #F1E3C2}
.lk-op2 .lk-btn{justify-self:start}
.lk-timer{font-variant-numeric:tabular-nums;font-size:var(--fs-lg);padding:10px 22px}
.lk-rv{display:none;margin-top:8px;padding:12px 16px;border-radius:12px;background:var(--soft-bg);font-size:var(--fs-md);line-height:1.6}
.lk-rv.on{display:block;animation:lkIn .3s ease}
.lk-hints{margin:0;padding-inline-start:22px;display:grid;gap:8px;font-size:var(--fs-lg)}
.lk-hints li{animation:lkIn .35s ease}
.lk-flips{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.lk-flip{position:relative;display:grid;text-align:start;font:inherit;font-size:var(--fs-md);line-height:1.55;color:var(--text);background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:18px;min-height:120px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.lk-flip:hover{transform:translateY(-2px);box-shadow:var(--sh-sm)}
.lk-flip .f,.lk-flip .b{grid-area:1/1}
.lk-flip .b{display:none}
.lk-flip.on .f{visibility:hidden}
.lk-flip.on .b{display:block;animation:lkIn .3s ease}
.lk-flip .b b{display:block;font-size:var(--fs-lg);margin-bottom:4px}
.lk-flip .b.t b{color:#1F7A42}.lk-flip .b.x b{color:#C42B2B}
.lk-flip.on{background:var(--soft-bg)}
.lk-tt{cursor:default}
.lk-tt.lie{border-color:#EF5656;background:#FFF1F1}.lk-tt.lie::after{content:"השקר";position:absolute;top:8px;left:10px;font-size:var(--fs-xs);font-weight:800;color:#C42B2B}
.lk-tt.truth{border-color:#9FD4B0;background:#F1FBF4}
.lk-guess{display:flex;gap:10px;flex-wrap:wrap}
.lk-guess input{font:inherit;font-size:var(--fs-lg);padding:10px 14px;border:1.5px solid var(--border);border-radius:12px;width:220px;max-width:100%}
.lk-votes{display:grid;gap:8px}
.lk-vote{display:grid;grid-template-columns:auto 1fr 1.2fr auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:#fff;font-size:var(--fs-md)}
.lk-vote .bar{height:12px;border-radius:99px;background:var(--soft-bg);overflow:hidden}
.lk-vote .bar i{display:block;height:100%;background:var(--grad);transition:width .3s}
.lk-vote b{min-width:2ch;text-align:center;color:var(--navy)}
@keyframes lkIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:640px){.lk-vote{grid-template-columns:auto 1fr auto}.lk-vote .bar{grid-column:1/-1}}

/* --- פתיחה חיה מהטלפונים: הצבעה וענן מילים (11.10.26) --- */
.lk-vote.nb{grid-template-columns:1fr 1.2fr auto}
.lk-vote.mine{border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,119,153,.14)}
.lk-cnt{margin-top:10px;font-size:var(--fs-sm);font-weight:700;color:var(--navy);min-height:1.2em}
.lk-golive{margin-top:14px}
.lk-livebox{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px;border-radius:16px;background:var(--soft-bg);border:1px dashed var(--border-strong)}
.lk-lqr img,.lk-lqr canvas{display:block;background:#fff;padding:8px;border-radius:12px;border:1.5px solid var(--border)}
.lk-ltx{flex:1;min-width:200px}
.lk-ltx b{display:block;color:var(--navy);font-size:var(--fs-md);margin-bottom:8px}
.lk-ltx .lk-url{margin-bottom:0}
.lk-cloud-eg{margin:-4px 0 12px;font-size:var(--fs-sm);color:var(--text2)}
.lk-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;min-height:120px;margin-top:14px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--border);font-size:var(--fs-lg);line-height:1.25}
.lk-cloud span{font-weight:800;animation:lkIn .4s var(--ease,ease)}
.lk-cloud .c0{color:var(--m-blue-ink,#2A66AA)}.lk-cloud .c1{color:var(--m-green-ink,#1F7A42)}.lk-cloud .c2{color:#B4531F}
.lk-cloud .c3{color:#7A5BB5}.lk-cloud .c4{color:#13817C}
.lk-cloud .lk-cloud-empty{font-weight:600;color:var(--muted);font-size:var(--fs-sm)}
.lk-stage .lk-cloud{font-size:1.6rem}

/* --- דף עבודה מקוון בעמוד התלמיד --- */
textarea.lk-ans{display:block;width:100%;font:inherit;font-size:var(--fs-md);line-height:1.6;padding:10px 13px;border:1.5px solid var(--border);border-radius:12px;background:#fff;color:var(--text);resize:vertical;margin-top:4px}
textarea.lk-ans:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,119,153,.12)}
.lk-submit{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.lk-submit>span{font-size:var(--fs-xs);color:var(--text2)}
.lk-submit .lk-sent{flex-basis:100%;margin-top:0}
.lk-sent{font-weight:700;color:var(--m-green-ink,#1F7A42);background:#F1FBF4}
.lk-sent.bad{color:#9A2B2B;background:#FFF1F1}
.lk-sent .lk-btn{margin-inline-start:8px}

/* --- דף עבודה דיפרנציאלי --- */
.lk-diag{margin:6px 0 18px;padding:16px;border-radius:16px;background:var(--soft-bg);border:1px solid var(--border)}
.lk-diag-h{display:block;color:var(--navy);margin-bottom:10px}
.lk-a.sel{border-color:var(--navy);background:var(--blue-bg)}
.lk-route{margin-top:10px;font-size:var(--fs-sm);color:var(--text2)}
.lk-routed{margin-top:12px}
.lk-set{margin-top:16px;padding:16px;border:1.5px solid var(--border);border-radius:16px}
.lk-set-h{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.lk-set-h b{color:var(--navy);font-size:var(--fs-lg)}
.lk-set-h span{font-size:var(--fs-sm);color:var(--text2)}
.lk-diff.routed .lk-set{opacity:.35}
.lk-diff.routed .lk-set.on{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,119,153,.12)}
.lk-student .lk-diff .lk-set{display:none}
.lk-student .lk-diff .lk-set.on{display:block;opacity:1}

/* --- מצגת לפי סוג שקף (מבנה; העיצוב בבלוק הנושא למטה) --- */
.lk-deck2 .sl{position:relative;aspect-ratio:16/9;overflow:hidden;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;padding:6cqw 7cqw;border-radius:16px;margin-bottom:6px}
.lk-deck2 .sl .num{position:absolute;top:3.4cqw;left:4cqw;font-size:1.8cqw;font-weight:700}
.lk-deck2 .sl .kick{display:flex;align-items:center;gap:1cqw;font-size:1.5cqw;font-weight:800;letter-spacing:.04em;margin-bottom:1.6cqw}
.lk-deck2 .sl .kick svg{width:2.6cqw;height:2.6cqw}
.lk-deck2 .sl h2{font-size:4.6cqw;line-height:1.1;margin:0 0 2.4cqw;padding:0;border:0}
.lk-deck2 .sl h2::before{display:none}
.lk-deck2 .sl .sfoot{position:absolute;bottom:2.6cqw;right:7cqw;font-size:1.2cqw;opacity:.6}
.lk-deck2 .pts{list-style:none;display:grid;gap:1.4cqw;margin:0;padding:0}
.lk-deck2 .pts li{font-size:2.6cqw;line-height:1.35;position:relative;padding-inline-start:3cqw}
.lk-deck2 .pts li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:1.3cqw;height:1.3cqw;border-radius:50%;background:var(--d2acc)}
.lk-deck2 .split{display:grid;grid-template-columns:1.35fr 1fr;gap:4cqw;align-items:center}
.lk-deck2 .steps{list-style:none;display:grid;gap:1.4cqw;margin:0;padding:0}
.lk-deck2 .steps li{display:flex;gap:1.6cqw;align-items:baseline;font-size:2.4cqw;line-height:1.35}
.lk-deck2 .steps .i{flex:none;width:3.4cqw;height:3.4cqw;border-radius:50%;display:grid;place-items:center;font-size:1.6cqw}
.lk-deck2 .bigbox{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--d2r)}
.lk-deck2 .big{font-size:8.5cqw;font-weight:800;line-height:1;white-space:nowrap}
.lk-deck2 blockquote{font-size:4.4cqw;line-height:1.25;max-width:85%;margin:.5cqw 0 0}
.lk-deck2 .hint{margin-top:3cqw;font-size:2cqw;opacity:.75}
.lk-deck2 .cols{display:grid;grid-template-columns:1fr auto 1fr;gap:2.4cqw;align-items:stretch}
.lk-deck2 .col{border-radius:var(--d2r);padding:3cqw}
.lk-deck2 .col b{display:block;font-size:3.2cqw;margin-bottom:1.4cqw}
.lk-deck2 .col ul{list-style:none;display:grid;gap:1cqw;margin:0;padding:0}
.lk-deck2 .col li{font-size:2.3cqw}
.lk-deck2 .vs{align-self:center;font-size:2.4cqw;font-weight:800;opacity:.6}
.lk-deck2 .cards{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2.2cqw;margin:0;padding:0}
.lk-deck2 .cards li{border-radius:var(--d2r);padding:2.6cqw;display:flex;flex-direction:column;gap:1.4cqw;font-size:2.2cqw;line-height:1.35;min-height:16cqw}
.lk-deck2 .cards b{font-size:4.4cqw;line-height:1}
.lk-deck2 .t-title h1{font-size:8cqw;line-height:1.02;margin:1.6cqw 0 2cqw}
.lk-deck2 .t-title .eyebrow{font-size:1.6cqw;font-weight:800;letter-spacing:.06em}
.lk-deck2 .t-title .sub{font-size:2.4cqw;margin:.6cqw 0 0}
.lk-deck2 .t-title .bar{display:flex;gap:.6cqw;margin-top:4cqw}
.lk-deck2 .t-title .bar i{width:5cqw;height:.9cqw;border-radius:9px}
.lk-deck2 .t-title .bar i:nth-child(1){background:#2F74C0}.lk-deck2 .t-title .bar i:nth-child(2){background:#2F9F55}.lk-deck2 .t-title .bar i:nth-child(3){background:#F2B233}.lk-deck2 .t-title .bar i:nth-child(4){background:#EF5656}.lk-deck2 .t-title .bar i:nth-child(5){background:#8F7AC3}
.lk-stage .lk-deck2 .sl{max-height:80vh;margin:0 auto}
@media(max-width:640px){.lk-deck2 .split{grid-template-columns:1fr 1fr;gap:3cqw}}

/* @@DECK-THEME@@ — כיוון 3 "בלוקים צבעוניים" (בחירת מיטל 11.10.26): לבן נקי, בלוק צבע בצד לפי סוג השקף, Heebo שמן */
.lk-deck2{--d2acc:#0B1B2B;--d2r:0px;font-family:'Heebo','Assistant',sans-serif}
.lk-deck2 .sl{background:#fff;color:#0B1B2B;box-shadow:0 10px 30px rgba(11,27,43,.1);padding-left:30cqw;border-radius:6px}
.lk-deck2 .sl::before{content:"";position:absolute;top:0;bottom:0;left:0;width:24cqw;background:var(--blk,#2F74C0)}
.lk-deck2 .t-goal{--blk:#2F9F55}.lk-deck2 .t-question{--blk:#EF5656}.lk-deck2 .t-concept{--blk:#2F74C0}.lk-deck2 .t-example{--blk:#E0A21F}
.lk-deck2 .t-compare{--blk:#8F7AC3}.lk-deck2 .t-task{--blk:#1FA6A0}.lk-deck2 .t-summary{--blk:#0B1B2B}.lk-deck2 .t-exit{--blk:#EF5656}
.lk-deck2 .sl .num{left:auto;right:7cqw;top:3cqw;color:var(--blk);font-weight:900}
.lk-deck2 .sl .kick{position:absolute;left:0;top:0;width:24cqw;height:100%;flex-direction:column;justify-content:center;color:#fff;font-size:2.1cqw;margin:0;z-index:1}
.lk-deck2 .sl .kick svg{width:9cqw;height:9cqw;stroke-width:1.3}
.lk-deck2 .sl h2{font-weight:900;font-size:5.8cqw;color:#0B1B2B}
.lk-deck2 .pts li{font-size:3.2cqw}.lk-deck2 .steps li{font-size:3cqw}.lk-deck2 .steps .i{width:4cqw;height:4cqw;font-size:2cqw}.lk-deck2 .col li{font-size:2.8cqw}.lk-deck2 .cards li{font-size:2.8cqw}
.lk-deck2 .pts li::before{border-radius:0;background:var(--blk)}
.lk-deck2 .steps .i{background:var(--blk);color:#fff;border-radius:0;font-weight:900}
.lk-deck2 .split{grid-template-columns:1fr;gap:1.5cqw}
.lk-deck2 .bigbox{aspect-ratio:auto;place-items:start;margin-top:1cqw}
.lk-deck2 .big{color:var(--blk);font-size:10cqw;font-weight:900}
.lk-deck2 blockquote{font-weight:900;font-size:4cqw;color:#0B1B2B}
.lk-deck2 .col.a{background:#EFEAF8}.lk-deck2 .col.b{background:#F3F5F8}
.lk-deck2 .col b{font-weight:900}
.lk-deck2 .cards{grid-template-columns:1fr;gap:1.4cqw}
.lk-deck2 .cards li{flex-direction:row;align-items:center;min-height:0;background:#F3F5F8;padding:1.6cqw 2cqw}
.lk-deck2 .cards b{color:var(--blk);font-size:3.4cqw;font-weight:900}
.lk-deck2 .t-title{padding-left:7cqw;background:#0B1B2B;color:#fff}
.lk-deck2 .t-title::before{display:none}
.lk-deck2 .t-title h1{font-weight:900}
.lk-deck2 .t-title .eyebrow{color:#27C6F3}