@font-face{font-family:"Amiri";font-weight:400;src:url(../fonts/amiri-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Amiri";font-weight:700;src:url(../fonts/amiri-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:300;src:url(../fonts/tajawal-arabic-300-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:400;src:url(../fonts/tajawal-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:500;src:url(../fonts/tajawal-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:700;src:url(../fonts/tajawal-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:400;src:url(../fonts/tajawal-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF}
@font-face{font-family:"Tajawal";font-weight:700;src:url(../fonts/tajawal-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF}

body{margin:0;background:var(--paper);color:var(--text);font:400 18px/1.9 "Tajawal",system-ui,sans-serif;background-image:radial-gradient(circle at 1px 1px,rgba(184,137,58,.12) 1px,transparent 0);background-size:26px 26px}
a{color:var(--ink2);text-decoration-thickness:1px;text-underline-offset:4px}
h1,h2,h3{font-family:"Amiri",serif;line-height:1.5;color:var(--ink);margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}h3{font-size:1.35rem}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand b{font-family:"Amiri";font-size:1.5rem;line-height:1}.brand small{display:block;font-size:.72rem;color:var(--mute);letter-spacing:.14em;direction:ltr}
nav.main{margin-inline-start:auto;display:flex;gap:4px;flex-wrap:wrap}
nav.main a{padding:6px 12px;border-radius:99px;text-decoration:none;color:var(--text);font-weight:500;font-size:.95rem}
nav.main a:hover,nav.main a[aria-current]{background:var(--ink);color:var(--paper)}
.tt{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:99px;width:38px;height:38px;cursor:pointer;font-size:1.1rem}
.menu{display:none}
@media(max-width:900px){.menu{display:inline-block;margin-inline-start:auto;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:6px 12px;font:inherit}nav.main{display:none;position:absolute;top:100%;right:0;left:0;background:var(--paper);padding:12px 20px;border-bottom:1px solid var(--line)}nav.main.open{display:flex}}
.hero{padding:70px 0 40px;position:relative;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr}}
.kick{display:inline-block;color:var(--clay);font-weight:700;letter-spacing:.04em;margin-bottom:8px}
.hero p.lead{font-size:1.25rem;color:var(--mute);max-width:36em}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:99px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;font-weight:700;cursor:pointer;font-size:1rem;font-family:inherit}
.btn.ghost{background:transparent;color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#1b1305}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.qcard{background:var(--ink);color:#f8f2e4;border-radius:28px;padding:34px;box-shadow:var(--shadow);position:relative}
:root[data-theme=dark] .qcard,@media(prefers-color-scheme:dark){}
.qcard blockquote{margin:0;font-family:"Amiri";font-size:1.55rem;line-height:1.9}
.qcard small{display:block;margin-top:14px;color:var(--gold2)}
.qcard .qb{position:absolute;top:10px;left:18px;font-size:5rem;font-family:Amiri;color:rgba(226,192,122,.25);line-height:1}
section.s{padding:56px 0}
.sh{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.sh p{margin:0;color:var(--mute);max-width:40em}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.tile{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;color:var(--text);position:relative;transition:.2s;box-shadow:0 1px 0 var(--line)}
.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}
.tile svg{width:46px;height:46px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.tile h3{margin:0 0 4px}.tile p{margin:0;color:var(--mute);font-size:.95rem;line-height:1.7}
.tile .tag{position:absolute;top:14px;left:14px;font-size:.72rem;background:var(--paper2);border-radius:99px;padding:2px 10px;color:var(--clay);font-weight:700}
.band{background:var(--ink);color:#f8f2e4;border-radius:28px;padding:40px;margin:20px 0}
.band h2{color:var(--gold2)}.band p{color:#d8d2bd}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:18px}.stats div{border-top:2px solid var(--gold);padding-top:10px}.stats b{font-family:Amiri;font-size:2.2rem;color:var(--gold2);display:block;line-height:1.2}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:99px;padding:4px 14px;cursor:pointer;font:inherit;font-size:.92rem}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
input,select,textarea{font:inherit;color:var(--text);background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;width:100%}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
label{font-weight:700;display:block;margin:12px 0 4px;font-size:.95rem}
.form2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}@media(max-width:700px){.form2{grid-template-columns:1fr}}
.pill{display:inline-block;font-size:.78rem;border-radius:99px;padding:1px 10px;background:var(--paper2);color:var(--clay);font-weight:700;margin-inline-end:6px}
.pill.ok{background:#d9eadf;color:#17552f}.pill.warn{background:#f6e6c4;color:#7a5200}
footer.bot{margin-top:60px;background:var(--ink);color:#e9e2cb;padding:44px 0 24px}
footer.bot a{color:var(--gold2)}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}@media(max-width:800px){footer .cols{grid-template-columns:1fr 1fr}}
footer h4{font-family:Amiri;font-size:1.2rem;color:var(--gold2);margin:0 0 8px}footer ul{list-style:none;margin:0;padding:0}footer li{margin:4px 0}
.disc{font-size:.85rem;color:var(--mute);border-top:1px dashed var(--line);margin-top:20px;padding-top:12px}
footer .disc{color:#b7b19c;border-color:#335a4e}
.page-h{padding:46px 0 14px}.page-h p{color:var(--mute);max-width:46em;font-size:1.1rem}
.prose{max-width:760px}.prose h2{margin-top:1.6em}.prose li{margin:.3em 0}
table.t{width:100%;border-collapse:collapse;background:var(--card);border-radius:12px;overflow:hidden}table.t th{background:var(--ink);color:var(--paper);text-align:right;padding:10px 12px}table.t td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.ev{border-inline-start:5px solid var(--gold);background:var(--card);border-radius:12px;padding:14px 18px}.ev time{font-weight:700;color:var(--clay);display:block}.ev h3{font-size:1.15rem;margin:.2em 0}
.out{white-space:pre-wrap;background:#fffdf6;color:#1d2a26;border:1px solid var(--line);border-radius:14px;padding:26px;font-family:"Amiri",serif;font-size:1.15rem;line-height:2.1;min-height:200px}
@media print{header.top,footer.bot,.noprint{display:none!important}body{background:#fff;font-size:12pt}.out{border:0}}
.skip{position:absolute;right:-999px}.skip:focus{right:10px;top:10px;background:#fff;padding:8px;z-index:99}
.q{display:flex;flex-direction:column;gap:6px}.opt{display:block;text-align:right;border:1.5px solid var(--line);background:var(--card);color:var(--text);padding:12px 16px;border-radius:12px;cursor:pointer;font:inherit;margin:6px 0;width:100%}.opt:hover{border-color:var(--gold)}
.meter{height:10px;background:var(--paper2);border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;background:var(--gold);width:0;transition:.4s}
.big{font-family:Amiri;font-size:2.6rem;color:var(--ink);line-height:1.2}
/* إزالة الاستجابة التلقائية لتفضيلات المتصفح الداكنة، ليكون الافتراضي دائماً فاتحاً */
:root {--ink:#10372e;--ink2:#1c5244;--gold:#b8893a;--gold2:#e2c07a;--paper:#f8f2e4;--paper2:#efe5cd;--clay:#9a4b2f;--text:#1d2a26;--mute:#5d6b66;--card:#fffaf0;--line:#d9ccaa;--r:18px;--shadow:0 10px 30px rgba(16,55,46,.12)}

/* تفعيل الوضع الداكن فقط عند اختيار المستخدم يدوياً عبر الكلاس أو الداتا أتيبريبوت */
:root[data-theme=dark], body.dark, body.dark-mode{--paper:#0f1c18;--paper2:#162820;--card:#15251f;--text:#ece5d2;--mute:#a7b3ad;--line:#2d443b;--ink:#e2c07a;--ink2:#cfa95f;--shadow:0 10px 30px rgba(0,0,0,.4)}