
.cyber-lesson-content { color:#dfe2fb; font-size:16px; line-height:1.75; direction:rtl; text-align:right; unicode-bidi:isolate; }
.cyber-lesson-content .chapter { margin-bottom:40px; padding-bottom:8px; }
.cyber-lesson-content .kicker { font-size:12.5px; letter-spacing:.1em; color:#a78bfa; font-weight:700; margin-bottom:7px; }
.cyber-lesson-content h2 { font-size:26px; font-weight:800; margin:0 0 4px; color:#fff; }
.cyber-lesson-content h3 { font-size:20px; font-weight:700; margin:32px 0 10px; color:#fff; }
.cyber-lesson-content .lead { font-size:17px; color:#a9add6; margin:16px 0; }
.cyber-lesson-content p { margin:14px 0; }
.cyber-lesson-content em.t { color:#c4b5fd; font-style:normal; font-weight:700; }
.cyber-lesson-content .inl { font-family:'JetBrains Mono',monospace; font-size:.86em; background:#1a1c4a; border:1px solid #34367a; padding:1px 6px; border-radius:6px; color:#e0dcff; direction:ltr; unicode-bidi:embed; }
.cyber-lesson-content pre, .cyber-lesson-content .code-block { background:#05061a; border:1px solid #2a2b66; border-radius:14px; margin:16px 0; overflow:hidden; }
.cyber-lesson-content pre code, .cyber-lesson-content .code-block code { display:block; direction:ltr; text-align:left; padding:15px 16px; font-size:13.6px; line-height:1.66; overflow-x:auto; color:#e7eefb; font-family:'JetBrains Mono',monospace; background:transparent; }
.cyber-lesson-content pre .cap { display:flex; align-items:center; gap:8px; font-family:'JetBrains Mono',monospace; font-size:12px; color:#a9add6; background:#10123a; border-bottom:1px solid #2a2b66; padding:8px 14px; direction:ltr; }
.cyber-lesson-content .key { background:#0c2723; border:1px solid #1f6b55; border-radius:14px; padding:17px 19px; margin:22px 0; }
.cyber-lesson-content .key .kt { display:flex; align-items:center; gap:9px; font-weight:800; color:#5ff5b0; margin-bottom:9px; font-size:15.5px; }
.cyber-lesson-content .key .kt .ico { width:23px; height:23px; display:grid; place-items:center; border-radius:7px; background:#19a77d; color:#fff; font-weight:800; }
.cyber-lesson-content .key ul { margin:0; padding:0; list-style:none; }
.cyber-lesson-content .key li { padding:4px 0; padding-inline-start:22px; position:relative; color:#d5f7ea; }
.cyber-lesson-content .key li::before { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:#5ff5b0; inset-block-start:11px; inset-inline-start:4px; }
.cyber-lesson-content .note { border-inline-start:4px solid #a78bfa; background:#17143f; padding:13px 16px; border-radius:0 12px 12px 0; margin:16px 0; color:#dcd7ff; }
.cyber-lesson-content .info-box { background:#17143f; border:1px solid #3d3388; border-radius:14px; padding:14px 16px; margin:16px 0; color:#dcd7ff; }
.cyber-lesson-content .info-box .ihead { font-weight:800; color:#c4b5fd; margin-bottom:6px; }
.cyber-lesson-content .warn-box { background:#261d0c; border:1px solid #6b5222; border-radius:14px; padding:14px 16px; margin:16px 0; color:#f3e6c8; }
.cyber-lesson-content .warn-box .whead { font-weight:800; color:#f5c46b; margin-bottom:6px; }
.cyber-lesson-content .gamma-box { background:#261d0c; border:1px solid #6b5222; border-radius:14px; padding:14px 16px; margin:16px 0; color:#f3e6c8; }
.cyber-lesson-content .gamma-box .ghead { font-weight:800; color:#f5c46b; margin-bottom:6px; }
.cyber-lesson-content .example-box { background:#10123a; border:1px solid #2b2d6e; border-radius:14px; padding:14px 16px; margin:14px 0; }
.cyber-lesson-content .example-box .ehead { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; font-weight:700; color:#8b8fbf; margin-bottom:8px; }
.cyber-lesson-content .tbl { margin:18px 0; border:1px solid #2b2d6e; border-radius:14px; overflow:auto; background:#0b0d2a; }
.cyber-lesson-content table { width:100%; border-collapse:collapse; font-size:14.5px; }
.cyber-lesson-content th, .cyber-lesson-content td { text-align:right; padding:11px 14px; border-bottom:1px solid #22255a; color:#dfe2fb; }
.cyber-lesson-content th { background:#14163f; font-weight:700; color:#fff; font-size:13.5px; }
.cyber-lesson-content td:first-child { color:#c4b5fd; font-family:'JetBrains Mono',monospace; font-size:13px; direction:ltr; text-align:left; }
.cyber-lesson-content details { border-radius:14px; margin:16px 0; border:1px solid #2b2d6e; background:#0b0d2a; overflow:hidden; }
.cyber-lesson-content details summary { cursor:pointer; list-style:none; padding:14px 16px; display:flex; align-items:center; gap:10px; font-weight:700; font-size:15.5px; }
.cyber-lesson-content details summary::-webkit-details-marker { display:none; }
.cyber-lesson-content details .body { padding:2px 16px 15px; }
.cyber-lesson-content details.trap { background:#261d0c; border-color:#6b5222; }
.cyber-lesson-content details.trap > summary { color:#f5c46b; }
.cyber-lesson-content details.expand > summary { color:#c4b5fd; }
.cyber-lesson-content .practice { display:none; }
/* צביעת תחביר בבלוקי קוד (רקע כהה, LTR) */
.cyber-lesson-content .code-block code, .cyber-lesson-content pre code { direction:ltr !important; text-align:left !important; unicode-bidi:isolate; white-space:pre; overflow-x:auto; }
.cyber-lesson-content code { direction:ltr; unicode-bidi:isolate; }
.cyber-lesson-content .c-cm { color:#7f8ea8; font-style:italic; }
.cyber-lesson-content .c-st { color:#9fdf8f; }
.cyber-lesson-content .c-nu { color:#f0b86e; }
.cyber-lesson-content .c-kw { color:#6fb8ff; font-weight:600; }
.cyber-lesson-content .c-fn { color:#d6a6ff; }
/* כרטיס משימת קוד בתוך שיעור */
.cyber-lesson-content .task-box { border:1px solid #2b2d6e; background:#0b0d2a; border-radius:16px; padding:16px 18px; margin:20px 0; }
.cyber-lesson-content .task-head { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px; }
.cyber-lesson-content .task-head > span { font-size:12.5px; font-weight:700; padding:3px 10px; border-radius:999px; background:#14163f; border:1px solid #2b2d6e; color:#a9add6; }
.cyber-lesson-content .task-tier { background:#241d5c !important; border-color:#4c3fa0 !important; color:#ddd6fe !important; }
.cyber-lesson-content .task-pts { background:#261d0c !important; border-color:#6b5222 !important; color:#f5c46b !important; }
.cyber-lesson-content .task-type { background:#2a1240 !important; border-color:#6b2f8f !important; color:#f0abfc !important; }
.cyber-lesson-content .task-title { font-size:18px; font-weight:800; margin-bottom:6px; padding-top:6px; border-top:1px solid #22255a; color:#fff; }
.cyber-lesson-content .task-title::before { content:"משימת קוד להגשה · "; color:#c4b5fd; font-size:13px; font-weight:700; }
.cyber-lesson-content .task-statement { color:#c9cdf0; }
.cyber-lesson-content .task-statement .task-intro { margin:0 0 8px; }
.cyber-lesson-content .task-statement .task-rules { margin:0; padding-inline-start:20px; list-style:disc; }
.cyber-lesson-content .task-statement .task-rules li { margin:4px 0; line-height:1.75; }
/* בידוד LTR לכל מקטע קוד בתוך טקסט עברי — מונע ערבוב סדר תווים */
.cyber-lesson-content .inl { direction:ltr; unicode-bidi:isolate; display:inline-block; font-family:'Courier New',monospace; background:#1a1c4a; border:1px solid #34367a; border-radius:6px; padding:0 5px; color:#e0dcff; }
.cyber-lesson-content .task-examples { margin-top:12px; }
.cyber-lesson-content .task-examples .exhead, .cyber-lesson-content .task-broken .bhead { font-size:12px; font-weight:800; color:#8b8fbf; margin-bottom:6px; }
.cyber-lesson-content .task-examples .ex { padding:3px 0; }
.cyber-lesson-content .task-submit { display:inline-block; margin-top:12px; background:#7c3aed; color:#fff !important; font-weight:700; padding:9px 16px; border-radius:12px; text-decoration:none; }
/* Checklist — פריט בשורה אחת עם תיבת סימון */
.cyber-lesson-content .checklist { display:flex; flex-direction:column; gap:8px; margin:16px 0; }
.cyber-lesson-content .cl-item { display:flex; align-items:flex-start; gap:10px; background:#10123a; border:1px solid #2b2d6e; border-radius:12px; padding:11px 14px; }
.cyber-lesson-content .cl-item .cb { flex:0 0 auto; width:22px; height:22px; display:grid; place-items:center; border-radius:7px; background:#241d5c; border:1px solid #4c3fa0; color:#c4b5fd; font-weight:800; font-size:13px; }
.cyber-lesson-content .cl-label { flex:1; }
.cyber-lesson-content .cl-label b { display:block; font-size:15.5px; color:#fff; }
.cyber-lesson-content .cl-how { font-size:13.5px; color:#a9add6; margin-top:2px; }
/* אזור תרגול נוסף (רשות) */
.cyber-lesson-content details.extra-practice { border:1px dashed #4c3fa0; background:#0b0d2a; margin-top:32px; }
.cyber-lesson-content details.extra-practice > summary { color:#c4b5fd; }
.cyber-lesson-content details.extra-practice .body { padding:8px 16px 18px; }
.cyber-lesson-content details.extra-practice .chapter { margin-bottom:24px; }
