/* Radiology Pro — الأنماط المشتركة */
:root{
  --bg:#F3F6F9; --surface:#FFFFFF; --ink:#0D2B55; --muted:#546784; --line:#D9E1EA;
  --teal:#028090; --mint:#02C39A; --orange:#F97316; --soft:#E6F3F4; --bad:#C2410C; --badsoft:#FDECE3; --head:#0D2B55;
  --f-body:"IBM Plex Sans Arabic",Tahoma,sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0A1628; --surface:#112340; --ink:#E5EEF8; --muted:#9FB2CB; --line:#24395A;
  --teal:#25B5C4; --mint:#2EDDB0; --orange:#FB923C; --soft:#12344A; --bad:#FB923C; --badsoft:#3A2216; --head:#06101F; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.7}
img{max-width:100%}
[hidden]{display:none!important}
a{color:var(--teal)}
.wrap{max-width:980px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap.narrow{max-width:780px}
h1,h2,h3{margin:0;text-wrap:balance;line-height:1.35}
h1{font-size:clamp(24px,4.6vw,38px)} h2{font-size:clamp(19px,3vw,24px)} h3{font-size:16px}
p{margin:0}

/* top bar */
.top{background:var(--head);color:#fff;position:sticky;top:0;z-index:5;padding-top:env(safe-area-inset-top,0px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.brand svg{flex:none}
.brand b{font-size:17px;display:block;line-height:1.2}
.brand small{display:block;font-size:11px;color:#7FE3CF;letter-spacing:.04em;line-height:1.3}
.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
@media (max-width:640px){.nav{gap:8px}}
.nav a{color:#C9D6E6;text-decoration:none;font-size:14px}
.nav a:hover{color:#fff}
.nav .btn{color:#fff}
@media (max-width:640px){.nav a.hide-sm{display:none}}
.timer{font-family:var(--f-mono);font-weight:600;background:rgba(255,255,255,.12);border-radius:6px;padding:3px 10px;font-variant-numeric:tabular-nums}
.timer.low{background:var(--orange);color:#fff}

/* building blocks */
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.note{font-size:13px;color:var(--muted)}
.pill{display:inline-block;font-size:12px;font-weight:600;background:var(--soft);color:var(--teal);border-radius:99px;padding:3px 10px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.row.end{justify-content:space-between}
.btn{display:inline-block;font:inherit;font-weight:600;border:0;border-radius:8px;padding:10px 18px;cursor:pointer;background:var(--teal);color:#fff;text-decoration:none;text-align:center}
.btn.ghost{background:none;color:var(--teal);border:1.5px solid var(--teal)}
.btn.orange{background:var(--orange)}
.btn.small{padding:6px 12px;font-size:14px}
.btn.link{background:none;color:var(--muted);padding:6px 4px;font-weight:500;font-size:13px;text-decoration:underline}
.btn:disabled{opacity:.45;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
input[type=email],input[type=text],textarea{font:inherit;width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
input.ltr{direction:ltr;text-align:left}
label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:6px}
.msg{font-size:14px;border-radius:8px;padding:10px 14px;background:var(--soft)}
.msg.err{background:var(--badsoft);color:var(--bad)}
.toast{position:fixed;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:420px;margin-inline:auto;background:var(--ink);color:var(--bg);border-radius:8px;padding:10px 14px;font-size:14px;z-index:20}

/* app */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{background:var(--soft);border-radius:8px;padding:12px;min-width:0}
.stat b{display:block;font-size:24px;color:var(--teal);font-variant-numeric:tabular-nums;line-height:1.3}
.stat span{font-size:12px;color:var(--muted)}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.modes{grid-template-columns:1fr}.stat b{font-size:20px}}
.mode{text-align:start;font:inherit;color:inherit;background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.mode:hover:not(:disabled){border-color:var(--teal)}
.mode:disabled{opacity:.5;cursor:default}
.mode.primary{border-color:var(--teal);background:var(--soft)}
.mode b{font-size:16px}
.mode span{font-size:13px;color:var(--muted)}
.domlist{display:flex;flex-direction:column;gap:2px}
.drow{display:grid;grid-template-columns:minmax(0,1fr) 90px 54px;gap:10px;align-items:center;padding:8px 6px;border-radius:6px;font:inherit;color:inherit;background:none;border:0;text-align:start;cursor:pointer}
.drow:hover{background:var(--soft)}
.drow.static{cursor:default}.drow.static:hover{background:none}
.drow.empty{opacity:.55}
.drow .t{font-size:14px;min-width:0}
.meter{height:6px;background:var(--line);border-radius:99px;overflow:hidden;direction:ltr}
.meter i{display:block;height:100%;background:var(--teal)}
.meter i.weak{background:var(--orange)}
.drow .p{font-family:var(--f-mono);font-size:12px;color:var(--muted);text-align:end;font-variant-numeric:tabular-nums}
.qhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.bar{height:5px;background:var(--line);border-radius:99px;overflow:hidden;direction:ltr}
.bar i{display:block;height:100%;background:var(--teal);transition:width .25s}
.stem{direction:ltr;text-align:left;font-weight:600;font-size:16px;line-height:1.55;white-space:pre-line}
.opts{display:flex;flex-direction:column;gap:8px;direction:ltr}
.opt{font:inherit;text-align:left;background:var(--bg);color:var(--ink);border:1.5px solid var(--line);border-radius:8px;padding:11px 14px;cursor:pointer;display:flex;gap:10px}
.opt .k{font-family:var(--f-mono);font-weight:600;color:var(--muted)}
.opt:hover:not(:disabled){border-color:var(--teal)}
.opt.sel{border-color:var(--teal);background:var(--soft)}
.opt.right{border-color:var(--mint);background:var(--soft)}
.opt.wrong{border-color:var(--bad);background:var(--badsoft)}
.opt:disabled{cursor:default}
.expl{background:var(--soft);border-radius:8px;padding:12px 14px;font-size:14px}
.expl .ref{display:block;margin-top:6px;font-family:var(--f-mono);font-size:12px;color:var(--muted);direction:ltr;text-align:left}
.big{font-size:44px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.pass{color:var(--mint)} .fail{color:var(--bad)}
.grid{display:flex;flex-wrap:wrap;gap:6px;direction:ltr}
.grid button{font:inherit;font-family:var(--f-mono);font-size:12px;width:34px;height:30px;border-radius:6px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.grid button.done{border-color:var(--teal)}
.grid button.cur{background:var(--teal);color:#fff;border-color:var(--teal)}
.grid button.r{border-color:var(--mint);background:var(--soft)}
.grid button.w{border-color:var(--bad);background:var(--badsoft)}
.lock{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--badsoft);border-radius:10px;padding:14px 16px}
.lock b{color:var(--bad)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.plan.best{border:2px solid var(--teal)}
.price{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.price small{font-size:14px;color:var(--muted);font-weight:500}
.plan ul{margin:0;padding-inline-start:18px;font-size:14px}
.methods{display:flex;gap:6px;flex-wrap:wrap}
.methods span{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:6px;padding:3px 9px;color:var(--muted)}
.app-main .wrap{padding-block:20px 56px;display:flex;flex-direction:column;gap:16px}
@media (prefers-reduced-motion:reduce){.bar i{transition:none}html{scroll-behavior:auto}}

/* landing */
.hero{background:var(--head);color:#fff}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center;padding-block:44px 52px}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr;gap:24px;padding-block:32px 40px}}
.hero .eyebrow{color:#7FE3CF;font-size:13px;font-weight:600;letter-spacing:.05em}
.hero p.lead{color:#C9D6E6;font-size:17px;max-width:46ch;margin-top:12px}
.hero .row{margin-top:22px}
.hero .ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.hero .facts{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#C9D6E6}
.hero .facts b{display:block;color:#fff;font-size:22px;font-variant-numeric:tabular-nums}
.sample{background:var(--surface);color:var(--ink);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.section{padding-block:48px}
.section .wrap{display:flex;flex-direction:column;gap:20px}
.section.alt{background:var(--surface);border-block:1px solid var(--line)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.feature{display:flex;flex-direction:column;gap:6px}
.feature .ic{width:36px;height:36px;border-radius:8px;background:var(--soft);color:var(--teal);display:grid;place-items:center}
.feature p{font-size:14px;color:var(--muted)}
.tbl{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}
th{background:var(--ink);color:var(--bg);text-align:start;padding:9px 10px;font-weight:600}
td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
td.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;font-family:var(--f-mono)}
details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 16px}
details summary{cursor:pointer;font-weight:600}
details p{margin-top:8px;font-size:14px;color:var(--muted)}
footer{background:var(--head);color:#C9D6E6;font-size:13px}
footer .wrap{display:flex;flex-direction:column;gap:10px;padding-block:28px calc(28px + env(safe-area-inset-bottom,0px))}
footer a{color:#fff}
footer .links{display:flex;gap:16px;flex-wrap:wrap}
.legal{max-width:760px}
.legal h2{margin-top:18px}
.legal p,.legal li{font-size:15px}
.legal .ph{background:var(--badsoft);color:var(--bad);border-radius:4px;padding:0 4px}

.hero .tagline{margin-top:10px;color:#7FE3CF;font-weight:600;font-size:16px;letter-spacing:.02em}
.hero .tagline span{color:#C9D6E6;font-weight:500;margin-inline-start:8px;direction:ltr;unicode-bidi:isolate}
.disclaimer{border:1px solid var(--line);border-inline-start:4px solid var(--orange);border-radius:10px;padding:16px 18px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.disclaimer p{font-size:14px;color:var(--muted)}
.refs{display:flex;flex-direction:column;gap:2px;padding:0;margin:0;list-style:none}
.refs li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.refs li b{display:block}
.refs li span{font-size:13px;color:var(--muted)}
.contact-box{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}
.contact-box .v{font-family:var(--f-mono);direction:ltr;unicode-bidi:isolate;font-size:16px;font-weight:600;overflow-wrap:anywhere}

.expl .en{direction:ltr;text-align:left;margin:6px 0 0;font-size:14.5px;line-height:1.6;unicode-bidi:isolate}

/* v2 */
.form{display:flex;flex-direction:column;gap:12px}
.authtabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg);border-radius:10px;padding:4px}
.authtabs button{font:inherit;font-weight:600;border:0;border-radius:8px;padding:10px;background:none;color:var(--muted);cursor:pointer}
.authtabs button.on{background:var(--surface);color:var(--teal);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.planbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--soft);border-radius:10px;padding:12px 16px}
.secgrp{display:flex;flex-direction:column;gap:2px}
.sechead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 6px 4px;border-top:1px solid var(--line)}
.secgrp:first-of-type .sechead{border-top:0}
.price s.old{font-size:18px;color:var(--muted);font-weight:500}
.mode:disabled b,.mode:disabled span{opacity:.7}

/* لوحة الأداء */
.dashlink{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;font:inherit;color:inherit;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;cursor:pointer}
.dashlink:hover{border-color:var(--teal)}
.dashlink>span:first-child{display:flex;flex-direction:column;gap:2px}
.tier{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0;border-inline-start-width:4px}
.tier p.note{margin:4px 0 6px}
.tier.good{border-inline-start-color:var(--mint)} .tier.good .meter i{background:var(--mint)}
.tier.mid{border-inline-start-color:#E0A526} .tier.mid .meter i{background:#E0A526}
.tier.low{border-inline-start-color:var(--bad);background:var(--badsoft)} .tier.low .meter i{background:var(--bad)}
.qboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.qbox{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.qbox p.en{margin:0;font-size:14px;direction:ltr;text-align:left;width:100%}
.qbox.bad{border-color:var(--bad);background:var(--badsoft)} .qbox.ok{border-color:var(--mint)}
/* المسارات */
.tracktabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.tracktabs button{font:inherit;color:inherit;text-align:start;background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.tracktabs button b{unicode-bidi:isolate}
.tracktabs button span{font-size:13px;color:var(--muted,#546784)}
.tracktabs button.on{border-color:var(--teal);background:var(--soft)}
.tracktabs button.on b{color:var(--teal)}

.trackcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.trackcard ul{margin:0;padding-inline-start:20px;display:grid;gap:4px}
.trackcard h3{margin:0}
.trackcard.soon{border-style:dashed}
.pill.orange{background:var(--badsoft);color:var(--bad)}

.qimg{margin:12px 0 4px;padding:10px;background:#fff;border:1px solid var(--line,#e2e2e2);border-radius:12px;text-align:center}
.qimg img{max-width:100%;height:auto;max-height:340px;display:inline-block}

/* اللغة */
.langbtn{font:inherit;font-size:13px;font-weight:600;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:5px 10px;cursor:pointer;min-height:34px}
.langbtn:hover{background:rgba(255,255,255,.1)}
html[lang=en] body{font-family:var(--f-body)}
[hidden]{display:none!important}
html[lang=en] .only-ar{display:none!important}
html[lang=ar] .only-en{display:none!important}
/* مؤشرات وتقارير */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.kpi{background:var(--soft);border-radius:8px;padding:12px;min-width:0}
.kpi b{display:block;font-size:22px;color:var(--teal);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpi span{font-size:12px;color:var(--muted)}
.kpi b.pass{color:var(--mint)} .kpi b.fail{color:#F97316}
.report{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:22px}
.report section{display:flex;flex-direction:column;gap:10px;break-inside:avoid-page}
.report h2{font-size:18px;margin:0;border-inline-start:4px solid var(--teal);padding-inline-start:10px}
.rhead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#0D2B55;color:#fff;border-radius:8px;padding:16px 18px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rhead b{display:block;font-size:20px}
.rhead > div:first-child span{color:#7FE3CF;font-weight:600}
.rmeta{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#C9D6E6}
.rfoot{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.lvl{font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--line);white-space:nowrap}
.lvl.good{background:#D7F5EC;color:#03624C}.lvl.mid{background:#FFF1D6;color:#8A5300}.lvl.low{background:#FFE1D2;color:#9A3412}
.rchart{width:100%;height:auto;max-height:220px;direction:ltr}
.rchart .g{stroke:var(--line);stroke-width:1}.rchart .g70{stroke:#F97316;stroke-width:1;stroke-dasharray:5 4}
.rchart text{font-size:11px;fill:var(--muted);font-family:var(--f-mono)}
.rchart .ln{fill:none;stroke:var(--teal);stroke-width:2.5}.rchart circle{fill:var(--teal)}
.rq{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px}
.rq .en,.rqt .en{direction:ltr;unicode-bidi:isolate}
.rqt td.en{text-align:left;font-size:13px}
.rqt tr.bad td{background:var(--badsoft)}
.bars{display:flex;flex-direction:column;gap:6px}
.bar2{display:grid;grid-template-columns:72px minmax(0,1fr) 120px;gap:8px;align-items:center;font-size:13px}
.bars.wide .bar2{grid-template-columns:150px minmax(0,1fr) 100px}
@media (max-width:520px){.bars.wide .bar2{grid-template-columns:110px minmax(0,1fr) 80px}}
.bar2 .b{height:14px;border-radius:4px;background:var(--teal);min-width:2px}
.bar2 .v{font-family:var(--f-mono);font-size:12px;text-align:end}
.insight{border-inline-start:4px solid #F97316;background:var(--badsoft);padding:10px 12px;border-radius:6px}
@media print{
  :root{--bg:#fff;--surface:#fff;--ink:#0D2B55;--muted:#546784;--line:#D9E1EA;--soft:#E6F3F4;--teal:#028090;--badsoft:#FDECE3;color-scheme:light}
  body{color:#0D2B55}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  header.top,.noprint,.tabs,#tbar,.toast,footer{display:none!important}
  body{background:#fff}
  .app-main,.wrap{padding:0!important;max-width:none!important}
  .report{border:0;padding:0}
  .card{box-shadow:none}
  a{color:inherit;text-decoration:none}
  @page{margin:14mm}
}

/* ===== الدورة التعليمية ===== */
.dashlink.course{border-color:var(--teal);background:linear-gradient(0deg,var(--surface),var(--surface)) padding-box}
.dashlink.course>span.ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--soft);color:var(--teal)}
.dashlink.course .grow{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.dashlink.course .meter{max-width:260px}
.cprog{display:flex;align-items:center;gap:12px}.cprog .meter{flex:1}
.lessonlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.lrow{display:flex;align-items:flex-start;gap:12px;width:100%;font:inherit;color:inherit;text-align:start;background:none;border:0;border-radius:8px;padding:10px 8px;cursor:pointer}
.lrow:hover{background:var(--soft)}
.lrow .num{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:99px;border:1.5px solid var(--line);font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--muted)}
.lrow.done .num{background:var(--mint);border-color:var(--mint);color:#fff}
.lrow .grow{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.lrow .grow>b{font-size:15px;line-height:1.45}
.lrow .lmeta{font-size:12px;color:var(--muted)}
.lrow .free{color:var(--teal);font-weight:600}
.lrow .st{flex:none;font-size:14px}
.btn.mintb{background:var(--mint);color:#06281F}
.lesson-link{margin:10px 0 0}
.lesson-link a{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}
.lesson-link a:hover span{text-decoration:underline}
.lnav{justify-content:space-between}
.lesson .ltitle{font-size:clamp(21px,3.6vw,28px);text-align:left}
.lesson .ltitle-ar{color:var(--muted);font-weight:600;margin-top:-6px}
.lesson .lsum{font-size:15px}
.lx-body{text-align:left;font-size:15.5px;line-height:1.7;display:flex;flex-direction:column;gap:14px;font-family:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif}
.lx-body h3{font-size:17px;color:var(--teal);margin-bottom:6px}
.lx-body p+p,.lx-body p+ul,.lx-body ul+p,.lx-body p+ol,.lx-body table+p,.lx-body p+table{margin-top:8px}
.lx-body ul,.lx-body ol{margin:6px 0 0;padding-left:22px;padding-right:0}
.lx-body li{margin:3px 0}
.lx-body li ul{margin-top:2px}
.lx-body sup{font-size:.7em}
.lx-goals{background:var(--soft);border-radius:10px;padding:12px 14px;font-size:14.5px}
.lx-c{border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:10px;padding:14px 16px;background:var(--surface)}
.lx-key{border-radius:10px;padding:14px 16px;background:color-mix(in srgb,var(--mint) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--mint) 45%,var(--line))}
.lx-key>b:first-child,.lx-trap>b:first-child,.lx-ar>b:first-child{display:block;margin-bottom:4px}
.lx-trap{border-radius:10px;padding:12px 14px;background:var(--badsoft);border-left:4px solid var(--orange)}
.lx-trap>b:first-child{color:var(--bad)}
.lx-ar{direction:rtl;text-align:right;font-family:var(--f-body);border-radius:10px;padding:14px 16px;background:var(--soft);line-height:1.9;font-size:15px}
.lx-big{font-family:var(--f-mono);font-weight:600;font-size:15px;background:var(--soft);border-radius:8px;padding:8px 12px;display:inline-block;margin-top:8px;direction:ltr}
.lx-tbl{width:100%;min-width:0;border-collapse:collapse;font-size:14px;margin-top:8px;display:block;overflow-x:auto}
.lx-tbl th,.lx-tbl td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.lx-tbl tr:first-child th{background:var(--teal);color:#fff;border-color:var(--teal)}
.lx-tbl td small{color:var(--muted)}
.lx-grid td.hi{background:color-mix(in srgb,var(--mint) 16%,var(--surface))}
.lx-grid td.no{color:var(--muted)}
.lx-grid th{background:var(--soft);color:var(--ink)}
.lx-fig{margin:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);color:var(--ink);overflow-x:auto;-webkit-overflow-scrolling:touch}
.lx-fig svg{display:block;width:100%;height:auto;max-width:640px;min-width:520px;margin:0 auto;overflow:visible}
.lx-fig figcaption{position:sticky;left:0}
.lx-fig figcaption{font-size:13px;color:var(--muted);margin-top:6px;text-align:center}
.lx-fig text{fill:currentColor;font-size:13px;font-family:"IBM Plex Sans",system-ui,sans-serif}
.lx-fig text.b{font-weight:600}
.lx-fig text.tm{fill:var(--muted)}
.lx-fig text.w{fill:#fff;font-weight:700}
.lx-fig text.big{font-size:20px;font-weight:700;font-family:var(--f-mono)}
.lx-fig .ax{stroke:currentColor;stroke-width:1.5;fill:none}
.lx-fig .c1{stroke:var(--teal);stroke-width:2.2;fill:none}
.lx-fig .c2{stroke:var(--orange);stroke-width:2.2;fill:none}
.lx-fig .thick{stroke-width:3.2}
.lx-fig .nofill{fill:none}
.lx-fig .dash{stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 4;fill:none}
.lx-fig .fs{fill:var(--soft);stroke:none}
.lx-fig .f1,marker .f1{fill:var(--teal)}
.lx-fig .f2,marker .f2{fill:var(--orange)}
.lx-fig .fi,marker .fi{fill:var(--ink)}
.lx-fig .op{opacity:.55}
@media (max-width:560px){.lx-body{font-size:15px}.lx-c,.lx-key,.lx-ar{padding:12px}.lx-tbl{font-size:13px}}
@media print{.lx-c,.lx-key,.lx-trap,.lx-ar,.lx-fig{break-inside:avoid}}
.lrow-a{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}
.lrow-a:last-child{border-bottom:0}
.lrow-a .id{font-family:var(--f-mono);color:var(--muted)}
.lrow-a .s{display:flex;flex-direction:column;min-width:0}
.lrow-a .s b{text-align:left}
.lrow-a .chk{display:flex;align-items:center;gap:4px;font-size:13px;white-space:nowrap}
@media (max-width:640px){.lrow-a{grid-template-columns:28px minmax(0,1fr);}.lrow-a .chk,.lrow-a .btn{grid-column:2}}
.plancard{border-color:var(--teal)}
.plansteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.plansteps li{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:10px;padding:10px 12px}
.plansteps .pn{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:99px;background:var(--teal);color:#fff;font-weight:700;font-family:var(--f-mono)}
.plansteps .grow{display:flex;flex-direction:column;flex:1;min-width:0}
.plansteps .btn{flex:none}
.guide .legal{padding:0}
.guide .legal h2{font-size:18px;margin-top:14px}
.guide>.pill{align-self:flex-start}

/* كتالوج الكورسات */
.courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ccard{display:flex;gap:14px;align-items:flex-start;width:100%;font:inherit;color:inherit;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer}
.ccard:hover{border-color:var(--teal)}
.ccard .grow{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.ccard .grow>b{font-size:17px}
.ccard .cprog .pct{font-family:var(--f-mono);font-weight:600;font-size:13px;color:var(--teal);min-width:40px;text-align:end}
.ccard .cgo{font-weight:600;color:var(--teal);font-size:14px}
.ccard.soon{opacity:.55;cursor:default;border-style:dashed}
.ccard.soon:hover{border-color:var(--line)}
.cic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--soft);color:var(--teal)}
.cic.big{width:60px;height:60px}
.chead h2{font-size:21px}
.crow-a{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1.2fr) minmax(120px,1fr) 130px 70px 100px auto;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}
.crow-a:last-child{border-bottom:0}
.crow-a .s{display:flex;flex-direction:column;min-width:0}
.crow-a input,.crow-a select{min-width:0;font:inherit;font-size:14px}
@media (max-width:900px){.crow-a{grid-template-columns:1fr 1fr}.crow-a .s{grid-column:1/-1}}
.dashlink.guide>span.ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--soft);color:var(--teal)}
.dashlink.guide .grow{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.dashlink.course .grow .note+.note{margin-top:2px}
.mode .modenote{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}
.freenote{background:var(--soft);border-radius:8px;padding:8px 12px;margin:0 0 10px}
ol.guide{padding-inline-start:22px;margin:14px 0;display:flex;flex-direction:column;gap:12px}
ol.guide li{padding-inline-start:4px}
ol.guide li b{display:block;margin-bottom:2px}
.report .nextstep{border:1.5px solid var(--teal);border-radius:10px;padding:14px 16px;margin-top:16px}
.rvcard{border:1.5px dashed var(--teal)}
.stars{display:flex;gap:6px;margin:6px 0 12px}
.stars button{font-size:30px;line-height:1;background:none;border:0;color:var(--line);cursor:pointer;padding:2px}
.stars button.on{color:#F5A524}
#rvForm label{display:block;margin-bottom:12px}
#rvForm textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit}
.socialstats{padding-top:8px;padding-bottom:8px}
.sstats{display:flex;justify-content:center;gap:12px;text-align:center}
.sstats>div{flex:1 1 0;max-width:260px}
.sstats>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 10px}
.sstats b{display:block;font-size:28px;color:var(--teal);font-family:var(--f-mono, inherit)}
.sstats span{font-size:13px;color:var(--muted)}
@media (max-width:560px){.sstats{gap:8px}.sstats b{font-size:22px}.sstats span{font-size:12px}}
.reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}
.review{margin:0;display:flex;flex-direction:column;gap:8px}
.review blockquote{margin:0;line-height:1.7}
.rvstars{color:#F5A524;font-size:18px;letter-spacing:2px}
.rvstars span{color:var(--line)}
.review figcaption{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}
#rvForm input{display:block;width:100%;margin-top:6px;font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit}
#rvForm textarea{margin-top:6px}