@font-face{font-family:'Plex';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plex-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plex-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plex-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plex-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/plex-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/plex-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--paper:#f2f5f8;--surface:#fff;--ink:#0d1b2a;--mut:#5a6b7d;--rule:#dde4ec;--band:#0e2a47;--band2:#143a60;--band-ink:#eaf2fa;--band-mut:#9db6cf;--link:#0f5fb5;--up:#0a8a5a;--down:#c4373a;--warn:#b8791a;--best:#dff5ea;--on:#2fd3a5;--r:6px}
@media(prefers-color-scheme:dark){:root{--paper:#0a1119;--surface:#0f1923;--ink:#e6edf5;--mut:#92a3b6;--rule:#1f2e3f;--band:#0b2037;--band2:#0f2c4a;--link:#6db3ff;--up:#3ccf8e;--down:#ff7b78;--warn:#e6b04e;--best:#12392c}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Plex,"Segoe UI",Tahoma,sans-serif;font-size:17px;line-height:1.8}
a{color:var(--link)}img,svg{max-width:100%}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:9}
:focus-visible{outline:3px solid var(--on);outline-offset:2px}
/* ── الهيدر ── */
.top{background:var(--band);border-bottom:1px solid #ffffff14}
.bar{display:flex;align-items:center;gap:12px 26px;min-height:58px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:20px}
.top nav{display:flex;flex-wrap:wrap;gap:2px 4px;flex:1}
.top nav a{color:var(--band-mut);text-decoration:none;font-size:15px;padding:6px 11px;border-radius:var(--r);white-space:nowrap}
.top nav a:hover{color:#fff}.top nav a[aria-current]{color:#fff;background:#ffffff1a}
/* قائمة البنوك المنسدلة */
.bar{position:relative}.dd{position:relative;display:flex;align-items:center}
.top .dd-b{font:inherit;font-size:13px;line-height:1;background:none;border:0;color:var(--band-mut);cursor:pointer;padding:8px 6px;margin-inline-start:-8px;border-radius:var(--r)}
.top .dd-b:hover,.dd.open .dd-b{color:#fff}
.dd-m{display:none;position:absolute;z-index:20;top:100%;inset-inline-start:0;min-width:230px;background:var(--surface);border:1px solid var(--rule);border-radius:8px;box-shadow:0 12px 28px #00000040;padding:6px;flex-direction:column}
.top .dd-m a{display:block;color:var(--ink);padding:8px 12px;font-size:15px;border-radius:var(--r)}
.top .dd-m a:hover,.top .dd-m a[aria-current]{background:var(--paper);color:var(--ink)}
.dd.open .dd-m{display:flex}
@media(hover:hover) and (min-width:641px){.dd:hover .dd-m{display:flex}}
@media(max-width:640px){.dd{position:static}.dd-m{inset-inline:0;min-width:0}}
/* ── الواجهة العليا ── */
.hero{background:linear-gradient(180deg,var(--band) 0,var(--band2) 100%);color:var(--band-ink);padding:30px 0 36px}
.hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px 44px;align-items:center}
.hero h1{font-size:clamp(24px,4.4vw,34px);line-height:1.4;margin:0 0 4px;font-weight:700}
.hero .lead{margin:0;color:var(--band-mut);font-size:16px}
.quote{display:flex;gap:6px 38px;align-items:flex-end;margin:14px 0 4px}
.q span{display:block;font-size:14px;color:var(--band-mut);line-height:1.3}
.q b{display:block;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.01em}
.q.sell b{font-size:clamp(54px,12vw,88px)}.q.buy b{font-size:clamp(30px,6vw,44px);color:#c9dbee}
.quote.small .q.sell b{font-size:38px}.quote.small .q.buy b{font-size:26px}
.chg{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.chg.up{color:var(--up)}.chg.down{color:var(--down)}.chg.flat{color:var(--mut)}
.hero .chg.up{color:#5ee0ae}.hero .chg.down{color:#ff9894}.hero .chg{display:inline-block;margin-top:2px}
.fresh{margin:12px 0 0;font-size:14px;color:var(--band-mut);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.ok{background:var(--on);box-shadow:0 0 0 4px #2fd3a533}.dot.warn{background:#e6b04e}.dot.off{background:#7b8da1}
.note{margin:6px 0 0;font-size:13px;color:var(--band-mut)}.note.warn{color:#f2c46b}
main .note{color:var(--mut)}
/* ── المحوّل ── */
.conv{background:var(--surface);color:var(--ink);border-radius:10px;padding:18px 18px 16px;box-shadow:0 10px 30px #00000033}
.conv h2{font-size:16px;margin:0 0 10px}.conv .row{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}
.conv label{display:block;font-size:13px;color:var(--mut);line-height:1.4}
.conv input,.conv select{width:100%;font:inherit;font-size:17px;margin-top:3px;padding:9px 10px;border:1px solid var(--rule);border-radius:var(--r);background:var(--paper);color:var(--ink)}
.conv .out{margin:12px 0 0;color:var(--mut);font-size:15px}.conv .res{margin:0;font-size:15px}.conv .res b{font-size:34px;font-variant-numeric:tabular-nums;line-height:1.3}
.ghost{font:inherit;font-size:14px;background:none;border:1px solid var(--rule);color:var(--ink);padding:6px 12px;border-radius:var(--r);cursor:pointer;margin-top:6px}
.ghost:hover{border-color:var(--link)}.fine2{font-size:12px;color:var(--mut);margin:8px 0 0;line-height:1.6}
/* ── الأقسام ── */
main{padding-top:14px;padding-bottom:36px}
.sec{margin:34px 0}.sec h2{font-size:21px;margin:0 0 14px;line-height:1.5}.sec h1{font-size:28px;line-height:1.5;margin:6px 0 14px}
.crumbs{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--mut)}.crumbs li+li::before{content:"‹";margin-inline-end:8px}.crumbs a{color:var(--mut)}
/* ── لوحة الأسعار ── */
.board-w{overflow-x:auto;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r)}
.board{width:100%;border-collapse:collapse;min-width:420px}
.board th{font-size:13px;font-weight:600;color:var(--mut);text-align:right;padding:10px 14px;border-bottom:1px solid var(--rule);white-space:nowrap}
.board td{padding:13px 14px;border-bottom:1px solid var(--rule);white-space:nowrap}.board tbody tr:last-child td{border-bottom:0}
.board tbody tr:hover{background:color-mix(in srgb,var(--link) 6%,transparent)}
.board td a{color:var(--ink);text-decoration:none}.board td a:hover b{color:var(--link)}
.board td a b{font-weight:600}.code{font-size:12px;color:var(--mut);margin-inline-start:8px;font-weight:400}
.n{font-variant-numeric:tabular-nums}.s{font-weight:700;font-size:18px}.mut{color:var(--mut)}
td.best{background:var(--best);box-shadow:inset 3px 0 0 var(--up)}
.sp{width:130px}.spark{width:110px;height:26px;display:block}.spark polyline{stroke-width:2;vector-effect:non-scaling-stroke}.spark.up polyline{stroke:var(--up)}.spark.down polyline{stroke:var(--down)}
@media(max-width:640px){.hm{display:none}.board{min-width:0}.board td,.board th{padding:11px 10px}}
/* ── رسم الحركة ── */
.chart{width:100%;height:190px;display:block;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:8px}
.chart polyline{stroke-width:2.5;vector-effect:non-scaling-stroke}.chart.up polyline{stroke:var(--up)}.chart.down polyline{stroke:var(--down)}
.chart .fill{fill:currentColor;opacity:.08}.chart.up .fill{color:var(--up)}.chart.down .fill{color:var(--down)}
.range{display:flex;gap:6px 22px;flex-wrap:wrap;font-size:14px;color:var(--mut);margin:8px 2px 0}.range a{margin-inline-start:auto}
/* ── شريط البنوك ── */
.strip{display:flex;gap:18px 40px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:16px 20px}
.strip.inline{margin:0 0 14px}.strip div{min-width:150px}.strip b{display:block;font-size:30px;font-variant-numeric:tabular-nums;line-height:1.2}.strip em{font-style:normal;font-size:14px;color:var(--mut)}.strip .mut{font-size:13px;display:block}
.more{margin-inline-start:auto;font-weight:600}
.tabs{list-style:none;padding:0;margin:0 0 16px;display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--rule)}
.tabs a{display:block;padding:8px 14px;color:var(--mut);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}.tabs a[aria-current]{color:var(--ink);font-weight:600;border-bottom-color:var(--on)}
/* ── عام ── */
.trust ul{margin:0 0 10px;padding-inline-start:20px}.trust li{margin-bottom:4px}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chips a{display:block;padding:6px 14px;border:1px solid var(--rule);border-radius:99px;text-decoration:none;font-size:15px;background:var(--surface);color:var(--ink)}.chips a:hover{border-color:var(--link)}
.faq,.acc{display:grid;gap:10px}
.faq details,.acc details{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r)}
.faq summary,.acc summary{cursor:pointer;font-weight:600;padding:13px 16px;list-style:none;display:flex;align-items:center;gap:10px;line-height:1.55}
.faq summary::-webkit-details-marker,.acc summary::-webkit-details-marker{display:none}
.faq summary::after,.acc summary::after{content:"";margin-inline-start:auto;flex:0 0 9px;width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s}
.faq details[open] summary::after,.acc details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq summary:hover,.acc summary:hover{color:var(--link)}
.faq details[open] summary,.acc details[open] summary{border-block-end:1px solid var(--rule)}
.faq p{margin:0;padding:13px 16px;color:var(--mut);max-width:68ch}
.acc-b{padding:13px 16px}.acc-b p{margin:0 0 8px;max-width:68ch;color:var(--mut)}.acc-b p:last-child{margin:0}.acc-b ul{margin:0;padding-inline-start:20px;color:var(--mut)}
.readon{margin:14px 0 0}
.readon a{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;padding:9px 16px;border:1px solid var(--rule);border-radius:99px;background:var(--surface);line-height:1.5}
.readon a::after{content:"←";font-weight:400;opacity:.75}
.readon a:hover{border-color:var(--link);background:var(--link);color:#fff}
.readon a:hover::after{opacity:1}
.empty{background:var(--surface);border:1px dashed var(--rule);border-radius:var(--r);padding:18px 20px;color:var(--mut)}
.empty b{color:var(--ink);font-size:17px;display:block;margin-bottom:6px}.empty p{margin:8px 0 0;max-width:68ch}.empty p:last-child{margin-bottom:0}
.prose{max-width:70ch;margin:20px auto 10px;font-size:16.5px;line-height:1.95}
.prose h1{font-size:30px;line-height:1.45;margin:0 0 10px}
.prose h2{font-size:21px;line-height:1.5;margin:2em 0 .6em;padding-inline-start:12px;border-inline-start:4px solid var(--on)}
.prose p{margin:0 0 1.05em}.prose li{margin-bottom:.5em}.prose a{text-underline-offset:3px}
.prose .lead{font-size:18.5px;line-height:1.85;color:var(--mut)}
.prose b{font-weight:600}
.guide-meta{font-size:13.5px;color:var(--mut);margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.toc{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:14px 18px;margin:0 0 26px}
.toc b{display:block;font-size:14px;color:var(--mut);margin-bottom:6px}
.toc ol{margin:0;padding-inline-start:20px}.toc li{margin-bottom:4px}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.cta{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:18px 20px;margin:30px 0}
.cta b{font-size:18px;display:block}.cta p{margin:6px 0 0;color:var(--mut)}
.prose .guide-list{margin-top:14px}
.warn{color:var(--warn)}
/* ── التذييل ── */
.foot{background:var(--band);color:var(--band-mut);padding:30px 0 22px;font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:24px}@media(max-width:640px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}}
.foot b{color:#fff;display:block;margin-bottom:6px}.foot p{margin:0;line-height:1.7}.foot ul{list-style:none;margin:0;padding:0}.foot li{line-height:2}.foot a{color:var(--band-ink);text-decoration:none}.foot a:hover{text-decoration:underline}
.fine{margin-top:20px;padding-top:14px;border-top:1px solid #ffffff1a;font-size:13px}.fine p+p{margin-top:4px}
@media(max-width:820px){.hero-in{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.dot.ok{animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #2fd3a566}100%{box-shadow:0 0 0 9px #2fd3a500}}}
@media(max-width:640px){.bar{gap:0 12px}.top nav{order:3;flex-basis:100%;padding-bottom:8px}.hero{padding:22px 0 26px}}
/* ── رسم بياني كامل ── */
.chartbox{margin:0;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:12px 12px 6px}
.ctabs{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.ctabs button{font:inherit;font-size:14px;padding:3px 12px;border:1px solid var(--rule);border-radius:99px;background:none;color:var(--mut);cursor:pointer}.ctabs button[aria-pressed]{background:var(--band);color:#fff;border-color:var(--band)}
.cwrap{position:relative;direction:ltr}.cfull{width:100%;height:auto;display:block;font-family:inherit;touch-action:pan-y}
.cfull .grid{stroke:var(--rule);stroke-width:1}.cfull .yl,.cfull .xl{fill:var(--mut);font-size:11px;font-variant-numeric:tabular-nums}
.cfull .ln{stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.cfull.up .ln{stroke:var(--up)}.cfull.down .ln{stroke:var(--down)}
.cfull .fill{opacity:.09}.cfull.up .fill{fill:var(--up)}.cfull.down .fill{fill:var(--down)}
.cfull .end{fill:var(--surface);stroke-width:2.5}.cfull.up .end{stroke:var(--up)}.cfull.down .end{stroke:var(--down)}
.cfull .cross{stroke:var(--mut);stroke-width:1;stroke-dasharray:3 3}.cfull .dot2{fill:var(--ink)}
.tip{position:absolute;top:4px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:3px 10px;border-radius:6px;font-size:13px;white-space:nowrap;pointer-events:none;direction:rtl}
td.up{color:var(--up)}td.down{color:var(--down)}
.prose2 p,.prose2 li{max-width:72ch}.prose2 h2{margin-bottom:10px}.prose2 p{margin:0 0 12px}.prose2 ul{margin:0 0 12px}.prose2 li{margin-bottom:6px}.prose2 ul{padding-inline-start:20px}.formula{background:var(--surface);border:1px solid var(--rule);border-inline-start:4px solid var(--on);border-radius:var(--r);padding:10px 14px}
.guide-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.guide-list li{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:14px 16px}.guide-list a{text-decoration:none;font-size:18px}.guide-list span{display:block;color:var(--mut);font-size:15px;margin-top:2px}
.prose ul,.prose ol{padding-inline-start:22px;margin:0 0 1.05em}

/* ── نماذج ── */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin:22px 0 10px}
.form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.form .w2{grid-column:1/-1}
.form input,.form textarea{font:inherit;font-weight:400;padding:11px 13px;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);color:var(--ink);width:100%}
.form textarea{resize:vertical;line-height:1.8}
.form input:focus,.form textarea:focus{outline:2px solid var(--link);outline-offset:1px;border-color:transparent}
.form .hint{font-weight:400;font-size:13px;color:var(--mut)}
.form button{font:inherit;font-weight:600;padding:12px 28px;border:0;border-radius:99px;background:var(--on);color:#06243a;cursor:pointer}
.form button:hover{filter:brightness(1.07)}
.form-end{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.alert{border-radius:var(--r);padding:14px 18px;margin:18px 0;border:1px solid var(--rule);background:var(--surface)}
.alert b{display:block;margin-bottom:4px}.alert p,.alert ul{margin:0;color:var(--mut)}.alert ul{padding-inline-start:20px}
.alert.ok{border-inline-start:4px solid var(--on)}.alert.bad{border-inline-start:4px solid var(--warn)}
@media(max-width:620px){.form{grid-template-columns:1fr}.form label{grid-column:1/-1}}
.lead-sm{color:var(--mut);max-width:72ch;margin:0 0 16px}
.prose.wide{max-width:none}.prose .chips{margin:6px 0 4px}

/* ── شريط الأسعار الرسمية المتحرك (صفحة السوق) ── */
.tkr{display:flex;align-items:stretch;background:var(--band);color:var(--band-ink);border-radius:var(--r);overflow:hidden;margin:18px 0 6px;font-size:15px;line-height:1.5}
.tkr-l{flex:none;display:flex;align-items:center;padding:9px 14px;background:var(--band2);font-weight:700;white-space:nowrap}
.tkr-v{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.tkr-t{flex:none;display:flex;width:max-content;animation:tkr var(--d,40s) linear infinite}
.tkr-g{display:flex;margin:0;padding:0;list-style:none}
.tkr-g li{white-space:nowrap;padding:9px 20px;border-inline-start:1px solid #ffffff1f;font-variant-numeric:tabular-nums}
.tkr-g b{font-weight:700;margin-inline-end:10px}
.tkr-g i{font-style:normal;color:var(--band-mut);margin-inline-end:10px}.tkr-g strong{color:#fff;font-weight:700}
.tkr-a{flex:none;display:flex;align-items:center;padding:9px 14px;color:#fff;background:#ffffff14;text-decoration:none;font-weight:600;white-space:nowrap}
.tkr-a:hover{background:#ffffff26}
.tkr-v:hover .tkr-t,.tkr-v:focus-within .tkr-t{animation-play-state:paused}
@keyframes tkr{to{transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.tkr-t{animation:none}.tkr-v{overflow-x:auto}.tkr-g[aria-hidden]{display:none}}