:root{--bg:#f7f4ec;--card:#fff;--fg:#0b2a20;--muted:#4f665c;--line:rgb(2 89 67/.14);--accent:#025943;--accent-fg:#fff;--gold:#c89347;--gold-soft:rgb(231 183 101/.22);--hero1:#033725;--hero2:#00140e;color-scheme:light}
.dark{--bg:#00140e;--card:#032a1f;--fg:#f0ede5;--muted:#a3b8ae;--line:rgb(231 183 101/.16);--accent:#e7b765;--accent-fg:#002118;--gold:#e7b765;--gold-soft:rgb(231 183 101/.18);--hero1:#04402c;--hero2:#001a12;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Tahoma,"Noto Sans Arabic",sans-serif;min-height:100dvh}
html[lang=ar] body{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",system-ui,sans-serif;line-height:1.85}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.dark a{color:var(--gold)}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--accent);color:var(--accent-fg);padding:8px 14px;z-index:99}.skip:focus{inset-inline-start:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hd{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hdi{display:flex;align-items:center;gap:12px;height:60px}
.brand{display:flex;align-items:center;gap:9px;color:var(--fg);font-weight:800;font-size:17px}.brand:hover{text-decoration:none}
.brand img{border-radius:10px;box-shadow:0 0 0 1px rgb(231 183 101/.3)}.brand b{color:var(--gold)}
.nav{display:none;gap:18px;margin-inline-start:12px;font-weight:600;font-size:14px}.nav a{color:var(--muted)}.nav a:hover{color:var(--fg);text-decoration:none}
.hdr{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.chip{display:inline-grid;place-items:center;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);font:600 13px inherit;font-family:inherit;cursor:pointer}.chip:hover{border-color:var(--gold);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 20px;border-radius:999px;background:var(--accent);color:var(--accent-fg)!important;font:700 15px inherit;font-family:inherit;border:0;cursor:pointer;text-decoration:none!important}
.btn.sm{height:36px;min-height:36px;padding:0 14px;font-size:13px;display:none}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--fg)!important}
.btn:hover{filter:brightness(1.08)}
@media(min-width:720px){.nav{display:flex}.btn.sm{display:inline-flex}}
.crumbs{font-size:13px;color:var(--muted);margin:18px 0 6px}.crumbs i{font-style:normal;opacity:.6}.crumbs span{color:var(--fg);font-weight:600}
h1{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.25;margin:6px 0 4px;font-weight:800}
h2{font-size:1.3rem;margin:34px 0 12px}h3{font-size:1.02rem;margin:18px 0 4px}
.sub{color:var(--muted);margin:0 0 18px;font-size:14px}.lead{color:var(--muted);font-size:1.05rem;max-width:70ch}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:18px 0}
.hero{background:linear-gradient(160deg,var(--hero1),var(--hero2));color:#f0ede5;border-radius:22px;padding:20px;margin:16px 0;box-shadow:0 14px 40px -20px rgb(0 20 14/.6)}
.hero-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:flex-start}
.dg{font-weight:700;font-size:1.05rem}.dh{color:#e7b765;font-size:.95rem;min-height:1.4em}
.next{text-align:end;display:grid;gap:2px}.next span{font-size:12px;color:#a3b8ae}.next b{font-size:1.5rem;color:#e7b765;line-height:1.2}.next em{font-style:normal;font-size:.95rem}.next strong{font-variant-numeric:tabular-nums}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
@media(min-width:640px){.tiles{grid-template-columns:repeat(6,1fr)}}
.tile{background:rgb(255 255 255/.07);border:1px solid rgb(231 183 101/.2);border-radius:14px;padding:10px 6px;text-align:center}
.tile span{display:block;font-size:12.5px;color:#cfd9d3}.tile b{display:block;font-size:1.45rem;font-variant-numeric:tabular-nums;letter-spacing:.2px;direction:ltr}
.tile.on{background:#e7b765;border-color:#e7b765}.tile.on span,.tile.on b{color:#00140e}
.ctl{margin-top:12px;text-align:end}.ctl button{background:transparent;color:#e7b765;border:1px solid rgb(231 183 101/.45);border-radius:999px;padding:4px 14px;font:600 13px inherit;font-family:inherit;cursor:pointer}
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.tbl{width:100%;border-collapse:collapse;text-align:center;font-size:.92rem;font-variant-numeric:tabular-nums;min-width:560px}
.tbl th,.tbl td{padding:7px 8px;border-bottom:1px solid var(--line)}.tbl thead th{background:var(--gold-soft);font-size:.82rem;position:sticky;top:0}
.tbl tbody th{font-weight:700}.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}.tbl tbody tr:nth-child(even){background:rgb(2 89 67/.035)}.dark .tbl tbody tr:nth-child(even){background:rgb(255 255 255/.03)}
.tbl .alt{color:var(--muted)}.tbl tr.today{background:var(--gold-soft)!important;font-weight:700}
.mt h3{margin:22px 0 8px}
.details dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 22px;margin:0}.details dt{font-size:12.5px;color:var(--muted)}.details dd{margin:2px 0 0;font-weight:600}
.cta{display:flex;gap:16px;align-items:center;background:linear-gradient(160deg,var(--hero1),var(--hero2));color:#f0ede5;border:0}
.cta img{border-radius:18px;flex:none}.cta h2{margin:0 0 4px;font-size:1.15rem;color:#fff}.cta p{margin:0 0 12px;color:#cfd9d3;font-size:.95rem}.cta .btn{background:#e7b765;color:#00140e!important}
.faq h3{margin-top:20px}.faq p{margin:4px 0;color:var(--muted)}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.links a{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);font-weight:600;line-height:1.35}.links a:hover{border-color:var(--gold);text-decoration:none}
.links small{display:block;color:var(--muted);font-weight:400;font-size:12px}
.countries{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.compass{width:min(260px,70vw);height:auto;flex:none}.ring{fill:var(--card);stroke:var(--gold);stroke-width:3}.ring2{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:2 5}
.dn{fill:#c0392b;font:800 15px sans-serif;text-anchor:middle}.dl{fill:var(--muted);font:700 13px sans-serif;text-anchor:middle}
.needle{fill:#0f8f6f}.hub{fill:var(--gold)}#dial{transform-origin:100px 100px;transition:transform .15s linear}#needle{transition:transform .15s linear}
.qb{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center}.qinfo{flex:1 1 240px;min-width:0}.qinfo p{margin:6px 0}
.big{font-size:1.5rem}.big b{color:var(--accent);font-size:2rem}.dark .big b{color:var(--gold)}.hint{font-size:13px;color:var(--muted)}
.search{display:flex;flex-wrap:wrap;gap:10px;position:relative}.search input{flex:1 1 220px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:0 18px;font:inherit}
.results{list-style:none;margin:6px 0 0;padding:0;flex:1 1 100%;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}.results[hidden]{display:none}
.results li a{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;color:var(--fg);border-bottom:1px solid var(--line)}.results li:last-child a{border-bottom:0}.results small{color:var(--muted)}
.ft{margin-top:56px;border-top:1px solid var(--line);padding:26px 0 40px;font-size:13.5px;color:var(--muted)}.ft .links a{background:none;border:0;padding:0;display:inline;font-weight:500;color:var(--accent)}.dark .ft .links a{color:var(--gold)}.ft p{margin:6px 0}.muted{opacity:.85}

@font-face{font-family:"AmiriQ";src:url(/fonts/amiri-400.woff2) format("woff2");font-weight:400;font-display:swap}
.ay{font-family:"AmiriQ","Amiri","Noto Naskh Arabic","Traditional Arabic",serif;font-size:1.55rem;line-height:2.3;direction:rtl}
.mush{font-size:1.7rem;text-align:justify;text-align-last:center}
.mush .n,.vs .n{display:inline-block;color:var(--gold);font:700 .9rem/1 system-ui,sans-serif;margin:0 4px;white-space:nowrap}
.bsm{text-align:center;font-family:"AmiriQ","Amiri",serif;font-size:1.8rem;margin:18px 0 6px}
.vs{margin:0;padding:0;list-style:none}.vs li{padding:14px 0;border-bottom:1px solid var(--line)}.vs li:last-child{border:0}
.vs .ay{display:block;margin:0 0 4px}.vs .tr{color:var(--muted);margin:0;direction:ltr;text-align:left}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:0;list-style:none}.facts li{background:var(--gold-soft);border-radius:999px;padding:4px 12px;font-size:.88rem;font-weight:600}
.pn{display:flex;justify-content:space-between;gap:10px;margin:22px 0}.pn a{flex:1}
.sgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.sgrid a{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);font-weight:600}.sgrid a:hover{border-color:var(--gold);text-decoration:none}
.sgrid .no{flex:none;width:30px;height:30px;border-radius:50%;background:var(--gold-soft);display:grid;place-items:center;font-size:.8rem}.sgrid small{display:block;color:var(--muted);font-weight:400;font-size:12px}