/* Maslul Rechev 2026 global QA + UX renewal layer */
:root{
  --qa-bg:#f6faff;--qa-surface:#ffffff;--qa-surface-2:#f1f7ff;--qa-text:#111827;--qa-muted:#536177;
  --qa-line:#d8e5f2;--qa-blue:#2563eb;--qa-cyan:#06b6d4;--qa-green:#079455;--qa-red:#d92d20;--qa-gold:#b7791f;
  --qa-shadow:0 18px 52px rgba(30,41,59,.10);--qa-shadow-soft:0 10px 28px rgba(30,41,59,.07);
}
html{width:100%;max-width:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden;color:var(--qa-text);background:linear-gradient(180deg,#f8fbff 0%,#edf5ff 52%,#f9fbff 100%);font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box} img,svg,video,canvas{max-width:100%;height:auto} a,button,[role="button"],.card,.lesson,.tool-btn,.chip{touch-action:manipulation} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.28)!important;outline-offset:3px!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 45%,transparent 100%)}
.container,.wrap,main,.main,.page,.content{max-width:min(1220px,calc(100% - 28px));margin-left:auto;margin-right:auto}.container,.wrap{padding-left:clamp(10px,2vw,28px);padding-right:clamp(10px,2vw,28px)}
h1,h2,h3{color:#121827;text-wrap:balance;letter-spacing:0!important} p,li,td,th,span,div{word-break:normal;overflow-wrap:anywhere} p{color:inherit}.muted,.text-muted,[class*="muted"]{color:var(--qa-muted)!important}
section,.section,.panel,.card,.lesson,.info-card,.base-card,.sim-card,.game-card,.challenge-card,.xp-card,.controls,.quiz-card,.modal-content{border-color:var(--qa-line)!important}.card,.lesson,.info-card,.base-card,.sim-card,.game-card,.challenge-card,.xp-card{box-shadow:var(--qa-shadow-soft);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover,.lesson:hover,.info-card:hover,.base-card:hover,.sim-card:hover,.game-card:hover,.challenge-card:hover,.xp-card:hover{transform:translateY(-3px);box-shadow:var(--qa-shadow);border-color:#b9cbe0!important}
button,.btn,.button,.tool-btn,.chip,.tab-btn,.open,.mark,.course-nav-fix a{min-height:42px;border-radius:14px;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}button:hover,.btn:hover,.button:hover,.tool-btn:hover,.chip:hover,.tab-btn:hover,.open:hover,.mark:hover,.course-nav-fix a:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(30,41,59,.10)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
input,select,textarea{max-width:100%;border:1px solid var(--qa-line)!important;border-radius:14px!important;background:#fff!important;color:#111827!important;box-shadow:0 8px 22px rgba(30,41,59,.05)!important}input::placeholder,textarea::placeholder{color:#7a8799!important}.search,.search-box,.filters,.controls{max-width:100%;overflow:hidden}
table{width:100%;border-collapse:collapse}th{color:#344054!important}td{color:#1f2937!important}tr{border-color:var(--qa-line)!important}.table-wrap,.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}
/* Dark-surface contrast guard */
[style*="background:#0"],[style*="background: #0"],[style*="background-color:#0"],[style*="background-color: #0"],.dark-panel,.dark-card,.lab-panel,.sim-panel,.game-panel,.diagnostic-panel,.console,.terminal,.code-panel{color:#f8fafc!important}.dark-panel *,.dark-card *,.lab-panel *,.sim-panel *,.game-panel *,.diagnostic-panel *,.console *,.terminal *,.code-panel *{color:inherit}.dark-panel .muted,.dark-card .muted,.lab-panel .muted,.sim-panel .muted,.game-panel .muted{color:#cbd5e1!important}.dark-panel input,.dark-card input,.lab-panel input,.sim-panel input,.game-panel input,.dark-panel select,.dark-card select,.lab-panel select,.sim-panel select,.game-panel select{background:#fff!important;color:#111827!important}
/* Consistent chapter nav */
.course-nav-fix{max-width:1120px;margin:34px auto 18px;padding:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;direction:rtl}.course-nav-fix a{background:#fff!important;color:#121827!important;border:1px solid var(--qa-line)!important;box-shadow:var(--qa-shadow-soft)!important}.course-nav-fix a.primary{background:linear-gradient(135deg,#111827,#263244)!important;border-color:#111827!important;color:#fff!important}
.qa-toast{position:fixed;right:18px;bottom:18px;z-index:9999;background:#111827;color:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 18px 50px rgba(17,24,39,.28);font:800 13px Arial;opacity:0;transform:translateY(10px);transition:.22s}.qa-toast.show{opacity:1;transform:none}
@media(max-width:720px){body{background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 58%,#fbfdff 100%)}.container,.wrap,main,.main,.page,.content{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:12px!important;padding-right:12px!important;overflow:hidden!important}h1{font-size:clamp(2rem,11vw,3.35rem)!important;line-height:1.05!important}h2{font-size:clamp(1.55rem,8vw,2.45rem)!important;line-height:1.12!important}h3{font-size:clamp(1.15rem,6vw,1.65rem)!important}.hero,.header,.section-header{max-width:100%!important;overflow:hidden!important;border-radius:22px!important}.grid,.cards,.lessons,.chapters{grid-template-columns:1fr!important}.course-nav-fix{display:grid!important;grid-template-columns:1fr!important;margin:22px 12px!important}.course-nav-fix a{text-align:center!important;width:100%!important}.table-wrap,.table-container,table{display:block!important;max-width:100%!important;overflow-x:auto!important}.card,.lesson,.panel,.info-card,.base-card,.sim-card,.game-card{max-width:100%!important}.chips,.tabs,.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip,.tab-btn{flex:1 1 42%;text-align:center;min-width:0}.qa-toast{right:12px;left:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* QA pass 2: mobile edge + fault-book readability */
.fault-book{background:#fff!important;color:#111827!important;border:1px solid var(--qa-line)!important;border-radius:28px!important;box-shadow:var(--qa-shadow)!important;overflow:hidden!important}.fault-book *{color:inherit}.fault-book .fault-table th{background:#f1f7ff!important;color:#344054!important;border-bottom:1px solid var(--qa-line)!important}.fault-book .fault-table td{background:#fff!important;color:#1f2937!important;border-bottom:1px solid #d8e5f2!important}.fault-book .fault-table tr:hover td{background:#f8fbff!important}.fault-book .stat-mini,.fault-book .search-input,.fault-book select,.fault-book input,.fault-book textarea{background:#fff!important;color:#111827!important;border-color:#d8e5f2!important}.fault-book [style*="var(--muted)"],.fault-book .lbl{color:#667085!important}.fault-book [style*="var(--amber)"],.fault-book .val{color:#b56b0b!important}.fault-book .table-container,.fault-book .table-wrap{background:#fff!important;border-radius:18px!important}
@media(max-width:720px){body{direction:ltr!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}body>*{direction:rtl!important}.container,.wrap,main,.main,.page,.content,.section-header,.hero,.header,.fault-book,.lab-bench,.controls{transform:none!important;left:auto!important;right:auto!important;max-width:calc(100vw - 24px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}.section-header h1,.section-header h2,.hero h1,.hero h2,h1,h2{max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important}.section-header span,.hero p,.hero span{display:block!important;max-width:100%!important;text-align:center!important}.fault-book{width:calc(100vw - 24px)!important}.fault-book .table-container,.fault-book .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}.fault-book table{min-width:720px!important}.fault-book th,.fault-book td{white-space:normal!important}.badges-container{max-width:calc(100vw - 24px)!important;overflow:hidden!important}.badge::after{font-size:.55rem!important}}
/* QA pass 3: never ship faded reveal content; force long Hebrew titles to wrap */
.reveal,.reveal.visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.badge,.badge *{opacity:1!important;filter:none!important}h1,h2,h3,.section-header h1,.section-header h2,.hero h1,.hero h2{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:break-word!important}.section-header,.hero,header{width:auto!important;max-width:calc(100vw - 24px)!important;margin-left:auto!important;margin-right:auto!important}.fault-book .fault-table td,.fault-book .fault-table th{opacity:1!important;color:#1f2937!important}.fault-book .fault-table th{color:#344054!important}.fault-book tbody,.fault-book tr{opacity:1!important;background:#fff!important}
@media(max-width:720px){h1,.hero h1{font-size:clamp(2rem,9vw,2.85rem)!important;line-height:1.08!important}h2,.hero h2,.section-header h2{font-size:clamp(1.65rem,8vw,2.45rem)!important}.hero,.section-header,header{padding-left:12px!important;padding-right:12px!important}.hero *,.section-header *{max-width:100%!important}.idf-vehicles-page h1,.idf-vehicles-page .hero h1{font-size:2.25rem!important;line-height:1.1!important}.idf-vehicles-page .hero,.idf-vehicles-page header{max-width:calc(100vw - 24px)!important;overflow:hidden!important}.fault-book .fault-table td{color:#1f2937!important;background:#fff!important}.fault-book .fault-table th{background:#eef6ff!important;color:#344054!important}}
/* QA pass 4: page-specific hard fixes spotted in screenshots */
.idf-vehicles-page .eyebrow{white-space:normal!important;letter-spacing:.22em!important;line-height:1.45!important;max-width:100%!important;text-align:center!important;opacity:1!important}.idf-vehicles-page h1{white-space:normal!important;text-align:center!important;max-width:100%!important}.fault-table,.fault-table tbody,.fault-table tr,.fault-table td,.fault-table th{opacity:1!important;filter:none!important;text-shadow:none!important}.fault-table td,.fault-table td *{color:#1f2937!important;font-weight:750!important}.fault-table td b{color:#111827!important;font-weight:950!important}.fault-table td[style*="var(--green)"]{color:#047857!important}.fault-table th,.fault-table th *{color:#334155!important;font-weight:950!important}.severity-badge,.severity-badge *{color:#111827!important;font-weight:950!important}.fault-book .search-input{color:#111827!important}.fault-book .search-input::placeholder{color:#667085!important}
@media(max-width:720px){.idf-vehicles-page .eyebrow{font-size:10px!important;letter-spacing:.28em!important;padding:0 12px!important}.idf-vehicles-page h1{font-size:2.15rem!important}.fault-table td,.fault-table th{font-size:.84rem!important;line-height:1.55!important}.fault-book{background:#fff!important}.fault-book .fault-table{background:#fff!important}}
/* Automotive UI 2026 premium design pass: Figma-inspired component language */
:root{--auto-ink:#101828;--auto-slate:#263244;--auto-blue:#2563eb;--auto-sky:#0ea5e9;--auto-red:#e23d45;--auto-teal:#0f9f8f;--auto-gold:#c98716;--auto-glass:rgba(255,255,255,.76);--auto-line:rgba(148,163,184,.34);--auto-shadow:0 24px 80px rgba(15,23,42,.13)}
body{background:radial-gradient(circle at 18% 8%,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at 86% 18%,rgba(226,61,69,.10),transparent 24%),linear-gradient(180deg,#fbfdff 0%,#eef6ff 46%,#f8fbff 100%)!important}body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.62) 42% 45%,transparent 45% 100%);opacity:.42}.top{background:rgba(255,255,255,.72)!important;border-bottom:1px solid rgba(216,229,242,.78)!important;box-shadow:0 16px 45px rgba(30,41,59,.08)!important}.brand-mark{background:conic-gradient(from 210deg,#e23d45,#f5b84b,#0f9f8f,#2563eb,#e23d45)!important;box-shadow:0 10px 28px rgba(37,99,235,.20);animation:autoSpinGlow 8s linear infinite}.brand-mark::before{content:"";position:absolute;inset:5px;border-radius:10px;background:rgba(255,255,255,.12);backdrop-filter:blur(3px)}@keyframes autoSpinGlow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
.hero-panel,.hero-visual,.section-header,.controls,.fault-book,.lab-bench{position:relative;isolation:isolate}.hero-panel::before,.section-header::before,.controls::before,.lab-bench::before,.fault-book::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;border-radius:inherit;background:linear-gradient(90deg,#e23d45 0 23%,#f5b84b 23% 45%,#0f9f8f 45% 68%,#2563eb 68% 100%);z-index:2}.hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(242,248,255,.82) 58%,rgba(237,253,250,.74))!important;border-color:rgba(148,163,184,.28)!important;box-shadow:var(--auto-shadow)!important}.hero-panel::after{content:"";position:absolute;inset:auto 8% -90px 8%;height:180px;background:radial-gradient(ellipse at center,rgba(37,99,235,.12),transparent 64%);z-index:-1}.hero h1 span{background:linear-gradient(90deg,#e23d45,#b4232b);-webkit-background-clip:text;background-clip:text;color:transparent!important}.hero p{font-weight:760;color:#475467!important}.kicker,.eyebrow{color:#b66b08!important}.hero-actions .btn,.btn.primary,.open{position:relative;overflow:hidden}.hero-actions .btn::after,.btn.primary::after,.open::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.36),transparent);transform:translateX(-140%);transition:.6s}.hero-actions .btn:hover::after,.btn.primary:hover::after,.open:hover::after{transform:translateX(140%)}
.section-head{background:rgba(255,255,255,.68);backdrop-filter:blur(18px);border:1px solid rgba(216,229,242,.75);border-radius:22px;padding:14px 16px;box-shadow:0 14px 40px rgba(30,41,59,.07)}.section h2,.section-head h2{font-weight:950;color:#101828!important}.tool,.path,.lesson,.card,.info-card,.base-card,.xp-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92))!important;border:1px solid rgba(185,203,224,.76)!important;box-shadow:0 16px 45px rgba(30,41,59,.08)!important}.tool::before,.path::before,.lesson::after{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,transparent,rgba(37,99,235,.26),transparent)}.lesson{border-radius:22px!important;min-height:178px!important}.lesson::before{height:7px!important;background:linear-gradient(90deg,var(--c,#2563eb),rgba(255,255,255,.2))!important}.lesson h3{font-weight:950;color:#111827!important}.lesson .open{background:#111827;color:#fff!important;border-radius:999px;padding:8px 12px;box-shadow:0 10px 24px rgba(17,24,39,.14)}.lesson .mark{border-radius:999px!important}.badge,.chapter{box-shadow:none!important}.float-card,.mission-card,.challenge{backdrop-filter:blur(18px);background:rgba(255,255,255,.82)!important;border-color:rgba(216,229,242,.72)!important}.visual-float{filter:drop-shadow(0 18px 42px rgba(30,41,59,.16))}.progress{height:11px!important;background:#e8eef6!important}.progress span{background:linear-gradient(90deg,#e23d45,#f5b84b,#0f9f8f,#2563eb)!important}.chip.active,.tab-btn.active{background:linear-gradient(135deg,#111827,#263244)!important;color:#fff!important;border-color:#111827!important}.tool-icon,.path-num{box-shadow:inset 0 1px rgba(255,255,255,.34),0 14px 28px rgba(30,41,59,.12)}
.premium-journey{margin:28px 0;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px;direction:rtl}.premium-card{position:relative;overflow:hidden;min-height:172px;padding:20px;border:1px solid rgba(185,203,224,.76);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,248,255,.9));box-shadow:0 18px 52px rgba(30,41,59,.09);transition:.22s ease}.premium-card:hover{transform:translateY(-4px);box-shadow:0 28px 75px rgba(30,41,59,.14)}.premium-card::after{content:"";position:absolute;inset:auto -18% -48% -18%;height:138px;background:linear-gradient(90deg,rgba(226,61,69,.12),rgba(37,99,235,.15),rgba(15,159,143,.13));transform:rotate(-4deg)}.premium-card .tag{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#fff;color:#b66b08;border:1px solid #f1d59c;font-size:12px;font-weight:950}.premium-card h3{font-size:clamp(1.2rem,2vw,1.65rem)!important;margin:0 0 8px!important}.premium-card p{margin:0;color:#536177;font-weight:760}.premium-card a{position:absolute;inset:auto 18px 18px auto;z-index:2;background:#111827;color:#fff;padding:8px 13px;border-radius:999px;font-weight:950}.premium-card.feature{background:linear-gradient(135deg,#101828,#1f2a44)!important;color:#fff}.premium-card.feature h3,.premium-card.feature p{color:#fff!important}.premium-card.feature p{opacity:.82}.premium-card.feature .tag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}.premium-card.feature a{background:#fff;color:#111827}.auto-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:80;display:flex;gap:8px;padding:8px;border:1px solid rgba(216,229,242,.82);border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(30,41,59,.16)}.auto-dock a{min-width:74px;text-align:center;padding:9px 12px;border-radius:999px;color:#344054;font-weight:950;font-size:13px}.auto-dock a:hover,.auto-dock a.active{background:#111827;color:#fff}.course-nav-fix{padding-bottom:78px!important}
@media(max-width:980px){.premium-journey{grid-template-columns:1fr 1fr}.premium-card.feature{grid-column:1/-1}}@media(max-width:720px){.premium-journey{grid-template-columns:1fr!important;margin:18px 0}.premium-card{min-height:148px;border-radius:20px}.auto-dock{right:10px;left:10px;bottom:10px;transform:none;justify-content:space-between;overflow:auto}.auto-dock a{min-width:max-content;font-size:12px}.hero-panel,.hero-visual{border-radius:24px!important}.section-head{border-radius:18px!important}.lesson{min-height:154px!important}.top{position:sticky!important}.brand-mark{width:34px!important;height:34px!important}}
/* Premium pass hotfix: homepage challenge contrast */
.hero .challenge,.challenge{background:linear-gradient(145deg,#101828,#1f2937)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 22px 58px rgba(15,23,42,.18)!important}.hero .challenge *,.challenge *{color:#fff!important;opacity:1!important}.challenge .label{color:#cbd5e1!important}.challenge-options button{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}.challenge-options button:hover{background:rgba(255,255,255,.14)!important}.challenge-options button.good{background:rgba(16,185,129,.18)!important;border-color:#34d399!important;color:#fff!important}.challenge-options button.bad{background:rgba(226,61,69,.18)!important;border-color:#fb7185!important;color:#fff!important}
/* Chapter UX 2026: shared learning mission layer for all chapters */
.chapter-learning-strip{max-width:1180px;margin:18px auto 24px;padding:14px;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;direction:rtl}.chapter-learning-card{position:relative;overflow:hidden;min-height:118px;padding:16px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,248,255,.9));border:1px solid rgba(185,203,224,.76);box-shadow:0 16px 44px rgba(30,41,59,.08)}.chapter-learning-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#e23d45,#f5b84b,#0f9f8f,#2563eb)}.chapter-learning-card b{display:block;color:#101828;font-size:16px;font-weight:950;margin-bottom:5px}.chapter-learning-card span{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;letter-spacing:.12em;font-weight:950;color:#b56b0b;text-transform:uppercase}.chapter-learning-card p{margin:0;color:#536177;font-weight:760;line-height:1.55;font-size:14px}.chapter-learning-card.primary{background:linear-gradient(135deg,#101828,#1f2a44)!important;color:#fff}.chapter-learning-card.primary b,.chapter-learning-card.primary p{color:#fff!important}.chapter-learning-card.primary p{opacity:.84}.chapter-learning-card.primary span{color:#f6d38b}.chapter-learning-card .mini-meter{height:8px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.chapter-learning-card .mini-meter i{display:block;height:100%;width:38%;border-radius:inherit;background:linear-gradient(90deg,#e23d45,#f5b84b,#0f9f8f)}.chapter-focus-note{max-width:1120px;margin:16px auto;padding:14px 18px;border-radius:20px;background:#fff;border:1px solid #d8e5f2;box-shadow:0 12px 34px rgba(30,41,59,.07);display:flex;gap:12px;align-items:center;direction:rtl}.chapter-focus-note strong{color:#101828;font-weight:950}.chapter-focus-note span{color:#536177;font-weight:760}.chapter-focus-note .dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#e23d45,#2563eb);flex:0 0 auto;box-shadow:0 0 0 6px rgba(37,99,235,.08)}
body.chapter-page-ux .section-header,body.chapter-page-ux header,body.chapter-page-ux .hero{border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,247,255,.82))!important;border:1px solid rgba(185,203,224,.72)!important;box-shadow:0 22px 70px rgba(30,41,59,.10)!important}body.chapter-page-ux .section-header h1,body.chapter-page-ux .section-header h2,body.chapter-page-ux header h1,body.chapter-page-ux header h2{font-weight:950!important;line-height:1.05!important}body.chapter-page-ux .section-header::after,body.chapter-page-ux header::after{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#e23d45 0 24%,#f5b84b 24% 48%,#0f9f8f 48% 72%,#2563eb 72% 100%);border-radius:inherit}.course-nav-fix{background:rgba(255,255,255,.72);border:1px solid rgba(216,229,242,.82);border-radius:24px;box-shadow:0 18px 50px rgba(30,41,59,.08);backdrop-filter:blur(16px)}.course-nav-fix::before{content:"המשך במסלול";display:block;width:100%;text-align:center;color:#667085;font-weight:950;font-size:12px;letter-spacing:.12em;margin-bottom:4px}.course-nav-fix a{position:relative;overflow:hidden}.course-nav-fix a::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-140%);transition:.55s}.course-nav-fix a:hover::after{transform:translateX(140%)}
@media(max-width:820px){.chapter-learning-strip{grid-template-columns:1fr!important;margin:14px 12px 20px;padding:0;gap:10px}.chapter-learning-card{min-height:auto;border-radius:18px;padding:15px}.chapter-focus-note{margin:12px;align-items:flex-start}.chapter-focus-note span{font-size:13px}body.chapter-page-ux .section-header,body.chapter-page-ux header,body.chapter-page-ux .hero{max-width:calc(100vw - 24px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:14px!important;padding-right:14px!important;overflow:hidden!important}body.chapter-page-ux .section-header h1,body.chapter-page-ux .section-header h2,body.chapter-page-ux header h1,body.chapter-page-ux header h2{font-size:clamp(2rem,8.5vw,2.9rem)!important;text-align:center!important}.course-nav-fix{margin:22px 12px 92px!important;padding:12px!important}}
/* Chapter UX hotfix: RTL mobile clipping */
body.chapter-page-ux{direction:rtl!important}body.chapter-page-ux>*{direction:rtl!important}.chapter-learning-strip{width:min(1180px,calc(100% - 24px))!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important;overflow:hidden!important}.chapter-learning-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;text-align:right!important;overflow:hidden!important}.chapter-learning-card *{max-width:100%!important}.chapter-learning-card b,.chapter-learning-card p{overflow-wrap:break-word!important;word-break:normal!important}.chapter-learning-card span{white-space:normal!important}.chapter-focus-note{width:min(1120px,calc(100% - 24px))!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important;overflow:hidden!important}@media(max-width:820px){body.chapter-page-ux{direction:rtl!important}.chapter-learning-strip{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-right:auto!important;margin-left:auto!important;padding:0!important}.chapter-learning-card{padding-right:16px!important;padding-left:16px!important}.chapter-learning-card.primary{padding-top:18px!important}.chapter-focus-note{width:calc(100vw - 24px)!important;margin-right:auto!important;margin-left:auto!important}.chapter-page-ux .auto-dock{direction:rtl!important}}
/* Chapter UX hotfix 2: LTR grid shell, RTL card content */
.chapter-learning-strip{direction:ltr!important}.chapter-learning-card{direction:rtl!important}.chapter-focus-note{direction:rtl!important}@media(max-width:820px){.chapter-learning-strip{direction:ltr!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch!important;align-items:stretch!important}.chapter-learning-card{direction:rtl!important;margin:0!important}.chapter-learning-card span,.chapter-learning-card b,.chapter-learning-card p{text-align:right!important}.chapter-learning-card.primary .mini-meter{direction:ltr!important}}
/* Chapter UX hotfix 3: mobile viewport shell must stay LTR */
@media(max-width:820px){body.chapter-page-ux{direction:ltr!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}body.chapter-page-ux>*{direction:rtl!important;max-width:100%!important;box-sizing:border-box!important}body.chapter-page-ux .container,body.chapter-page-ux .wrap,body.chapter-page-ux main,body.chapter-page-ux .main,body.chapter-page-ux .page,body.chapter-page-ux .content{direction:rtl!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:12px!important;padding-right:12px!important;overflow:hidden!important}.chapter-learning-strip{direction:ltr!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}.chapter-learning-card{direction:rtl!important}.chapter-focus-note{direction:rtl!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}.course-nav-fix{direction:rtl!important}}
/* Chapter UX hotfix 4: legacy chapter wrappers right-edge compensation */
@media(max-width:820px){body.chapter-page-ux .container,body.chapter-page-ux .wrap,body.chapter-page-ux main,body.chapter-page-ux .main,body.chapter-page-ux .page,body.chapter-page-ux .content,body.chapter-page-ux .section-header,body.chapter-page-ux header,body.chapter-page-ux .hero,body.chapter-page-ux .chapter-learning-strip,body.chapter-page-ux .chapter-focus-note{transform:translateX(-22px)!important}.chapter-page-ux .auto-dock{transform:none!important}}
/* Chapter UX hotfix 5: balanced mobile compensation */
@media(max-width:820px){body.chapter-page-ux .container,body.chapter-page-ux .wrap,body.chapter-page-ux main,body.chapter-page-ux .main,body.chapter-page-ux .page,body.chapter-page-ux .content,body.chapter-page-ux .section-header,body.chapter-page-ux header,body.chapter-page-ux .hero,body.chapter-page-ux .chapter-learning-strip,body.chapter-page-ux .chapter-focus-note{transform:translateX(-10px)!important}}
/* Chapter UX hotfix 6: center mobile mission cards to avoid legacy right clipping */
@media(max-width:820px){.chapter-learning-card{text-align:center!important;padding-left:18px!important;padding-right:18px!important}.chapter-learning-card span,.chapter-learning-card b,.chapter-learning-card p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.chapter-learning-card span{display:flex!important;justify-content:center!important}.chapter-learning-card.primary .mini-meter{max-width:86%!important;margin-left:auto!important;margin-right:auto!important}.chapter-page-ux .kicker,.chapter-page-ux .eyebrow{white-space:normal!important;text-align:center!important;letter-spacing:.14em!important}}