.dx{padding:2rem 0 3rem}.dx-ctl{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:flex-end;margin-bottom:1rem}.dx-ctl label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:#51607A}
.dx-ctl select{font:inherit;font-size:.95rem;font-weight:600;color:#0B1B3A;border:1px solid #C9D7EE;border-radius:10px;padding:.55rem .8rem;background:#fff;min-width:18rem}.dx-ctl select:focus{outline:2px solid #06B6D4}
.dx-areas{display:flex;flex-wrap:wrap;gap:.35rem}.dx-areas button{font:inherit;font-size:.84rem;font-weight:600;border:1px solid #C9D7EE;background:#fff;color:#0B1B3A;padding:.45rem .85rem;border-radius:999px;cursor:pointer;transition:all .2s}.dx-areas button:hover{border-color:#2563EB}.dx-areas button[aria-pressed=true]{background:#2563EB;border-color:#2563EB;color:#fff}
.dx-csv{margin-inline-start:auto;font:inherit;font-size:.86rem;font-weight:700;color:#1D4ED8;background:#EEF4FF;border:1px solid #BFD3F6;border-radius:10px;padding:.55rem .9rem;cursor:pointer}.dx-csv:hover{background:#DBEAFE}
.dx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:.4rem 0 .6rem}.dx-stats div{background:linear-gradient(180deg,#F8FBFF,#EEF4FF);border:1px solid #DCE6F5;border-radius:12px;padding:.8rem 1rem}.dx-stats b{display:block;font-size:1.6rem;color:#1D4ED8;line-height:1.1}.dx-stats span{font-size:.8rem;color:#51607A}
.dx-hint{font-size:.8rem;color:#7C8DB0;margin:0 0 .6rem}.dx-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.4rem;align-items:start}
.dx-mapw{position:relative;background:linear-gradient(180deg,#F8FBFF,#EEF4FF);border:1px solid #DCE6F5;border-radius:16px;padding:.8rem}.dx-map{width:100%;height:auto;display:block;direction:ltr}.dx .xctx{fill:#E9EEF5;stroke:#fff;stroke-width:.8}.dx .xins{stroke:#B9C9E4;stroke-dasharray:3 3;cursor:pointer}
.dx .xst{stroke:#fff;stroke-width:1.1;cursor:pointer;transition:fill .6s ease,opacity .3s,filter .2s;opacity:0}.dx.go .xst{animation:dxin .6s ease forwards}@keyframes dxin{to{opacity:1}}.dx .xst.dim,.dx .xpin.dim{opacity:.15!important}
.dx .xst.hv,.dx .xst:hover{stroke:#06B6D4;stroke-width:2.2;filter:drop-shadow(0 0 8px rgba(6,182,212,.5))}.dx .xst.on{stroke:#0B1B3A;stroke-width:2.6}.dx .xpin{stroke:#fff;stroke-width:2;cursor:pointer;transition:fill .6s}.dx .xpin.hv,.dx .xpin.on{stroke:#06B6D4;stroke-width:3}
.dx-leg{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.8rem;color:#334766;margin-top:.5rem}.dx-leg span{display:inline-flex;align-items:center;gap:.4rem}.dx-leg span i{display:inline-block;width:9rem;height:9px;border-radius:5px;background:linear-gradient(90deg,#DBEAFE,#93C5FD,#3B82F6,#1D4ED8,#172554)}.dx-leg i.h{width:13px!important;height:13px!important;border-radius:3px!important;background:repeating-linear-gradient(45deg,#EEF3FA 0 3px,#CBD7EA 3px 6px)!important}
.dx-tip,.dx-tip2{position:absolute;z-index:4;pointer-events:none;background:#0B1B3A;color:#fff;border-radius:10px;padding:.55rem .75rem;box-shadow:0 12px 26px rgba(11,27,58,.28);font-size:.82rem}.dx-tip{display:flex;gap:.6rem;align-items:center}.dx-tip img{width:32px;height:22px;object-fit:cover;border-radius:3px}.dx-tip b,.dx-tip2 b{display:block}.dx-tip span,.dx-tip2 span{display:block;color:#C9D6F2}.dx-tip em{display:block;font-style:normal;color:#67E8F9;font-size:.76rem}
.dx-rank{display:flex;flex-direction:column;gap:3px;max-height:34rem;overflow:auto;padding-inline-end:.3rem}.rr{display:grid;grid-template-columns:1.6rem 24px 4.2rem minmax(0,1fr) 4.2rem;gap:.5rem;align-items:center;text-decoration:none;color:#0B1B3A;font-size:.86rem;padding:.3rem .45rem;border-radius:8px;transition:background .2s}
html[lang=ar] .rr{grid-template-columns:1.6rem 24px 5.2rem minmax(0,1fr) 4.2rem}.rr:hover,.rr.hv{background:#EEF4FF}.rr.on{background:#DBEAFE}.rr .rk{color:#7C8DB0;font-size:.78rem;text-align:end}.rr img{width:24px;height:16px;object-fit:cover;border-radius:2px}.rr .rn{font-weight:700}.rr .rb{height:10px;background:#EEF3FA;border-radius:5px;overflow:hidden}.rr .rb i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#3B82F6,#06B6D4);transition:width .7s cubic-bezier(.2,.8,.2,1)}.rr b{text-align:end;font-variant-numeric:tabular-nums}
.dx-sc{padding:3rem 0}.dx-r{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;font-size:.86rem;color:#334766}.dx-r b{background:#1D4ED8;color:#fff;border-radius:8px;padding:.35rem .7rem}.dx-r em{font-style:normal;display:inline-flex;align-items:center;gap:.3rem}.dx-r em i{width:11px;height:11px;border-radius:50%;display:inline-block}
.dx-scw{position:relative;background:#fff;border:1px solid #DCE6F5;border-radius:16px;padding:.6rem}.dx-scatter{width:100%;height:auto;display:block;direction:ltr}.dx-scatter .g{stroke:#EEF3FA}.dx-scatter .ax{font-size:11px;fill:#7C8DB0}.dx-scatter .fit{stroke:#1D4ED8;stroke-width:2;stroke-dasharray:6 5;opacity:.6}
.dx-scatter .pt{cursor:pointer}.dx-scatter .pt circle{stroke:#fff;stroke-width:2;opacity:.9;transition:r .3s}.dx-scatter .pt text{font-size:11.5px;font-weight:700;fill:#1E2F55;paint-order:stroke;stroke:#fff;stroke-width:3px}html[lang=ar] .dx-scatter .pt text{font-family:"Tajawal",Tahoma,sans-serif}.dx-scatter .pt.hv circle,.dx-scatter .pt.on circle{stroke:#06B6D4;stroke-width:3}
.dx-meth{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;text-decoration:none;color:#fff;background:linear-gradient(135deg,#1D4ED8,#0891B2);border-radius:16px;padding:1.6rem 1.8rem;box-shadow:0 16px 34px rgba(29,78,216,.2);transition:transform .2s}.dx-meth:hover{transform:translateY(-2px)}.dx-meth h2{color:#fff;margin:0 0 .3rem}.dx-meth p{margin:0;color:#DBEAFE}.dx-meth span{white-space:nowrap;font-weight:700;background:#fff;color:#1D4ED8;border-radius:10px;padding:.6rem 1rem}
.dx-dv{margin-top:.8rem;font-size:.9rem}
@media (max-width:980px){.dx-grid{grid-template-columns:1fr}.dx-stats{grid-template-columns:1fr 1fr}.dx-meth{flex-direction:column;align-items:flex-start}.dx-ctl select{min-width:0;width:100%}.dx-csv{margin-inline-start:0}}
@media (prefers-reduced-motion:reduce){.dx .xst{opacity:1;animation:none!important}}