/* ══ FONTS: Noto Naskh Arabic برای تمام سایت ══ */

/* ══ RESET ══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100%}
body{background:#ffffff;color:#202122;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:15px;direction:rtl;line-height:1.75;min-height:100vh;overflow-x:hidden;max-width:100%;width:100%}
a{color:#0645ad;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.art-content img,.geo-wrap img,.geo-article img{max-width:100%;height:auto;display:block;margin:12px auto;border-radius:4px}
.art-content figure,.geo-wrap figure{margin:12px 0;text-align:center}
.art-content figcaption,.geo-wrap figcaption{font-size:11px;color:#54595d;margin-top:4px;font-style:italic}
.art-content img[style*="float"]{max-width:45%;margin:4px 8px}
button,input,textarea,select{font-family:inherit;font-size:inherit}
button{cursor:pointer}
ul,ol{padding-right:1.4em}


/* ══ RTL SWEEP LOADING BAR ══ */
#cosm-sweep-bar{position:fixed;top:0;right:0;left:0;height:3px;z-index:99999;pointer-events:none;overflow:hidden;background:transparent;display:none}
#cosm-sweep-bar .csb-inner{position:absolute;top:0;height:100%;width:38%;background:linear-gradient(to left,transparent,rgba(100,181,246,.6),#0645ad,rgba(100,181,246,.6),transparent);right:-40%;will-change:right}
/* Live search inside-bar (top bar used for search too) */
#cosm-progress{display:none}/* kept for compat — replaced by sweep bar */

/* ══ TICKER ══ */
/* ticker removed */
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes cosm-sweep{0%{right:-40%}100%{right:140%}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes csld-bounce{0%,80%,100%{transform:scale(0.6);opacity:.5}40%{transform:scale(1);opacity:1}}

/* ══ NAV ══ */
.nav{background:#1a1a2a;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;position:sticky;top:0;z-index:900;box-shadow:0 2px 14px rgba(0,0,0,.25);width:100%;max-width:100%;overflow:hidden;gap:4px}
/* hide WordPress admin bar — remove all spacing it adds */
#wpadminbar{display:none!important}
html{margin-top:0!important;padding-top:0!important}
body{margin-top:0!important;padding-top:0!important}
.nav-logo{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;flex-shrink:0;min-width:0}
.nav-logo span{font-size:17px;font-weight:900;color:#fff;letter-spacing:.3px}
.nav-logo small{font-size:7.5px;color:rgba(255,255,255,.4);letter-spacing:2px;font-weight:400}
.nav-center{display:flex;align-items:center;gap:6px}
.nav-search-btn{
  background:rgba(255,255,255,.1);
  border:1.5px solid rgba(255,255,255,.22);
  border-radius:22px;
  padding:6px 14px;
  color:rgba(255,255,255,.8);
  font-size:13px;
  display:flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
  white-space:nowrap;
  flex-shrink:0;
  text-decoration:none !important;
}
.nav-search-btn:hover{
  background:rgba(255,255,255,.2);
  border-color:rgba(255,255,255,.45);
  color:#fff;
  text-decoration:none !important;
}
.nav-search-btn .srch-ico{font-size:14px;flex-shrink:0;}
.nav-search-btn .srch-txt{font-size:12px;color:rgba(255,255,255,.7);}
.nav-search-btn .srch-kbd{display:none}
.nav-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.btn-sm{padding:5px 11px;border-radius:8px;font-size:12.5px;font-weight:700;border:none;cursor:pointer;transition:.15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}
.btn-login{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.btn-login:hover{background:rgba(255,255,255,.2)}
.btn-reg{background:#0645ad;color:#fff}
.btn-reg:hover{background:#0b3d91}
/* Toggle — نگه داشتن اندازه ثابت */
/* ══ DARK MODE TOGGLE — اولین گزینه در catnav ══ */
#dm-toggle{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:rgba(255,255,255,.12);
  border:1.5px solid rgba(255,255,255,.25);
  border-radius:20px;
  padding:3px 10px 3px 8px;
  cursor:pointer;
  outline:none;
  -webkit-tap-highlight-color:transparent;
  transition:background .2s, border-color .2s;
  flex-shrink:0;
  white-space:nowrap;
  color:rgba(255,255,255,.85);
  font-size:12px;
  font-weight:600;
  height:28px;
  vertical-align:middle;
}
#dm-toggle:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}
#dm-toggle:active{transform:scale(.94)}
body.night #dm-toggle{
  background:rgba(245,158,11,.25);
  border-color:rgba(245,158,11,.6);
  color:#fcd34d;
}
#dm-icon-moon,#dm-icon-sun{font-size:14px;line-height:1;display:flex;align-items:center}
#dm-icon-sun{display:none}
#dm-icon-moon{display:flex}
body.night #dm-icon-sun{display:flex}
body.night #dm-icon-moon{display:none}
.dm-label{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.8);letter-spacing:.2px}
body.night .dm-label{color:#fcd34d}
.nav-avatar{width:34px;height:34px;border-radius:50%;background:#dbeafe;color:#0b3d91;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);cursor:pointer;text-decoration:none;flex-shrink:0;position:relative}
.nav-badge{position:absolute;top:-4px;right:-4px;background:#DC2626;color:#fff;font-size:9px;font-weight:700;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.nav-admin-btn{background:rgba(255,165,0,.2);border:1px solid rgba(255,165,0,.4);color:#FFD700;padding:4px 10px;border-radius:7px;font-size:11px;font-weight:700;text-decoration:none}
.notif-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;position:relative;flex-shrink:0;line-height:1;padding:0}
.notif-btn .nav-badge{position:absolute;top:-5px;right:-5px;background:#DC2626;color:#fff;font-size:9px;font-weight:700;border-radius:10px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid #1a1a2a;pointer-events:none}

/* ══ CAT NAV ══ */
.catnav{background:#0F1F3D;display:flex;overflow-x:auto;border-top:1px solid rgba(255,255,255,.08)}
.catnav::-webkit-scrollbar{display:none}
/* ══ OVERRIDE WordPress default link styles ══ */
*,*::before,*::after{box-sizing:border-box}
a,a:visited,a:hover,a:active,a:focus{text-decoration:none!important;color:inherit!important}
.nav a,.nav-logo,.nav-logo *,
.catnav a,.catnav a:visited,.catnav a:hover,
.bottom-nav a,.bottom-nav a:visited,
.breadcrumb a,.breadcrumb a:visited,
.home-grid-title,.home-grid-title:visited,
.feat-title,.feat-title:visited,
.csrh-title,.csrh-title:visited{
  text-decoration:none!important;
  color:inherit!important;
}
/* article body links — keep visible */
.art-content a,.geo-article a,.geo-wrap a{color:#0645ad!important;text-decoration:none!important}
.art-content a:hover,.geo-article a:hover,.geo-wrap a:hover{text-decoration:underline!important}
/* nav specific */
.catnav a{color:rgba(255,255,255,.78)!important;padding:8px 14px;font-size:13px;border-bottom:2px solid transparent;transition:.15s;display:inline-block;white-space:nowrap}
.catnav a:hover,.catnav a.active{color:#fff!important;border-bottom-color:#64B5F6!important}
.nav-logo span{color:#fff!important}
.nav-logo small{color:rgba(255,255,255,.4)!important}

/* ══ NOTIFICATIONS DROPDOWN ══ */
.notif-wrap{position:relative;display:inline-flex}
.notif-panel{display:none;position:absolute;top:calc(100%+8px);left:0;background:#fff;border:1px solid #d1d5db;border-radius:13px;width:290px;max-height:380px;overflow-y:auto;z-index:800;box-shadow:0 8px 32px rgba(0,0,0,.18);direction:rtl}
.notif-panel.open{display:block}
.notif-head{padding:10px 14px;border-bottom:1px solid #E8E0D0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff}
.notif-item{padding:10px 14px;border-bottom:1px solid #EAF3FB;transition:.15s}
.notif-item:hover{background:#f8f9fa}
.notif-item:last-child{border-bottom:none}

/* ══ HERO ══ */
.hero{background:linear-gradient(135deg,#0a0a14 0%,#1a1a2a 55%,#0645ad 100%);padding:26px 16px 22px;position:relative;overflow:hidden}
.hero::before,.hero::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.04)}
.hero::before{width:280px;height:280px;top:-90px;left:-60px}
.hero::after{width:180px;height:180px;bottom:-70px;right:-40px}
.hero-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:3px 12px;font-size:11px;color:rgba(255,255,255,.88);margin-bottom:12px;position:relative}
.hero h1{font-size:23px;font-weight:900;color:#fff;margin-bottom:8px;text-shadow:0 2px 16px rgba(0,0,0,.3);line-height:1.3;position:relative}
.hero-desc{font-size:12px;color:rgba(255,255,255,.7);margin-bottom:14px;line-height:1.6;position:relative}
.hero-meta{display:flex;gap:14px;font-size:11px;color:rgba(255,255,255,.55);margin-bottom:15px;flex-wrap:wrap;position:relative}
.hero-btns{display:flex;gap:8px;flex-wrap:wrap;position:relative}
.hbtn{padding:7px 16px;border-radius:22px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s;border:1px solid rgba(255,255,255,.3)}
.hbtn.pr{background:rgba(255,255,255,.16);color:#fff}
.hbtn.pr:hover{background:rgba(255,255,255,.28)}
.hbtn.sc{background:transparent;color:rgba(255,255,255,.75)}
.hbtn.sc:hover{background:rgba(255,255,255,.1)}

/* ══ SEARCH BAR ══ */
.searchbar{background:#EAF3FB;padding:12px 16px;border-bottom:1px solid #d1d5db}
.search-inner{background:#fff;border:2px solid #0645ad;border-radius:30px;padding:9px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 3px 16px rgba(21,101,192,.1)}
.search-inner input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:#202122;direction:rtl}
.search-inner button{background:#0645ad;color:#fff;border:none;padding:6px 18px;border-radius:22px;font-size:13px;font-weight:700}
.search-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.stag{font-size:11px;color:#0645ad;cursor:pointer;padding:2px 9px;border-radius:12px;background:#dbeafe;transition:.15s}
.stag:hover{background:#0645ad;color:#fff}

/* ══ TOOLBAR ══ */
.toolbar{background:#fff;border-bottom:1px solid #E8E0D0;padding:7px 16px;display:flex;align-items:center;gap:10px;font-size:11px;color:#6A9A58;overflow-x:auto}
.font-btns{display:flex;gap:3px}
.font-btn{background:transparent;border:1px solid #d1d5db;border-radius:5px;padding:2px 8px;font-size:11px;color:#1a56db;cursor:pointer;white-space:nowrap}
.font-btn:hover,.font-btn.on{background:#0645ad;color:#fff;border-color:#0645ad}
/* ══ DARK MODE TOGGLE — کوچک و حرفه‌ای ══ */
.night-btn{display:none!important}

/* dm-track/thumb — replaced by fixed button above */

/* ── Smooth transition ── */
body{transition:background .3s ease,color .3s ease}
html.night-pre{background:#0d1117!important}

/* ══ SECTION HEAD ══ */
.sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sh h2{font-size:16px;font-weight:900;color:#202122;border-right:3px solid #0645ad;padding-right:9px}
.sh a{font-size:12px;color:#0645ad}

/* ══ TABS ══ */
.tabs{display:flex;border-bottom:2px solid #d1d5db;margin-bottom:14px}
.tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:8px 4px;font-size:13px;color:#6A9A58;cursor:pointer;font-weight:400;transition:.15s}
.tab.on{color:#0645ad;border-bottom-color:#0645ad;font-weight:800}
.tp{display:none}.tp.on{display:block}

/* ══ STATS ══ */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.stat{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.stat-ico{font-size:22px}
.stat-val{font-weight:900;font-size:18px;color:#0645ad}
.stat-lbl{font-size:10px;color:#6A9A58}

/* ══ VIEW TOGGLE ══ */
.vtoggle{display:flex;gap:3px}
.vbtn{background:transparent;border:1px solid #d1d5db;border-radius:7px;padding:4px 10px;font-size:12px;color:#6A9A58;cursor:pointer;transition:.15s}
.vbtn.on{background:#0645ad;color:#fff;border-color:#0645ad}

/* ══ BADGE ══ */
.badge{background:#dbeafe;color:#0b3d91;font-size:9px;padding:2px 8px;border-radius:10px;font-weight:700;white-space:nowrap;display:inline-block}
.badge-hot{background:#FEE2E2;color:#991B1B}
.badge-new{background:#FEF3C7;color:#92400E}

/* ══ CARD LIST ══ */
.card-l{background:#fff;border:1px solid #d1d5db;border-radius:14px;overflow:hidden;display:flex;margin-bottom:10px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:box-shadow .2s}
.card-l:hover{box-shadow:0 4px 20px rgba(21,101,192,.12)}
.cl-thumb{background:linear-gradient(135deg,#0a0a14,#1a1a2a,#0645ad);width:84px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:30px;position:relative;overflow:hidden}
.cl-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cl-body{padding:10px 12px;flex:1;min-width:0}
.cl-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}
.cl-badges{display:flex;gap:5px;flex-wrap:wrap}
.cl-actions{display:flex;gap:4px;flex-shrink:0}
.ic-btn{background:none;border:none;font-size:15px;padding:2px;cursor:pointer;border-radius:5px;transition:.15s;line-height:1}
.ic-btn:hover{background:#EAF3FB}
.cl-title{font-weight:800;font-size:14px;color:#202122;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;display:block}
.cl-sub{font-size:11px;color:#1a56db;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cl-meta{display:flex;gap:10px;font-size:10px;color:#6A9A58;margin-top:5px;flex-wrap:wrap}

/* ══ CARD GRID ══ */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.card-g{background:#fff;border:1px solid #d1d5db;border-radius:12px;overflow:hidden;transition:box-shadow .2s}
.card-g:hover{box-shadow:0 4px 18px rgba(21,101,192,.12)}
.cg-thumb{height:72px;background:linear-gradient(135deg,#0a0a14,#0645ad);display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;overflow:hidden}
.cg-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cg-body{padding:9px 10px}
.cg-title{font-weight:800;font-size:13px;color:#202122;margin:4px 0 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:block;text-decoration:none;color:#202122}
.cg-meta{font-size:10px;color:#6A9A58}

/* ══ CATEGORY ACCORDION ══ */
.cat-block{background:#fff;border:1px solid #d1d5db;border-radius:12px;margin-bottom:8px;overflow:hidden}
.cat-hd{background:#f8f9fa;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;width:100%;transition:.15s}
.cat-hd:hover{background:#EAF3FB}
.cat-hd-right{display:flex;align-items:center;gap:8px}
.cat-name{font-weight:800;font-size:14px;color:#202122}
.cat-count{background:#dbeafe;color:#0b3d91;font-size:10px;padding:2px 9px;border-radius:10px;font-weight:700}
.cat-bd{padding:10px 14px;display:none;flex-wrap:wrap;gap:7px}
.cat-bd.open{display:flex}
.sub-tag{background:#dbeafe;color:#0645ad;font-size:11px;padding:4px 13px;border-radius:15px;font-weight:600;text-decoration:none;display:inline-block;transition:.15s}
.sub-tag:hover{background:#0645ad;color:#fff;text-decoration:none}

/* ══ ARTICLE ══ */
.art-wrap{max-width:820px;margin:0 auto;padding:20px 16px}
.art-breadcrumb{background:#f8f9fa;padding:8px 16px;border-bottom:1px solid #d1d5db;font-size:12px;color:#6A9A58}
.art-breadcrumb a{color:#0645ad}
.art-badge{background:#dbeafe;color:#0b3d91;font-size:12px;padding:3px 13px;border-radius:12px;font-weight:700;display:inline-block;margin-bottom:10px}
.art-title{font-size:27px;font-weight:900;color:#202122;line-height:1.3;margin-bottom:10px}
.art-meta{display:flex;gap:14px;font-size:11px;color:#6A9A58;flex-wrap:wrap;margin-bottom:16px}
.art-toolbar{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;padding:9px 12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.art-tb-btn{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #d1d5db;border-radius:20px;padding:6px 13px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;font-family:inherit;transition:.18s;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.art-tb-btn:hover,.art-tb-btn:active{background:#f0f9ff;border-color:#0645ad;color:#0645ad}
.art-tb-btn.saved{background:#0645ad;color:#fff!important;border-color:#0645ad}
.art-tb-btn svg{fill:currentColor;flex-shrink:0}
.night-btn{margin-right:auto;background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:50%}
/* Table of Contents — see CosmaNav system */
/* Font size slider */
.art-font-ctrl{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}
.afc-label{font-size:10.5px;color:#6b7280;font-weight:700;white-space:nowrap}
.afc-track{flex:1;display:flex;align-items:center;gap:6px}
#font-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:#d1d5db;outline:none;cursor:pointer;direction:ltr}
#font-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#0645ad;cursor:pointer}
#font-pct{font-size:11px;color:#374151;font-weight:700;min-width:36px;text-align:center}
.afc-reset{background:#fff;border:1px solid #d1d5db;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:13px;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
/* Share modal */
.share-modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9100;align-items:flex-end}
.share-modal-ov.open{display:flex}
.share-modal{background:#fff;width:100%;border-radius:20px 20px 0 0;padding:20px 16px;direction:rtl}
.share-modal-title{font-size:14px;font-weight:700;color:#202122;text-align:center;margin-bottom:16px}
.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.share-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:10px 4px;border-radius:10px;border:none;background:none;font-family:inherit;transition:.15s;text-decoration:none}
.share-item:hover{background:#f0f9ff}
.si-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}
.share-item span{font-size:10px;color:#374151;font-weight:600}
.share-copy-bar{display:flex;gap:6px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:7px 10px;align-items:center}
.share-copy-bar input{flex:1;border:none;background:none;font-size:11px;color:#374151;direction:ltr;outline:none;font-family:monospace}
.share-copy-btn{background:#0645ad;color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:11px;cursor:pointer;font-weight:700;font-family:inherit}
/* table scroll rule removed — no CSS for tables */
.geo-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
/* Intro and infobox same as article */
.geo-intro p,.geo-article p,.art-content p,.geo-wrap p{color:#202122!important;font-size:15px!important;line-height:1.9!important;text-align:right!important;margin-bottom:0.9em!important}
/* Inline images mobile */
@media(max-width:520px){.geo-img-inline{max-width:38%!important;margin:4px 0 8px 8px!important}.geo-img-inline figcaption{font-size:9px!important}}

/* ══ PAGE LOADER — sweep bar only (see #cosm-sweep-bar above) ══ */
#cosm-loader{display:none}/* legacy — replaced */
/* Spinner for AJAX actions */
.cosm-spinner-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9800;align-items:center;justify-content:center}
.cosm-spinner-ov.show{display:flex}
.cosm-spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ══ LIVE SEARCH OVERLAY ══ */
#live-search-ov{display:none;position:fixed;inset:0;background:rgba(10,10,20,.88);z-index:9500;flex-direction:column;align-items:center;padding:50px 12px 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#live-search-ov.open{display:flex}
.ls-wrap{width:min(680px,100%);direction:rtl}
.ls-bar{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px rgba(0,0,0,.4)}
.ls-bar input{flex:1;border:none;outline:none;font-size:17px;direction:rtl;color:#202122;background:transparent;font-family:inherit}
.ls-close{background:none;border:none;color:#6b7280;font-size:24px;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}
.ls-loader{height:3px;background:transparent;border-radius:2px;overflow:hidden;margin:8px 0;position:relative}
.ls-loader.active{background:#eaecf0;overflow:hidden}
.ls-loader.active::after{content:'';position:absolute;top:0;right:-40%;width:40%;height:100%;background:linear-gradient(to left,transparent,#0645ad,#60a5fa,transparent);animation:cosm-sweep 2.2s linear infinite}
.ls-results{background:#fff;border-radius:12px;margin-top:8px;overflow:hidden;max-height:62vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,.35)}
.ls-item{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid #f3f4f6;cursor:pointer;align-items:center;transition:.12s}
.ls-item:hover{background:#f0f9ff}
.ls-item:last-child{border-bottom:none}
.ls-thumb{width:46px;height:46px;object-fit:cover;border-radius:6px;flex-shrink:0}
.ls-thumb-icon{width:46px;height:46px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.ls-info{flex:1;min-width:0}
.ls-title{font-size:15px;font-weight:700;color:#202122;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-sub{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-meta{font-size:11px;color:#9ca3af;margin-top:2px}
.ls-empty{padding:32px;text-align:center;color:#54595d;font-size:14px;direction:rtl}
.ls-all-btn{display:block;padding:12px;text-align:center;font-size:13px;color:#0645ad;font-weight:700;background:#f8f9fa;border-top:1px solid #e5e7eb;cursor:pointer}
.ls-hint{text-align:center;color:rgba(255,255,255,.45);font-size:12px;margin-top:12px}

/* ══ EMAIL SUBSCRIPTION ══ */
.email-sub-wrap{background:linear-gradient(135deg,#0a1628,#1e3a8a);border-radius:12px;padding:22px 16px;margin:24px 0;color:#fff;direction:rtl}
.email-sub-title{font-size:16px;font-weight:800;margin-bottom:4px}
.email-sub-desc{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:14px;line-height:1.6}
.email-sub-form{display:flex;gap:8px;flex-wrap:wrap}
.email-sub-input{flex:1;min-width:160px;border:none;border-radius:8px;padding:10px 14px;font-size:13px;direction:rtl;outline:none;font-family:inherit}
.email-sub-freq{border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 8px;font-size:12px;background:rgba(255,255,255,.15);color:#fff;font-family:inherit;outline:none;cursor:pointer}
.email-sub-btn{background:#fff;color:#0645ad;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap}
.email-sub-ok{display:none;text-align:center;padding:12px;font-size:13px;color:rgba(255,255,255,.9);margin-top:8px}

/* Global links */
a{text-decoration:none}
.catnav a,.nav a,.bottom-nav a,.breadcrumb a{text-decoration:none!important}
.geo-article a,.art-content a,.geo-wrap a{color:#0645ad}
.geo-article a:hover,.art-content a:hover{text-decoration:underline}
.art-action{background:transparent;border:1px solid #d1d5db;border-radius:8px;padding:5px 12px;font-size:12px;color:#1a56db;display:flex;align-items:center;gap:5px;cursor:pointer;transition:.15s;white-space:nowrap}
.art-action:hover{background:#0645ad;color:#fff;border-color:#0645ad}
.art-action.saved{background:#dbeafe;border-color:#0645ad;color:#0b3d91}
.art-content{font-size:15px;line-height:2;color:#202122}
.art-content h2{font-size:20px;font-weight:900;color:#1a1a2a;margin:22px 0 10px;border-right:3px solid #0645ad;padding-right:9px}
.art-content h3{font-size:17px;font-weight:800;color:#1a1a2a;margin:16px 0 8px}
.art-content p{margin-bottom:16px;font-size:16px;line-height:1.85;color:#202122;text-align:right}
.art-content ul,.art-content ol{padding-right:22px;margin-bottom:14px}
.art-content li{margin-bottom:5px}
.art-content blockquote{border-right:4px solid #0645ad;background:#f8f9fa;padding:12px 16px;margin:16px 0;border-radius:0 10px 10px 0;font-style:italic;color:#1a56db}
/* table styles removed — no CSS for tables */
.art-content a{color:#0645ad;text-decoration:underline}
.art-content img{border-radius:10px;margin:12px 0}

/* ══ RATING ══ */
.rating-box{background:#f8f9fa;border:1px solid #d1d5db;border-radius:11px;padding:14px;text-align:center;margin:18px 0}
.star-btn{background:none;border:none;font-size:26px;cursor:pointer;transition:transform .15s;line-height:1;padding:2px}
.star-btn:hover{transform:scale(1.2)}

/* ══ Q&A ══ */
.qa-form textarea{width:100%;border:1px solid #d1d5db;border-radius:9px;padding:10px 14px;font-size:13px;direction:rtl;resize:vertical;min-height:80px;outline:none;color:#202122}
.qa-form textarea:focus{border-color:#0645ad;box-shadow:0 0 0 3px rgba(21,101,192,.1)}
.qa-submit{background:#0645ad;color:#fff;border:none;padding:8px 22px;border-radius:9px;font-size:13px;font-weight:700;margin-top:8px;cursor:pointer}
.qa-submit:hover{background:#0b3d91}
.qa-item{background:#f8f9fa;border:1px solid #d1d5db;border-radius:11px;padding:12px 14px;margin-bottom:8px}

/* ══ MODALS — ChatGPT style ══ */
.modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(8px)}
.modal-ov.open{display:flex}
.modal{background:#fff;border-radius:22px;padding:32px 28px 24px;width:100%;max-width:400px;position:relative;max-height:94vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.modal-x{position:absolute;top:14px;left:16px;background:rgba(0,0,0,.06);border:none;width:30px;height:30px;border-radius:50%;font-size:15px;cursor:pointer;color:#6A9A58;line-height:1;display:flex;align-items:center;justify-content:center;transition:.15s}
.modal-x:hover{background:rgba(0,0,0,.12)}
.modal-logo{display:flex;justify-content:center;margin-bottom:18px}
.modal-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#0a1628,#0645ad);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}
.modal-title{font-size:22px;font-weight:900;color:#0f0f0f;text-align:center;margin-bottom:6px;letter-spacing:-.3px}
.modal-sub{font-size:13px;color:#6b7280;text-align:center;margin-bottom:22px;line-height:1.5}
.modal-google-btn{width:100%;background:#fff;color:#1A1A1A;border:1.5px solid #e5e7eb;border-radius:14px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;transition:.18s;font-family:inherit;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.modal-google-btn:hover{background:#f9f9f9;border-color:#c7c7c7;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.modal-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:#9ca3af;font-size:12px}
.modal-or::before,.modal-or::after{content:'';flex:1;height:1px;background:#f0f0f0}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:12.5px;font-weight:700;color:#374151;margin-bottom:6px}
.fg input,.fg textarea,.fg select{width:100%;border:1.5px solid #e5e7eb;border-radius:12px;padding:11px 14px;font-size:14px;direction:rtl;outline:none;color:#1a1a1a;background:#fafafa;transition:.15s;font-family:inherit}
.fg input:focus,.fg textarea:focus{border-color:#0645ad;background:#fff;box-shadow:0 0 0 3px rgba(6,69,173,.08)}
.submit-btn{width:100%;background:#1a1a1a;color:#fff;border:none;padding:13px;border-radius:14px;font-size:14px;font-weight:800;cursor:pointer;transition:.18s;font-family:inherit;letter-spacing:.2px}
.submit-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.modal-sw{text-align:center;font-size:13px;color:#6b7280;margin-top:18px}
.modal-sw a{color:#0645ad;font-weight:700;cursor:pointer;text-decoration:none}
.modal-sw a:hover{text-decoration:underline}
.msg{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:12px;display:none}
.msg.err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;display:block}
.msg.ok{background:#f0fdf4;color:#16a34a;border:1px solid #86efac;display:block}
.need-login{background:#FEF3C7;border:1px solid #FDE68A;border-radius:11px;padding:14px;text-align:center;color:#92400E}
.need-login strong{display:block;font-size:15px;margin-bottom:7px}
.nl-btn{background:#0645ad;color:#fff;border:none;padding:7px 18px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;margin:3px}

/* ══ LIVE SEARCH ══ */
.live-ov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9998;display:none;align-items:flex-start;justify-content:center;padding:80px 16px 16px;backdrop-filter:blur(4px)}
.live-ov.open{display:flex}
.live-box{background:#fff;max-width:580px;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.live-row{padding:14px 16px;border-bottom:1px solid #d1d5db;display:flex;gap:10px;align-items:center}
.live-row input{flex:1;border:none;outline:none;font-size:16px;direction:rtl;color:#202122}
.live-results{max-height:380px;overflow-y:auto}
.live-item{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid #EAF3FB;cursor:pointer;transition:.15s;text-decoration:none;color:#202122}
.live-item:hover{background:#f8f9fa;text-decoration:none}
.live-ico{width:38px;height:38px;background:linear-gradient(135deg,#0a0a14,#0645ad);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;overflow:hidden}
.live-ico img{width:100%;height:100%;object-fit:cover}

/* ══ PROFILE ══ */
.profile-wrap{max-width:680px;margin:0 auto;padding:16px}
.profile-hdr{background:linear-gradient(135deg,#0a0a14,#1a1a2a);border-radius:16px;padding:20px;color:#fff;display:flex;align-items:center;gap:16px;margin-bottom:16px}
.profile-av{width:66px;height:66px;border-radius:50%;background:#dbeafe;color:#0b3d91;font-weight:900;font-size:28px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);flex-shrink:0}
.profile-name{font-size:20px;font-weight:900}
.profile-email{font-size:12px;opacity:.65;margin-top:2px}
.profile-stats{display:flex;gap:16px;margin-top:10px;font-size:11px}
.profile-stat strong{display:block;font-size:18px;font-weight:900}
.profile-tabs{display:flex;gap:0;border-bottom:2px solid #d1d5db;margin-bottom:14px;overflow-x:auto}
.profile-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:8px 14px;font-size:13px;color:#6A9A58;cursor:pointer;white-space:nowrap;transition:.15s}
.profile-tab.on{color:#0645ad;border-bottom-color:#0645ad;font-weight:800}
.pp{display:none}.pp.on{display:block}

/* ══ ADMIN ══ */
.admin-wrap{min-height:100vh;background:#EAF3FB}
.admin-bar{background:#0a0a14;color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.admin-bar h1{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}
.admin-body{display:flex;min-height:calc(100vh - 46px)}
.admin-side{width:210px;min-width:210px;background:#1A2A4A;padding:10px 0}
.admin-side a{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:13px;color:rgba(255,255,255,.65);text-decoration:none;border-right:3px solid transparent;transition:.15s;cursor:pointer}
.admin-side a:hover,.admin-side a.on{color:#fff;background:rgba(255,255,255,.07);border-right-color:#64B5F6}
.admin-cnt{flex:1;padding:18px;overflow-x:auto}
.admin-card{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:16px;margin-bottom:16px}
.admin-card h2{font-size:14px;font-weight:900;color:#202122;margin-bottom:14px;border-bottom:1px solid #d1d5db;padding-bottom:8px}
.astats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.astat{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:14px;text-align:center}
.astat .v{font-size:24px;font-weight:900;color:#0645ad}
.astat .l{font-size:10px;color:#6A9A58;margin-top:3px}
.atable{width:100%;border-collapse:collapse;font-size:13px}
.atable th{background:#f8f9fa;padding:8px 12px;text-align:right;font-weight:700;color:#1a56db;border-bottom:2px solid #d1d5db}
.atable td{padding:9px 12px;border-bottom:1px solid #EAF3FB;vertical-align:middle}
.atable tr:hover td{background:#ffffff}
.abtn{background:transparent;border:1px solid #d1d5db;border-radius:6px;padding:3px 10px;font-size:11px;color:#1a56db;cursor:pointer;margin-left:4px;transition:.15s}
.abtn:hover{background:#0645ad;color:#fff;border-color:#0645ad}
.abtn.danger{color:#991B1B;border-color:#FECACA}
.abtn.danger:hover{background:#991B1B;border-color:#991B1B;color:#fff}
.abtn.warn{color:#92400E;border-color:#FDE68A}
.abtn.warn:hover{background:#D97706;border-color:#D97706;color:#fff}
.editor{border:1px solid #d1d5db;border-radius:9px;overflow:hidden}
.editor-tb{background:#f8f9fa;padding:6px 10px;display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #d1d5db}
.ebtn{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:3px 9px;font-size:12px;cursor:pointer;font-weight:700;color:#1a56db}
.ebtn:hover{background:#0645ad;color:#fff;border-color:#0645ad}
.editor-body{min-height:180px;padding:14px;outline:none;font-size:14px;line-height:1.8;direction:rtl}

/* ══ TOAST ══ */
.toast{position:fixed;bottom:20px;right:20px;background:#202122;color:#fff;padding:11px 18px;border-radius:11px;font-size:13px;z-index:9999;display:none;align-items:center;gap:9px;box-shadow:0 4px 24px rgba(0,0,0,.35);max-width:300px}
.toast.show{display:flex}
@keyframes tin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.toast.show{animation:tin .3s ease}

/* ══ FOOTER ══ */
/* ══ FOOTER — حرفه‌ای و خوانا ══ */
.footer{
  background:#0f172a;
  padding:32px 20px 16px;
  direction:rtl;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif !important;
  font-weight:900;
  color:#fff;
  margin-bottom:6px;
  letter-spacing:.5px;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif !important;
}
.footer-desc{
  font-size:13px;
  color:#94a3b8;
  margin-bottom:24px;
  line-height:1.7;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif !important;
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:24px;
}
.footer-col h4{
  font-size:14px;
  color:#ffffff;
  font-weight:700;
  margin-bottom:12px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.12);
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif !important;
  letter-spacing:0;
}
.footer-col a{
  display:block;
  font-size:13.5px;
  color:#cbd5e1;
  margin-bottom:9px;
  text-decoration:none;
  line-height:1.6;
  transition:color .15s;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif !important;
  font-weight:400;
}
.footer-col a:hover{
  color:#60a5fa;
  text-decoration:none;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:14px;
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:#64748b;
  flex-wrap:wrap;
  gap:6px;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif !important;
}
body.night .footer{background:#0a0f1a!important}
body.night .footer-col a{color:#94a3b8!important}
body.night .footer-col a:hover{color:#60a5fa!important}
body.night .footer-col h4{color:#e2e8f0!important}


/* ══ IMAGE FIX DESKTOP ══ */
.geo-img-inline{float:right;margin:4px 0 12px 16px;max-width:min(280px,40%);border:1px solid #a2a9b1;border-radius:4px;overflow:hidden;background:#f8f9fa;clear:right}
.geo-img-inline img{width:100%;display:block;border-radius:0}
.geo-img-main{width:100%;max-height:500px;object-fit:cover;border-radius:5px;overflow:hidden;margin:14px 0;border:1px solid #d1d5db}
.geo-img-main img{width:100%;max-height:500px;object-fit:cover;display:block}
.geo-img-flag{float:right;margin:0 0 12px 14px;max-width:140px;border:1px solid #a2a9b1;border-radius:3px;overflow:hidden;background:#f8f9fa;clear:right}
.geo-img-flag img{width:100%;display:block}
@media(max-width:768px){
  .geo-img-inline,.geo-img-flag,.geo-img-main,.geo-img-locator{float:none!important;max-width:100%!important;margin:10px 0!important;clear:both!important}
  .geo-img-inline img,.geo-img-flag img{width:100%!important;max-height:280px!important;object-fit:contain!important}
  .geo-img-main img{max-height:260px!important}
  .geo-table-wrap{float:none!important;max-width:100%!important;margin:10px 0!important;overflow-x:auto}
  .art-content img,.geo-article img,.geo-wrap img{width:100%!important;max-width:100%!important;height:auto!important;float:none!important;margin:10px 0!important;max-height:300px!important;object-fit:contain!important}
}

/* ══ NIGHT MODE — see comprehensive rules above ══ */

/* ══ FONT LOCK — Noto Naskh Arabic برای تمام سایت ══ */
/* یک خط عربی یکپارچه برای همه جا */
html, body, body * {
  font-family: 'Noto Naskh Arabic', Tahoma, Arial, sans-serif !important;
}
/* استثناء: کدها و ورودی‌های LTR */
code, pre, input[dir="ltr"], .ltr-text {
  font-family: monospace !important;
}

/* ══ GEO ARTICLE ELEMENTS ══ */
/* ── WHITE CLEAN BACKGROUND ── */
/* ── WIKIPEDIA CLEAN WHITE ── */
html,body{background:#fff!important;color:#202122!important;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif}
.searchbar{background:#fff!important;border-bottom:1px solid #a7d7f9!important;padding:8px 12px!important}
.toolbar{background:#fff!important;border-bottom:1px solid #e5e7eb!important}
.cat-hd{background:#f8f9fa!important}
.stat,.admin-card,.sidebar-box{background:#fff!important;border-color:#a2a9b1!important}
.card-l,.card-g{background:#fff!important;border:none!important;border-bottom:1px solid #eaecf0!important;border-radius:0!important;box-shadow:none!important}
.card-l:hover,.card-g:hover{background:#f8f9fa!important;box-shadow:none!important}

/* ── INFOBOX — Wikipedia gray style ── */
/* geo-table-title styles removed — no CSS for tables */
/* infobox styles → see below in geo-table section */

/* ── ARTICLE CONTENT ── */
.art-content,.geo-article,.geo-intro{font-family:'Noto Naskh Arabic','Tajawal',Tahoma,Arial,sans-serif!important;font-size:1.05rem!important;line-height:2!important;color:#3a3a3a!important}
.geo-article h2{font-size:1.3rem!important;font-weight:700!important;color:#0f1a2e!important;margin:36px 0 10px!important;padding:0 0 6px!important;background:none!important;border-right:none!important;border-bottom:1px solid #e0e0e0!important;border-radius:0!important}
.geo-article h3{font-size:1.1rem!important;font-weight:600!important;color:#0f1a2e!important;margin:28px 0 8px!important;border-right:none!important;padding-right:0!important}
.geo-article h4{font-size:.95rem!important;font-weight:600!important;color:#555!important}
.geo-article p,.geo-intro p{font-size:1.05rem!important;line-height:2!important;color:#3a3a3a!important;margin-bottom:18px!important;text-align:right!important;text-align:justify;word-break:break-word}
.geo-subtitle{font-size:13px!important;color:#54595d!important;font-style:italic!important;border-right:none!important;padding-right:0!important}
/* hide geo-subtitle inside article body (already shown above hero image from PHP) */
#art-body .geo-subtitle{display:none!important}
/* ensure geo-intro text is always dark */
.geo-intro p{font-size:1.05rem!important;line-height:2!important;color:#3a3a3a!important;margin-bottom:18px!important;text-align:right!important}
.art-title{font-family:'Noto Naskh Arabic','Tajawal',Tahoma,Arial,sans-serif!important;font-size:2rem!important;font-weight:700!important;color:#0f1a2e!important;text-align:center!important;margin-bottom:0!important;line-height:1.3!important;display:block!important}
.art-title::after{content:'';display:block;height:2px;background:linear-gradient(to left,#3366cc,transparent);margin-top:10px;border-radius:2px}

/* ── FEATURED ARTICLES (3) ── */
.wiki-search-result{padding:10px 0;border-bottom:1px solid #eaecf0}
.wiki-search-result:last-child{border-bottom:none}
.wiki-search-thumb{width:50px;height:50px;object-fit:cover;border-radius:3px;float:left;margin-left:12px;flex-shrink:0}
.wiki-search-title{font-size:15px;font-weight:bold;color:#0645ad;text-decoration:none;display:block;margin-bottom:3px}
.wiki-search-title:hover{text-decoration:underline}
.wiki-search-snippet{font-size:13px;color:#54595d;line-height:1.4}
.wiki-search-cat{font-size:11px;color:#72777d;margin-top:3px}

/* ── REFERENCES — Wikipedia style ── */
.geo-references{background:#f8f9fa!important;border:1px solid #a2a9b1!important;font-size:12px!important}
.geo-references>h2{font-size:14px!important;font-weight:bold!important;color:#202122!important;border-bottom:1px solid #a2a9b1!important;padding-bottom:4px!important;background:none!important;border-right:none!important;border-radius:0!important}
.geo-references ol li{background:transparent!important;border-right:none!important;border-bottom:1px solid #eaecf0!important;padding:4px 0!important}
.ref-num{background:#0645ad!important;min-width:18px!important;height:18px!important;font-size:10px!important}
.ref-source-name{color:#0645ad!important}
.wiki-refs{background:#f8f9fa;border:1px solid #a2a9b1;padding:10px 14px;margin-top:20px;font-size:12px}

/* ── HOMEPAGE GRID ── */
.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #eaecf0;width:100%}
.home-grid-item{padding:13px 12px;border-bottom:1px solid #eaecf0;border-left:1px solid #eaecf0;overflow:hidden;cursor:pointer}
.home-grid-item:hover{background:#f8f9fa}
.home-grid-title{font-size:15px;font-weight:700;color:#0645ad;text-decoration:none;display:block;line-height:1.35;margin-bottom:3px}
.home-grid-title:hover{text-decoration:underline}
.home-grid-sub{font-size:11.5px;color:#54595d;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-grid-thumb{width:50px;height:50px;object-fit:cover;border-radius:3px;float:left;margin-left:8px;flex-shrink:0}

/* ── DEDICATED SEARCH PAGE — Wikipedia style ── */
.cosm-search-page{max-width:860px;margin:0 auto;padding:0 0 40px}
.cosm-search-hero{background:linear-gradient(135deg,#0a0a1a,#1a1a2a);padding:28px 16px 24px;text-align:center;color:#fff}
.cosm-search-hero h1{font-size:20px;font-weight:900;margin-bottom:14px;letter-spacing:.3px}
.cosm-search-form{display:flex;align-items:stretch;background:#fff;border-radius:30px;overflow:hidden;max-width:600px;margin:0 auto;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.cosm-search-form input{flex:1;border:none;outline:none;padding:12px 18px;font-size:16px;direction:rtl;color:#202122;background:transparent;font-family:inherit}
.cosm-search-form button{background:#0645ad;color:#fff;border:none;padding:12px 22px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:.2s}
.cosm-search-form button:hover{background:#0b3d91}
.cosm-search-tabs{display:flex;border-bottom:1px solid #a2a9b1;background:#fff;padding:0 16px;margin-top:0}
.cosm-search-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;font-size:13px;font-weight:700;color:#54595d;cursor:pointer;font-family:inherit;margin-bottom:-1px}
.cosm-search-tab.active{color:#0645ad;border-bottom-color:#0645ad}
.cosm-search-info{font-size:12px;color:#72777d;padding:8px 16px;border-bottom:1px solid #eaecf0;background:#f8f9fa;direction:rtl}
.cosm-search-result{padding:14px 16px;border-bottom:1px solid #eaecf0;direction:rtl;transition:.15s}
.cosm-search-result:hover{background:#f8f9fa}
.csrh{display:flex;gap:12px;align-items:flex-start}
.csrh-img{width:64px;height:64px;object-fit:cover;border-radius:4px;flex-shrink:0;border:1px solid #eaecf0}
.csrh-body{flex:1;min-width:0}
.csrh-title{font-size:17px;font-weight:400;color:#0645ad;text-decoration:none;font-family:'Noto Naskh Arabic','Tajawal',Tahoma,Arial,sans-serif;line-height:1.3;display:block;margin-bottom:2px}
.csrh-title:hover{text-decoration:underline}
.csrh-sub{font-size:11.5px;color:#72777d;font-style:italic;margin-bottom:3px}
.csrh-snippet{font-size:13px;color:#202122;line-height:1.6}
.csrh-snippet em{font-style:normal;background:#fef3cd;padding:0 1px}
.csrh-cat{font-size:11px;color:#72777d;margin-top:4px}
.cosm-search-empty{padding:40px 16px;text-align:center;color:#54595d}
.cosm-search-empty h2{font-size:18px;font-weight:700;color:#202122;margin-bottom:8px}
.cosm-search-pager{display:flex;justify-content:center;align-items:center;gap:4px;padding:20px 0;flex-wrap:wrap}
.csrp-btn{background:#fff;border:1px solid #a2a9b1;color:#0645ad;padding:5px 12px;border-radius:2px;font-size:13px;text-decoration:none;cursor:pointer;font-family:inherit}
.csrp-btn:hover{background:#eaf3fb;border-color:#0645ad}
.csrp-btn.active{background:#0645ad;color:#fff;border-color:#0645ad;pointer-events:none}
.cosm-search-live-wrap{border:1px solid #a2a9b1;border-top:none;background:#fff;border-radius:0 0 4px 4px;max-height:400px;overflow-y:auto;position:absolute;width:100%;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:600px;left:50%;transform:translateX(-50%)}
.cosm-live-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;direction:rtl;align-items:center}
.cosm-live-item:hover{background:#f8f9fa}
.cosm-live-item img{width:40px;height:40px;object-fit:cover;border-radius:3px;flex-shrink:0}
.cosm-live-title{font-size:14px;font-weight:700;color:#202122;line-height:1.3}
.cosm-live-sub{font-size:11px;color:#72777d;line-height:1.3}
.cosm-search-suggest{padding:16px;direction:rtl}
.cosm-search-suggest h3{font-size:13px;font-weight:700;color:#54595d;margin-bottom:8px}
.cosm-search-suggest a{display:inline-block;background:#f8f9fa;border:1px solid #a2a9b1;border-radius:2px;padding:4px 10px;font-size:12px;color:#0645ad;text-decoration:none;margin:3px 3px 0 0}
.cosm-search-suggest a:hover{background:#eaf3fb}
.featured-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #a2a9b1;margin-bottom:16px}
.featured-item{padding:12px 14px;border-bottom:1px solid #eaecf0;display:flex;gap:12px;align-items:flex-start}
.featured-item:last-child{border-bottom:none}
.featured-img{width:60px;height:60px;object-fit:cover;border-radius:3px;flex-shrink:0;background:#eaecf0;display:flex;align-items:center;justify-content:center;font-size:22px}
.featured-num{width:22px;height:22px;border-radius:50%;background:#0645ad;color:#fff;font-size:11px;font-weight:bold;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.featured-title{font-size:15px;font-weight:bold;color:#0645ad;text-decoration:none;display:block;margin-bottom:3px}
.featured-title:hover{text-decoration:underline}
.featured-desc{font-size:12px;color:#54595d;line-height:1.4}
.featured-meta{font-size:11px;color:#72777d;margin-top:4px}

/* ── CITATION POPUP — Wikipedia style ── */
.cite-popup{background:#fff!important;border-top:2px solid #0645ad!important}
.cite-popup-body{background:#f8f9fa!important;border:1px solid #a2a9b1!important;border-right:3px solid #0645ad!important;color:#202122!important}
.cite-popup-title-text{color:#202122!important;font-family:sans-serif!important}

/* ── PAGINATION ── */
.wiki-pager{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #a2a9b1;margin-top:16px}
.wiki-pager-pages{display:flex;gap:4px;flex-wrap:wrap}
.wiki-pager a,.wiki-pager span{font-size:13px;color:#0645ad;text-decoration:none;padding:3px 8px;border-radius:2px}
.wiki-pager a:hover{text-decoration:underline;background:#eaf3fb}
.wiki-pager .active{font-weight:bold;color:#202122;cursor:default}

/* ── NIGHT MODE ── */
/* night mode table rules removed — tables have no CSS */
body.night .geo-article h2,
body.night .geo-article h3,
body.night .geo-article h4{color:#ffffff!important;border-bottom-color:#444!important}
body.night .geo-article p,
body.night .geo-article li,
body.night .geo-intro p,
body.night .geo-intro,
body.night .geo-article{color:#ffffff!important}
.searchbar{background:#f5f5f5!important;border-bottom:1px solid #e5e7eb!important}
.toolbar{background:#ffffff!important;border-bottom:1px solid #e5e7eb!important}
.cat-hd{background:#f9fafb!important}
.cat-hd:hover{background:#f3f4f6!important}
.card-l,.card-g,.stat,.cat-block,.admin-card,.sidebar-box{background:#ffffff!important;border-color:#e5e7eb!important}
.night-btn,.font-btn{border-color:#d1d5db!important;color:#374151!important}

/* ── HERO ── */
.hero{background:linear-gradient(135deg,#1a1a2a 0%,#1e3a8a 55%,#0645ad 100%)!important}
.cg-thumb,.cl-thumb{background:linear-gradient(135deg,#1a1a2a,#1e3a8a,#0645ad)!important}

/* ── ACCENT = WIKIPEDIA BLUE ── */
:root{--acc:#0645ad;--nav:#1a1a2a;--acc-light:#eff6ff;--acc-border:#93c5fd}
a,.wiki-link{color:#0645ad}
a:hover,.wiki-link:hover{color:#0b3d91;text-decoration:underline}
.submit-btn,.btn-reg,.search-inner button,.qa-submit,.font-btn.on,.vbtn.on{background:#0645ad!important;color:#fff!important}
.search-inner{border-color:#0645ad!important}
.sh h2{border-right-color:#0645ad!important}
.stat-val,.astat .v{color:#0645ad!important}
.badge{background:#dbeafe!important;color:#1e3a8a!important}

/* ═══════════════════════════════════
   GEO ARTICLE — جميع مكونات المقالة
   ═══════════════════════════════════ */

/* wrapper */
.geo-wrap{direction:rtl;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;color:#202020;line-height:1.8}

/* Subtitle (توضیح عنوان) — مثل ويكيبيديا */
.geo-subtitle{
  font-size:14px;color:#555;font-style:italic;
  margin:4px 0 16px;line-height:1.5;
  border-right:3px solid #93c5fd;padding-right:10px;
  display:block;
}

/* صور */
.geo-img-main{margin:12px 0;clear:both;overflow:hidden;border-radius:5px;border:1px solid #d1d5db}
.geo-img-main img{width:100%;height:auto;display:block;max-height:400px;object-fit:cover;border-radius:0}
.geo-img-flag{float:left;margin:0 0 10px 12px;clear:left;border:1px solid #a2a9b1;border-radius:3px;overflow:hidden;max-width:120px;background:#f8f9fa}
.geo-img-flag img{width:100%;display:block;border-radius:0;box-shadow:none;border:none}
.geo-img-locator{margin:12px 0;clear:both;overflow:hidden;border-radius:5px;border:1px solid #d1d5db;text-align:center;background:#f8f9fa}
.geo-img-locator img{max-width:100%;height:auto;display:block;border-radius:0;margin:0 auto}
.geo-img-inline{float:right;margin:4px 0 10px 14px;clear:right;max-width:min(220px,42%);border:1px solid #a2a9b1;border-radius:4px;overflow:hidden;background:#f8f9fa}
.geo-img-inline img{width:100%;border-radius:0;box-shadow:none;display:block}
.geo-img-main figcaption,
.geo-img-flag figcaption,
.geo-img-locator figcaption,
.geo-img-inline figcaption{font-size:11px;color:#54595d;text-align:center;padding:5px 8px;font-style:italic;line-height:1.4;background:#f8f9fa;border-top:1px solid #d1d5db;display:block}

/* مقدمة */
.geo-intro{margin:12px 0 16px;clear:both;padding:0}
.geo-intro p{font-size:15px!important;line-height:1.9!important;color:#202122!important;margin-bottom:12px!important;text-align:right!important;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif!important}

/* ─── جدول المعلومات الأساسية — all table styles removed, no CSS ─── */
.geo-table-wrap{margin:0 0 16px 12px;float:left;max-width:min(300px,46%);clear:none}
@media(max-width:520px){.geo-table-wrap{float:none;max-width:100%;margin:14px 0 14px}}

/* ─── خريطة ─── */
.geo-map-wrap{margin:18px 0}
.geo-map-wrap iframe{border-radius:0 0 8px 8px;border:1px solid #e5e7eb;width:100%}

/* ─── محتوى المقالة الرئيسي ─── */
.geo-article{margin-top:20px;clear:both}
.geo-article h2{
  font-size:19px!important;font-weight:900!important;color:#1a1a2a!important;
  margin:28px 0 12px!important;padding:9px 14px!important;
  border-right:4px solid #0645ad!important;
  background:linear-gradient(to left,#eff6ff,transparent)!important;
  border-radius:0 8px 8px 0!important;clear:both;
  position:relative;
}
/* زر تحرير فوق كل h2 */
.geo-article h2 .edit-section-btn{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  background:#eff6ff;border:1px solid #93c5fd;color:#0645ad;
  font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;cursor:pointer;
  display:none;
}
.geo-article h2:hover .edit-section-btn{display:inline-flex;align-items:center;gap:4px}
.geo-article h3{
  font-size:16px!important;font-weight:800!important;color:#0645ad!important;
  margin:18px 0 8px!important;border-right:2px solid #93c5fd!important;padding-right:9px!important;clear:both;
}
.geo-article h4{font-size:14px!important;font-weight:700!important;color:#1e3a8a!important;margin:14px 0 6px!important}
.geo-article p{
  font-size:15px;line-height:2.05;color:#202020;
  margin-bottom:14px;text-align:justify;
  clear:none;/* لا نوقف float هنا */
}
.geo-article ul,.geo-article ol{padding-right:22px;margin-bottom:14px;line-height:2}
.geo-article li{margin-bottom:5px;font-size:14px}
.geo-article blockquote{
  border-right:4px solid #0645ad;background:#eff6ff;
  padding:12px 16px;margin:16px 0;border-radius:0 10px 10px 0;
  font-style:italic;color:#1e3a8a;font-size:14px;
}
/* geo-article table styles removed — no CSS for tables */
.geo-article img{border-radius:10px!important;box-shadow:0 3px 12px rgba(0,0,0,.1)!important}
.geo-article a:not([class]){color:#0645ad!important;text-decoration:underline!important;text-underline-offset:2px!important}
/* مراجع داخل المقالة */
.geo-article sup.ref,.art-content sup.ref,.geo-intro sup.ref{
  vertical-align:super;font-size:0.6em;line-height:0;
}
.geo-article sup.ref a,.art-content sup.ref a,.geo-intro sup.ref a{
  display:inline;background:none!important;color:#0645ad!important;
  font-size:0.85em;font-weight:normal;min-width:auto;height:auto;
  border-radius:0;padding:0;text-decoration:none!important;
  margin:0 1px;cursor:pointer;border-bottom:none;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;
}
.geo-article sup.ref a:hover,.art-content sup.ref a:hover{
  text-decoration:underline!important;color:#0b3d91!important;
  background:none!important;
}

/* ─── قسم المراجع والمصادر — نمط ويكيبيديا ─── */
.geo-references{margin-top:28px;clear:both;border-top:1px solid #a2a9b1;padding-top:12px}
.geo-references>h2{
  font-size:14px!important;font-weight:700!important;color:#202122!important;
  margin:0 0 10px!important;padding:0!important;background:none!important;
  border-right:none!important;border-radius:0!important;
}
.geo-references ol{padding-right:28px;margin:0;list-style:decimal}
.geo-references ol li{
  font-size:12px;line-height:1.65;color:#202122;
  padding:3px 0;border-bottom:none;
}
.geo-references ol li:last-child{border-bottom:none}
.ref-num{display:none}
.ref-text{flex:1;color:#202122}
.ref-source-name{font-weight:700;color:#0645ad}
.ref-year{color:#72777d;font-size:11px}

/* ─── Citation Popup ─── */
.cite-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:7999;display:none;backdrop-filter:blur(3px)}
.cite-ov.open{display:block}
.cite-popup{
  position:fixed;bottom:-350px;right:0;left:0;
  background:#fff;border-top:3px solid #0645ad;
  border-radius:18px 18px 0 0;
  padding:14px 16px 40px;
  z-index:8000;box-shadow:0 -6px 30px rgba(0,0,0,.15);
  transition:bottom .32s cubic-bezier(.4,0,.2,1);
  max-height:55vh;overflow-y:auto;direction:rtl;
}
.cite-popup.open{bottom:0}
.cite-handle{width:36px;height:4px;background:#e5e7eb;border-radius:4px;margin:0 auto 12px}
.cite-popup-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cite-popup-num{
  background:#0645ad;color:#fff;font-size:11px;font-weight:800;
  min-width:22px;height:22px;border-radius:5px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.cite-popup-title-text{font-size:14px;font-weight:800;color:#1a1a2a}
.cite-popup-body{
  font-size:13px;color:#202020;line-height:1.85;
  background:#eff6ff;border-radius:8px;padding:11px 13px;
  border-right:3px solid #0645ad;margin-bottom:8px;
}
.cite-source{display:flex;gap:6px;flex-wrap:wrap;font-size:11px}
.cite-source span{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:2px 8px;color:#6b7280}
.cite-close{
  position:absolute;top:12px;left:12px;
  background:#f3f4f6;border:1px solid #e5e7eb;
  width:26px;height:26px;border-radius:50%;
  font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;
}
.cite-close:hover{background:#e5e7eb}

/* ── RICH SECTION EDITOR ── */
.sec-edit-btn{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#0645ad;background:none;border:1px solid #a7d7f9;border-radius:3px;padding:1px 7px;cursor:pointer;margin-right:6px;vertical-align:middle;font-family:sans-serif}
.sec-edit-btn:hover{background:#eaf3fb}
.rich-editor-wrap{display:none;background:#fff;border:1px solid #a2a9b1;border-radius:4px;margin:10px 0 16px;overflow:hidden}
.rich-editor-wrap.open{display:block}
.rich-toolbar{background:#f8f9fa;border-bottom:1px solid #a2a9b1;padding:4px 6px;display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.rtb{background:#fff;border:1px solid #a2a9b1;border-radius:2px;padding:2px 7px;font-size:12px;font-weight:700;cursor:pointer;color:#202122;min-width:24px;text-align:center}
.rtb:hover{background:#eaf3fb;border-color:#0645ad;color:#0645ad}
.rtb.active{background:#0645ad;color:#fff;border-color:#0645ad}
.rtb-sep{width:1px;background:#a2a9b1;height:18px;margin:0 3px}
.rich-body{min-height:120px;max-height:400px;overflow-y:auto;padding:10px 14px;outline:none;font-size:14px;line-height:1.8;direction:rtl;font-family:inherit;border:none}
.rich-body:focus{background:#fafcff}
.rich-footer{padding:8px 12px;background:#f8f9fa;border-top:1px solid #a2a9b1;display:flex;gap:8px;justify-content:space-between;align-items:center}
.rich-save-btn{background:#0645ad;color:#fff;border:none;padding:6px 20px;border-radius:3px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.rich-cancel-btn{background:#fff;border:1px solid #a2a9b1;color:#54595d;padding:5px 14px;border-radius:3px;font-size:12px;cursor:pointer;font-family:inherit}

/* ── IMAGE PICKER MODAL ── */
.img-modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9000;align-items:flex-end}
.img-modal-ov.open{display:flex}
.img-modal{background:#fff;width:100%;max-height:85vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:16px;direction:rtl}
.img-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.img-modal-title{font-size:15px;font-weight:700;color:#202122}
.img-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:#54595d;padding:4px}
.img-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:2px solid #eaecf0}
.img-tab{background:none;border:none;padding:8px 16px;font-size:13px;font-weight:700;color:#54595d;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}
.img-tab.active{color:#0645ad;border-bottom-color:#0645ad}
.img-search-bar{display:flex;gap:6px;margin-bottom:10px}
.img-search-bar input{flex:1;border:1px solid #a2a9b1;border-radius:3px;padding:7px 10px;font-size:13px;direction:rtl;outline:none;font-family:inherit}
.img-search-bar button{background:#0645ad;color:#fff;border:none;padding:7px 14px;border-radius:3px;font-size:13px;cursor:pointer;font-family:inherit;font-weight:700}
.img-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.img-item{cursor:pointer;border-radius:4px;overflow:hidden;border:2px solid transparent}
.img-item:hover{border-color:#0645ad}
.img-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.img-item-cap{font-size:9px;color:#54595d;padding:2px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.img-loading{text-align:center;padding:20px;color:#54595d;font-size:13px}
.img-insert-bar{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #eaecf0}
.img-insert-bar input{flex:1;border:1px solid #a2a9b1;border-radius:3px;padding:6px 10px;font-size:12px;direction:ltr;outline:none}
.img-insert-btn{background:#0645ad;color:#fff;border:none;padding:6px 14px;border-radius:3px;font-size:12px;cursor:pointer;font-weight:700}
.section-editor{
  display:none;
  background:#fff;border:1px solid #93c5fd;
  border-radius:10px;overflow:hidden;margin:10px 0 18px;
  box-shadow:0 4px 16px rgba(6,69,173,.1);
}
.section-editor.open{display:block}
.section-editor-bar{
  background:#eff6ff;padding:8px 12px;
  display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #93c5fd;
  align-items:center;
}
.sed-btn{
  background:#fff;border:1px solid #dde3f0;border-radius:5px;
  padding:3px 9px;font-size:12px;font-weight:700;color:#1e3a8a;cursor:pointer;
  display:flex;align-items:center;gap:3px;
}
.sed-btn:hover{background:#0645ad;color:#fff;border-color:#0645ad}
.section-editor-body{
  min-height:140px;padding:12px;outline:none;
  font-size:14px;line-height:1.9;direction:rtl;font-family:inherit;
}
.section-editor-footer{
  padding:8px 12px;background:#f9fafb;border-top:1px solid #e5e7eb;
  display:flex;justify-content:space-between;align-items:center;
}
.sed-save{background:#0645ad;color:#fff;border:none;padding:6px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}
.sed-cancel{background:transparent;border:1px solid #e5e7eb;padding:6px 14px;border-radius:8px;font-size:12px;color:#6b7280;cursor:pointer}

/* ── Article layout improvements ── */
.art-wrap{max-width:860px;margin:0 auto;padding:12px 14px;width:100%;overflow-x:hidden}
.art-title{font-size:22px;font-weight:900;color:#1a1a2a;margin-bottom:4px;line-height:1.35}
.art-subtitle{
  font-size:15px!important;color:#54595d!important;font-style:italic!important;
  margin:6px 0 14px!important;line-height:1.6!important;
  border-right:3px solid #a2a9b1!important;padding-right:10px!important;
  display:block!important;text-decoration:none!important;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif!important;
}
/* hero image */
.art-hero-img{margin:14px -14px 0;overflow:hidden;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#f0f0f0}
.art-hero-img img{width:100%;max-height:360px;object-fit:cover;display:block}
.art-hero-caption{background:rgba(0,0,0,.58);color:#fff;font-size:11.5px;padding:6px 14px;text-align:center;font-style:italic;line-height:1.4}
/* all images in article */
.art-content img,.geo-wrap img,.geo-article img{max-width:100%!important;height:auto!important;border-radius:5px!important;border:1px solid #d1d5db!important;box-shadow:0 1px 6px rgba(0,0,0,.1)!important}
.art-content figure,.geo-wrap figure,.geo-article figure{margin:14px 0!important;border:1px solid #d1d5db!important;border-radius:5px!important;overflow:hidden!important;background:#f8f9fa!important;box-shadow:0 1px 6px rgba(0,0,0,.09)!important}
.art-content figure img,.geo-wrap figure img{border-radius:0!important;border:none!important;box-shadow:none!important;width:100%!important}
.art-content figcaption,.geo-wrap figcaption{font-size:11.5px!important;color:#374151!important;font-style:italic!important;padding:5px 12px!important;text-align:center!important;background:linear-gradient(#f3f6f9,#e8ecf1)!important;border-top:1px solid #d1d5db!important;line-height:1.45!important}
/* broken images */
img[src=""],img:not([src]){display:none!important}
@media(max-width:600px){
  .art-wrap{padding:10px 12px}
  .art-title{font-size:20px}
  .geo-info-table{font-size:12px}
  /* On mobile: all images full width, no float */
  .geo-img-inline,.geo-img-flag,.geo-img-locator,.geo-img-main{float:none!important;max-width:100%!important;margin:10px 0!important;clear:both!important}
  .geo-img-inline img,.geo-img-flag img,.geo-img-main img{width:100%!important;max-height:300px!important;object-fit:contain!important}
  .geo-table-wrap{float:none!important;max-width:100%!important;margin:10px 0!important}
  .art-content img,.geo-article img,.geo-wrap img{width:100%!important;max-width:100%!important;height:auto!important;float:none!important;margin:10px 0!important}
}

/* Night mode */
body.night{background:#0d1117!important;color:#c9d1d9!important}
/* ── جدول اطلاعات — geo-info-table ── */
.geo-info-table{border-collapse:collapse;width:100%;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:13.5px;line-height:1.6;direction:rtl;background:#fff}
.geo-info-table th{background:#eaecf0;color:#202122;font-weight:700;padding:7px 10px;border:1px solid #a2a9b1;text-align:right;font-size:13px}
.geo-info-table td{padding:6px 10px;border:1px solid #a2a9b1;color:#202122;text-align:right;vertical-align:top;font-size:13.5px;white-space:normal}
.geo-info-table td:first-child{font-weight:700;color:#0f1a2e;background:#f8f9fa;white-space:nowrap;width:38%}
.geo-info-table td:last-child{background:#fff}
.geo-info-table td[colspan],.geo-info-table th[colspan]{background:#c8ccd1;font-weight:800;color:#1a1a2a;text-align:center;padding:6px 10px;border:1px solid #a2a9b1}
/* ── جداول محتوا ── */
.art-content table,.geo-article table,.geo-wrap table,table.wikitable{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif!important;font-size:13.5px!important;border-collapse:collapse!important;width:100%!important;line-height:1.6!important;direction:rtl!important;background:#fff!important}
.art-content table th,.geo-article table th,table.wikitable th{background:#eaecf0!important;color:#202122!important;font-weight:700!important;padding:7px 10px!important;border:1px solid #a2a9b1!important;text-align:right!important}
.art-content table td,.geo-article table td,table.wikitable td{padding:6px 10px!important;border:1px solid #a2a9b1!important;color:#202122!important;text-align:right!important;vertical-align:top!important}
.art-content table tr:nth-child(even) td,.geo-article table tr:nth-child(even) td,table.wikitable tr:nth-child(even) td{background:#f8f9fa!important}
.art-content table tr:hover td,.geo-article table tr:hover td,table.wikitable tr:hover td{background:#eaf3fb!important}
/* ── Night mode tables ── */
body.night .geo-info-table{background:#1e293b!important}
body.night .geo-info-table th{background:#334155!important;color:#e2e8f0!important;border-color:#475569!important}
body.night .geo-info-table td{background:#1e293b!important;color:#e2e8f0!important;border-color:#374151!important}
body.night .geo-info-table td:first-child{background:#0f172a!important;color:#93c5fd!important}
body.night .geo-info-table td:last-child{background:#1e293b!important}
body.night .geo-info-table td[colspan],body.night .geo-info-table th[colspan]{background:#1e3a8a!important;color:#fff!important;border-color:#374151!important}
body.night .art-content table,.night .geo-article table,.night table.wikitable{background:#1e293b!important}
body.night .art-content table th,.night .geo-article table th,.night table.wikitable th{background:#334155!important;color:#e2e8f0!important;border-color:#475569!important}
body.night .art-content table td,.night .geo-article table td,.night table.wikitable td{background:#1e293b!important;color:#e2e8f0!important;border-color:#374151!important}
body.night .art-content table tr:nth-child(even) td,.night .geo-article table tr:nth-child(even) td{background:#1a2744!important}
/* ── Night mode general ── */
body.night .geo-intro p,body.night .geo-intro,body.night .geo-article,body.night .geo-article p,body.night .geo-article li{color:#c9d1d9!important}
body.night .geo-references{background:#161b22!important;border-color:#30363d!important}
body.night .cite-popup{background:#21262d!important;border-top-color:#388bfd!important}
body.night .cite-popup-body{background:#161b22!important;color:#c9d1d9!important}
body.night .geo-article h2{background:linear-gradient(to left,#1e3a8a33,transparent)!important;color:#e6edf3!important;border-right-color:#388bfd!important}
body.night .geo-article h3,body.night .geo-article h4{color:#e6edf3!important}
body.night .art-content,body.night .art-content p,body.night .art-content li{color:#c9d1d9!important}
body.night .art-content h2{color:#e6edf3!important;border-bottom-color:#30363d!important}
body.night .art-content h3,body.night .art-content h4{color:#e6edf3!important}
body.night .art-content a:not([class]){color:#58a6ff!important}
body.night .card-l,body.night .card-g,body.night .stat,body.night .cat-block{background:#21262d!important;border-color:#30363d!important;color:#c9d1d9!important}
body.night .cl-title,body.night .cg-title{color:#c9d1d9!important}
body.night .nav{background:#161b22!important}
body.night .catnav{background:#161b22!important;border-top-color:#30363d!important}
body.night .catnav a{color:rgba(201,209,217,.8)!important}
body.night .searchbar{background:#161b22!important;border-bottom-color:#30363d!important}
body.night .toolbar{background:#161b22!important;border-bottom-color:#30363d!important}
body.night .search-inner{background:#21262d!important;border-color:#388bfd!important}
body.night .search-inner input{color:#c9d1d9!important}
body.night .art-breadcrumb{background:#21262d!important;border-bottom-color:#30363d!important;color:#8b949e!important}
body.night .art-breadcrumb a{color:#58a6ff!important}
body.night .art-title{color:#e6edf3!important}
body.night .art-toolbar{background:#21262d!important;border-color:#30363d!important}
body.night .art-tb-btn{background:#21262d!important;border-color:#30363d!important;color:#8b949e!important}
body.night .art-tb-btn:hover{background:#2d333b!important;color:#58a6ff!important}
body.night .footer{background:#161b22!important;border-top-color:#30363d!important}
body.night #live-search-ov{background:rgba(13,17,23,.95)!important}
body.night .ls-bar{border-color:#388bfd!important}
body.night .ls-bar input{color:#c9d1d9!important;background:transparent!important}
body.night .ls-item{border-bottom-color:#30363d!important;background:#1e293b!important}
body.night .ls-item:hover{background:#2d333b!important}
body.night .ls-title{color:#e6edf3!important}
body.night .ls-results{background:#161b22!important}
body.night .cosm-live-item{background:#21262d;border-bottom-color:#30363d}
body.night .cosm-live-item:hover{background:#2d333b}
body.night .cosm-live-title{color:#e6edf3}
body.night .notif-panel{background:#21262d!important;border-color:#30363d!important}
body.night .notif-head{border-bottom-color:#30363d!important;color:#c9d1d9!important}
body.night .notif-item{border-bottom-color:#30363d!important;color:#c9d1d9!important}
body.night .cat-hd{background:#21262d!important;color:#c9d1d9!important}
body.night .sub-tag{background:#1f2d3d!important;color:#58a6ff!important}
body.night .night-btn{background:#f0c050!important;color:#1a1a2a!important;border-color:#f0c050!important;font-weight:700!important}
body.night .cosm-search-result{border-bottom-color:#30363d!important}
body.night .cosm-search-result:hover{background:#21262d!important}
body.night .wiki-refs{background:#21262d!important;border-color:#30363d!important}
body.night .wiki-refs h2{color:#e6edf3!important}
body.night .home-grid-item{background:#21262d!important;border-color:#30363d!important}
body.night .home-grid-title{color:#58a6ff!important}


/* ══ PRINT ══ */
@media print{
  .ticker,.nav,.catnav,.searchbar,.toolbar,.footer,.art-toolbar,.related,.qa-form,.toast,.modal-ov,.live-ov,.notif-wrap,.night-btn,.bottom-nav,.read-progress{display:none!important}
  .art-wrap{max-width:100%!important;padding:20px!important}
  body{background:#fff!important}
  /* مهم: بعض المتصفحات تتجاهل استعلامات @media(max-width) الخاصة بالجوال أثناء الطباعة/المعاينة
     وتُطبّق تنسيقات سطح المكتب بدلاً منها (مثل تعويم صندوق المعلومات بعرض ضيق) — نفرض هنا صراحةً
     أن يبقى عرضه كاملاً وبلا تعويم، بغضّ النظر عن أي استعلام قد لا يُفعَّل في وضع الطباعة */
  .geo-table-wrap,.art-content table,.cosm-tbl-scroll{
    float:none!important;max-width:100%!important;width:100%!important;clear:both!important;
  }
  .art-content,.art-content p,.art-content div{max-width:100%!important;width:auto!important}
}

/* ══ WIKITEXT STYLES ══ */
.wiki-link{color:#0645ad;text-decoration:underline;text-underline-offset:2px}
.wiki-link:hover{color:#0b3d91}
.wiki-ext{color:#0369A1;text-decoration:underline}
.wiki-ext::after{content:'↗';font-size:10px;margin-right:2px}
.wiki-ul,.wiki-ul-2,.wiki-ul-3{padding-right:20px;margin-bottom:14px;line-height:2}
.wiki-ul-2{padding-right:36px;list-style:circle}
.wiki-ul-3{padding-right:52px;list-style:square}
/* wiki-table styles removed — no CSS for tables */
.wiki-refs{margin-top:24px;padding-top:16px;border-top:2px solid #d1d5db}
.wiki-refs h2{font-size:17px;font-weight:900;color:#1a1a2a;margin-bottom:12px;border-right:3px solid #0645ad;padding-right:8px}
.refs-list{padding-right:20px;font-size:12px;line-height:1.9;color:#1a56db}
.refs-list li{margin-bottom:5px;padding:4px 0;border-bottom:1px dashed #E8E0D0}
.art-content sup.ref a{color:#0645ad!important;text-decoration:none!important;background:none!important}
.art-content sup.ref a:hover{text-decoration:underline!important}

/* ══ CITATION POPUP ══ */
.cite-popup{position:fixed;bottom:-300px;right:0;left:0;background:#fff;border-top:3px solid #0645ad;border-radius:20px 20px 0 0;padding:16px 16px 40px;z-index:8000;box-shadow:0 -8px 40px rgba(0,0,0,.2);transition:bottom .35s cubic-bezier(.4,0,.2,1);max-height:60vh;overflow-y:auto;direction:rtl}
.cite-popup.open{bottom:0}
.cite-handle{width:40px;height:4px;background:#d1d5db;border-radius:4px;margin:0 auto 14px}
.cite-popup-title{font-size:14px;font-weight:800;color:#1a1a2a;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.cite-popup-body{font-size:13px;color:#202122;line-height:1.9;background:#f8f9fa;border-radius:10px;padding:12px 14px;border-right:3px solid #0645ad}
.cite-source{font-size:11px;color:#6A9A58;margin-top:8px}
.cite-close{position:absolute;top:14px;left:14px;background:#EAF3FB;border:none;width:28px;height:28px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6A9A58}
.cite-ov{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:7999;display:none;backdrop-filter:blur(2px)}
.cite-ov.open{display:block}


/* ══ READING PROGRESS ══ */
.read-progress{position:fixed;top:0;right:0;left:0;height:3px;background:transparent;z-index:9999;pointer-events:none}
.read-bar{height:100%;background:linear-gradient(to left,#0645ad,#64B5F6);width:0%;transition:width .1s linear}

/* ══ BOTTOM NAV ══ */
/* bottom-nav removed — navigation is only in the top header */
.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px 5px;text-decoration:none;color:#9CA3AF;font-size:10px;font-weight:500;gap:3px;cursor:pointer;border:none;background:none;font-family:inherit;transition:color .15s;position:relative}
.bn-item.active{color:#0645ad}
.bn-item:hover{color:#0645ad;text-decoration:none}
.bn-ico{font-size:20px;line-height:1}
.bn-badge{position:absolute;top:4px;right:calc(50% - 18px);background:#DC2626;color:#fff;font-size:8px;font-weight:700;border-radius:10px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 3px}
/* bottom nav removed */

/* ══ GOOGLE BTN ══ */
.google-btn{width:100%;background:#fff;color:#1A1A1A;border:1px solid #d1d5db;border-radius:11px;padding:11px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;transition:.15s;font-family:inherit}
.google-btn:hover{background:#F8F8F8;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.or-div{text-align:center;color:#9CA3AF;font-size:11px;margin:10px 0;position:relative}
.or-div::before,.or-div::after{content:'';position:absolute;top:50%;width:42%;height:1px;background:#E8E0D0}
.or-div::before{right:0}.or-div::after{left:0}

/* ══ AUTHOR CARD ══ */
.author-card{background:#f8f9fa;border:1px solid #d1d5db;border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center;margin:20px 0}
.author-av{width:44px;height:44px;border-radius:50%;background:#0645ad;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;flex-shrink:0}

/* ══ ARTICLE TYPOGRAPHY (PRO) ══ */
.art-content{font-family:'Noto Naskh Arabic','Tajawal',Tahoma,Arial,sans-serif!important;font-size:1.05rem!important;line-height:2!important;color:#3a3a3a!important;word-spacing:.5px;text-align:justify}
.art-content p,.geo-intro p,.geo-article p{margin-bottom:18px!important;font-size:1.05rem!important;line-height:2!important;color:#3a3a3a!important;text-align:right!important}
.art-content h2{font-size:1.3rem!important;font-weight:700!important;color:#0f1a2e!important;margin:36px 0 10px!important;padding:0 0 6px!important;border-right:none!important;background:none!important;border-bottom:1px solid #e0e0e0!important;border-radius:0!important}
.art-content h3{font-size:1.1rem!important;font-weight:600!important;color:#0f1a2e!important;margin:28px 0 8px!important;border-right:none!important;padding-right:0!important}
.art-content ul,.art-content ol{margin-bottom:16px!important;padding-right:24px!important;line-height:2!important}
.art-content li{margin-bottom:6px!important;font-size:15px}
.art-content blockquote{border-right:5px solid #0645ad!important;background:#E8F4FD!important;padding:14px 18px!important;margin:20px 0!important;border-radius:0 12px 12px 0!important;font-style:italic!important;color:#1a1a2a!important}
/* art-content table styles removed — no CSS for tables */
.art-content img{border-radius:12px!important;margin:16px auto!important;box-shadow:0 4px 20px rgba(0,0,0,.1)!important}
.art-content a:not([class]){color:#0645ad!important;text-decoration:underline!important;text-underline-offset:3px!important}
.art-content mark{background:#dbeafe!important;color:#0b3d91!important;padding:1px 4px!important;border-radius:4px!important}
/* Night mode typography — explicit override of all text elements */
body.night .art-content,
body.night .art-content p,
body.night .art-content h2,
body.night .art-content h3,
body.night .art-content h4,
body.night .art-content li,
body.night .art-content span:not([style]){color:#ffffff!important}
body.night .art-content h2{background:linear-gradient(to left,#1A2A4A,transparent)!important}
body.night .geo-article,
body.night .geo-article p,
body.night .geo-article h2,
body.night .geo-article h3,
body.night .geo-article h4,
body.night .geo-article li,
body.night .geo-intro,
body.night .geo-intro p,
body.night .geo-wrap,
body.night .art-title{color:#ffffff!important}
body.night .art-content blockquote{background:#1A2A4A!important;color:#ffffff!important}
body.night .bottom-nav{background:#0d1117!important;border-top-color:#1e293b!important}
body.night .bn-item{color:#aaa!important}
body.night .bn-item.active{color:#64B5F6!important}
body.night .cite-popup{background:#111!important}
body.night .cite-popup-body{background:#161b22!important;color:#c9d1d9!important}
/* ═══════════════════════════════════════════════════════════════════
   COSMALORE NAVIGATOR — نظام تنقل المقالات الاحترافي
   Mobile: floating FAB + bottom-sheet
   Desktop: sticky side panel (dot-nav + hover expand)
   ═══════════════════════════════════════════════════════════════════ */

/* ── Floating trigger button (mobile) ── */
#cnav-fab{
  display:none;
  position:fixed;
  bottom:80px;
  left:16px;
  z-index:7000;
  width:46px;
  height:46px;
  border-radius:50%;
  background:linear-gradient(135deg,#0645ad,#1a56db);
  box-shadow:0 4px 18px rgba(6,69,173,.45);
  border:none;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:3px;
  transition:transform .2s,box-shadow .2s;
  -webkit-tap-highlight-color:transparent;
}
#cnav-fab:active{transform:scale(.93)}
#cnav-fab.pulse{animation:cnav-pulse 2s ease-in-out 1}
@keyframes cnav-pulse{0%,100%{box-shadow:0 4px 18px rgba(6,69,173,.45)}50%{box-shadow:0 4px 28px rgba(6,69,173,.8)}}
#cnav-fab svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
#cnav-fab-pct{
  position:absolute;
  bottom:-6px;
  left:50%;
  transform:translateX(-50%);
  background:#fff;
  color:#0645ad;
  font-size:9px;
  font-weight:900;
  border-radius:8px;
  padding:1px 5px;
  white-space:nowrap;
  box-shadow:0 1px 4px rgba(0,0,0,.15);
  pointer-events:none;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;
}
/* circular progress ring on FAB */
#cnav-fab-ring{
  position:absolute;
  inset:-3px;
  border-radius:50%;
  background:conic-gradient(rgba(255,255,255,.55) 0%, transparent 0%);
  pointer-events:none;
  transition:background .3s;
}

/* ── Bottom sheet overlay (mobile) ── */
#cnav-ov{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:7100;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
#cnav-ov.open{display:block}

/* ── Bottom sheet panel (mobile) ── */
#cnav-sheet{
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  z-index:7200;
  background:#fff;
  border-radius:22px 22px 0 0;
  box-shadow:0 -8px 40px rgba(0,0,0,.22);
  transform:translateY(100%);
  transition:transform .38s cubic-bezier(.32,1,.28,1);
  max-height:82vh;
  display:flex;
  flex-direction:column;
  direction:rtl;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;
}
#cnav-sheet.open{transform:translateY(0)}

/* sheet handle */
#cnav-handle{
  width:38px;
  height:4px;
  background:#d1d5db;
  border-radius:2px;
  margin:12px auto 0;
  flex-shrink:0;
  cursor:grab;
}

/* sheet header */
#cnav-sh-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 18px 10px;
  border-bottom:1px solid #f1f5f9;
  flex-shrink:0;
}
#cnav-sh-title{
  flex:1;
  font-size:15px;
  font-weight:900;
  color:#0f172a;
}
#cnav-sh-count{
  font-size:11px;
  background:#eff6ff;
  color:#0645ad;
  border-radius:20px;
  padding:2px 10px;
  font-weight:700;
}
#cnav-sh-close{
  background:none;
  border:none;
  font-size:20px;
  color:#9ca3af;
  cursor:pointer;
  padding:0 0 0 4px;
  line-height:1;
}

/* reading progress bar inside sheet */
#cnav-sh-prog-wrap{
  height:3px;
  background:#f1f5f9;
  flex-shrink:0;
}
#cnav-sh-prog-fill{
  height:100%;
  background:linear-gradient(to left,#0645ad,#60a5fa);
  width:0%;
  transition:width .3s ease;
}

/* sheet scroll list */
#cnav-sh-list{
  overflow-y:auto;
  flex:1;
  padding:6px 0 24px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* sheet items */
.cnav-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:10px 18px;
  cursor:pointer;
  border-bottom:1px solid #f8fafc;
  transition:background .15s;
  position:relative;
}
.cnav-item:active,.cnav-item:hover{background:#f0f7ff}
.cnav-item.sub{padding-right:40px}
.cnav-item.active{background:linear-gradient(to left,#eff6ff,#fff)}
.cnav-item.active::before{
  content:'';
  position:absolute;
  right:0;top:0;bottom:0;
  width:3px;
  background:#0645ad;
  border-radius:0 3px 3px 0;
}

/* item number / dot */
.cnav-dot{
  flex-shrink:0;
  width:26px;
  height:26px;
  border-radius:8px;
  background:#e8f0fe;
  color:#0645ad;
  font-size:11px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:1px;
  transition:all .15s;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;
}
.cnav-item.sub .cnav-dot{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#f1f5f9;
  color:#94a3b8;
  font-size:14px;
  font-weight:400;
}
.cnav-item.active .cnav-dot{background:#0645ad;color:#fff;box-shadow:0 2px 8px rgba(6,69,173,.35)}
.cnav-item.sub.active .cnav-dot{background:#dbeafe;color:#1d4ed8}

/* item text */
.cnav-text{
  flex:1;
  font-size:13.5px;
  color:#374151;
  line-height:1.55;
  font-weight:500;
}
.cnav-item.sub .cnav-text{font-size:12.5px;color:#6b7280;font-weight:400}
.cnav-item.active .cnav-text{color:#1d4ed8;font-weight:700}
.cnav-item.sub.active .cnav-text{color:#2563eb;font-weight:600}

/* ── Desktop side navigator ── */
#cnav-side{
  display:none;
  position:fixed;
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:6000;
  direction:rtl;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;
}
#cnav-side-inner{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:0 12px 12px 0;
  box-shadow:4px 0 24px rgba(0,0,0,.08);
  overflow:hidden;
  max-height:70vh;
  transition:width .3s cubic-bezier(.4,0,.2,1);
  width:38px;
  position:relative;
}
#cnav-side-inner:hover{width:240px}
#cnav-side-inner:hover #cnav-side-label{opacity:1;max-width:180px}

/* side header */
#cnav-side-hd{
  width:100%;
  min-width:38px;
  padding:10px 8px;
  background:linear-gradient(135deg,#0645ad,#1a56db);
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  overflow:hidden;
  cursor:default;
}
#cnav-side-hd svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;flex-shrink:0}
#cnav-side-hd-txt{
  font-size:12px;
  font-weight:800;
  color:#fff;
  white-space:nowrap;
  opacity:0;
  max-width:0;
  overflow:hidden;
  transition:opacity .25s .05s,max-width .3s;
}
#cnav-side-inner:hover #cnav-side-hd-txt{opacity:1;max-width:180px}

/* side progress track */
#cnav-side-track{
  position:absolute;
  right:17px;
  top:52px;
  bottom:10px;
  width:2px;
  background:#e2e8f0;
  border-radius:1px;
}
#cnav-side-track-fill{
  width:100%;
  background:linear-gradient(to bottom,#0645ad,#60a5fa);
  border-radius:1px;
  height:0%;
  transition:height .3s;
}

/* side items */
#cnav-side-list{
  list-style:none;
  margin:0;
  padding:6px 0;
  overflow-y:auto;
  flex:1;
  width:100%;
  scrollbar-width:none;
}
#cnav-side-list::-webkit-scrollbar{display:none}

.cnav-side-item{
  display:flex;
  align-items:center;
  gap:0;
  min-height:34px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:background .15s;
}
.cnav-side-item:hover{background:#f0f7ff}
.cnav-side-item.active{background:#eff6ff}

/* the dot */
.cnav-side-dot{
  width:38px;
  min-width:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  flex-shrink:0;
}
.cnav-side-dot-inner{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d1d5db;
  border:2px solid #fff;
  box-shadow:0 0 0 1px #d1d5db;
  transition:all .2s;
}
.cnav-side-item.sub .cnav-side-dot-inner{
  width:6px;height:6px;
  background:#e5e7eb;
  box-shadow:0 0 0 1px #e5e7eb;
}
.cnav-side-item:hover .cnav-side-dot-inner{background:#93c5fd;box-shadow:0 0 0 2px #dbeafe}
.cnav-side-item.active .cnav-side-dot-inner{
  background:#0645ad;
  box-shadow:0 0 0 3px rgba(6,69,173,.25);
  width:12px;height:12px;
}
.cnav-side-item.sub.active .cnav-side-dot-inner{
  background:#3b82f6;
  box-shadow:0 0 0 2px rgba(59,130,246,.25);
  width:8px;height:8px;
}

/* side label */
.cnav-side-label{
  font-size:12px;
  color:#374151;
  white-space:nowrap;
  opacity:0;
  max-width:0;
  overflow:hidden;
  transition:opacity .2s .05s,max-width .3s;
  padding-left:4px;
  padding-right:2px;
  line-height:1.4;
}
#cnav-side-inner:hover .cnav-side-label{opacity:1;max-width:200px}
.cnav-side-item.sub .cnav-side-label{font-size:11px;color:#9ca3af}
.cnav-side-item.active .cnav-side-label{color:#1d4ed8;font-weight:700}

/* ── Night mode ── */
body.night #cnav-sheet{background:#0f172a}
body.night #cnav-handle{background:#334155}
body.night #cnav-sh-title{color:#f1f5f9}
body.night #cnav-sh-count{background:#1e3a5f;color:#93c5fd}
body.night #cnav-sh-close{color:#64748b}
body.night #cnav-sh-prog-wrap{background:#1e293b}
body.night .cnav-item{border-bottom-color:#1e293b}
body.night .cnav-item:hover{background:#1e3a5f}
body.night .cnav-item.active{background:linear-gradient(to left,#1e3a5f,#0f172a)}
body.night .cnav-dot{background:#1e3a5f;color:#93c5fd}
body.night .cnav-item.sub .cnav-dot{background:#1e293b;color:#475569}
body.night .cnav-item.active .cnav-dot{background:#3b82f6;color:#fff}
body.night .cnav-text{color:#cbd5e1}
body.night .cnav-item.sub .cnav-text{color:#64748b}
body.night .cnav-item.active .cnav-text{color:#93c5fd}
body.night #cnav-side-inner{background:#0f172a;border-color:#1e293b;box-shadow:4px 0 24px rgba(0,0,0,.5)}
body.night .cnav-side-item:hover{background:#1e3a5f}
body.night .cnav-side-item.active{background:#1e3a5f}
body.night .cnav-side-label{color:#94a3b8}
body.night .cnav-side-item.active .cnav-side-label{color:#93c5fd}
body.night #cnav-side-track{background:#1e293b}
body.night #cnav-fab{box-shadow:0 4px 18px rgba(6,69,173,.6)}
body.night #cnav-fab-pct{background:#1e293b;color:#93c5fd}

/* ── Responsive: show FAB on mobile, side on desktop ── */
@media(max-width:899px){
  #cnav-fab{display:flex}
}
@media(min-width:900px){
  #cnav-side{display:block}
}

/* Scrollbar */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:#f8f9fa}
::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#0645ad}
::selection{background:#dbeafe;color:#0b3d91}

/* ══ RESPONSIVE ══ */
@media(min-width:600px){
  .stats{grid-template-columns:repeat(4,1fr)}
  .grid2{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:900px){
  .art-wrap{padding:28px 40px}
  .art-title{font-size:32px}
  .art-content{font-size:16px}
  .grid3{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:600px){
  .astats{grid-template-columns:1fr 1fr}
  .admin-body{flex-direction:column}
  .admin-side{width:100%;min-width:0;min-height:auto;display:flex;overflow-x:auto;padding:4px 0}
  .admin-side a{padding:6px 12px;white-space:nowrap;border-right:none;border-bottom:2px solid transparent;flex-shrink:0}
  .admin-side a.on{border-bottom-color:#64B5F6}
  .notif-panel{left:auto;right:0;width:260px}
}

/* ═══════════════════════════════════════════════════════
   ══ INFOBOX — جدول معلومات المقالة (كوزمالور) ══
   ═══════════════════════════════════════════════════════ */
.infobox{
  float:left;
  margin:0 0 22px 20px;
  border:1px solid #dce3ed;
  border-radius:12px;
  overflow:hidden;
  background:#ffffff;
  font-size:0.875rem;
  width:min(290px,100%);
  clear:left;
  direction:rtl;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;
  box-shadow:0 4px 20px rgba(20,50,120,.10);
}
.infobox table{width:100%;border-collapse:collapse}

/* ── عنوان الجدول — أكورديون ── */
.infobox .ib-title{
  background:linear-gradient(to left,#1e3d82,#2f61c4);
  color:#fff;
  text-align:center;
  font-weight:800;
  padding:13px 14px 13px 38px;
  font-size:0.96rem;
  letter-spacing:.2px;
  line-height:1.4;
  cursor:pointer;
  user-select:none;
  position:relative;
  transition:filter .18s;
}
.infobox .ib-title:hover{filter:brightness(1.1)}
.infobox .ib-title::after{
  content:'▼';
  position:absolute;
  left:12px;top:50%;transform:translateY(-50%);
  font-size:11px;opacity:.7;
  transition:transform .28s ease;
  font-style:normal;
}
.infobox.collapsed .ib-title::after{transform:translateY(-50%) rotate(-180deg)}

/* ── أكورديون: إخفاء محتوى الجدول ── */
.infobox.collapsed .ib-sec,
.infobox.collapsed .ib-row,
.infobox.collapsed .ib-img{display:none!important}
.infobox.collapsed .ib-foot{display:none!important}

/* ── صورة ── */
.infobox .ib-img{
  text-align:center;
  padding:10px 8px 7px;
  background:#f5f7fb;
  border-bottom:1px solid #dce3ed;
}
.infobox .ib-img img{
  max-width:100%;height:auto;
  margin:0 auto;display:block;
  border-radius:6px;
  box-shadow:0 1px 6px rgba(0,0,0,.1);
}

/* ── عناوين الأقسام الداخلية ── */
.infobox .ib-sec td{
  background:#eef3ff;
  color:#1e3a7a;
  font-weight:800;
  padding:7px 14px;
  font-size:0.79rem;
  letter-spacing:.5px;
  border-top:1px solid #dce3ed;
  border-bottom:1px solid #dce3ed;
  text-align:center;
}

/* ── صفوف البيانات ── */
.infobox .ib-row td{
  padding:6px 11px;
  border-bottom:1px solid #eef1f7;
  vertical-align:top;
  line-height:1.7;
}
.infobox .ib-row:last-of-type td{border-bottom:none}

/* ── Label ── */
.infobox .ib-label{
  font-weight:700;
  color:#2e4a80;
  width:43%;
  background:#f6f9ff;
  font-size:0.81rem;
  border-left:1px solid #e4eaf5;
}

/* ── Value ── */
.infobox .ib-val{
  color:#202122;
  font-size:0.86rem;
  background:#ffffff;
}
.infobox .ib-val a{color:#1a52a0!important;text-decoration:none}
.infobox .ib-val a:hover{text-decoration:underline}
.infobox sup.ref a{color:#1a52a0!important;font-size:0.71em;font-weight:600}

/* ── تذييل ── */
.ib-foot{
  text-align:center;
  font-size:0.70rem;
  color:#6a80a8;
  padding:7px 10px;
  border-top:1px solid #dce3ed;
  background:linear-gradient(to left,#eef3ff,#e6eefa);
  font-weight:700;
  letter-spacing:.7px;
}

/* ── موبایل ── */
@media(max-width:580px){
  .infobox{
    float:none!important;width:100%!important;
    margin:14px 0 20px!important;clear:both;
    border-radius:10px;
  }
}

/* ── Night mode ── */
body.night .infobox{background:#0d1b32!important;border-color:#1c304e!important;box-shadow:0 4px 20px rgba(0,0,40,.35)!important}
body.night .infobox .ib-title{background:linear-gradient(135deg,#0a1628,#142b58)!important}
body.night .infobox .ib-sec td{background:#0f2040!important;color:#7aaae0!important;border-color:#1a3050!important}
body.night .infobox .ib-label{background:#0b1628!important;color:#7a9acc!important;border-left-color:#1a2e50!important}
body.night .infobox .ib-val{background:#0d1b32!important;color:#d5e4ff!important}
body.night .infobox .ib-row td{border-bottom-color:#162840!important}
body.night .ib-foot{background:linear-gradient(to left,#0a1428,#081020)!important;color:#4a6a9a!important;border-top-color:#1a2e50!important}

/* ═══════════════════════════════════════════════════════
   ══ FIGCAPTION — توضیحات تصاویر ══
   ═══════════════════════════════════════════════════════ */
.geo-article figure,
.art-content figure,
.geo-wrap figure{
  margin:16px 0!important;
  border:1px solid #c8d0db!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#f8f9fb!important;
  box-shadow:0 2px 10px rgba(0,0,0,.09)!important;
  text-align:center;
}
.geo-article figure img,
.art-content figure img,
.geo-wrap figure img{
  border-radius:0!important;
  border:none!important;
  box-shadow:none!important;
  width:100%!important;
  display:block!important;
}
.geo-article figcaption,
.art-content figcaption,
.geo-wrap figcaption{
  font-size:12px!important;
  color:#4a5568!important;
  font-style:italic!important;
  padding:7px 14px 8px!important;
  text-align:center!important;
  background:linear-gradient(to bottom,#edf1f7,#dde5f0)!important;
  border-top:1px solid #c8d0db!important;
  line-height:1.6!important;
  display:block!important;
  font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif!important;
  font-weight:400!important;
}
/* Figcaption — Night mode */
body.night .geo-article figcaption,
body.night .art-content figcaption,
body.night .geo-wrap figcaption{
  background:linear-gradient(to bottom,#111d35,#0d1628)!important;
  color:#8899bb!important;
  border-top-color:#1e2e4a!important;
}
body.night .geo-article figure,
body.night .art-content figure,
body.night .geo-wrap figure{
  border-color:#1e2e4a!important;
  background:#0f1a30!important;
}

/* ═══════════════════════════════════════════════════════
   ══ BLOCKQUOTE — اقتباسات موسوعية ══
   ═══════════════════════════════════════════════════════ */
.geo-article blockquote,
.art-content blockquote,
.geo-wrap blockquote{
  position:relative;
  border-right:5px solid #0645ad!important;
  background:linear-gradient(135deg,#eff6ff 0%,#f5f9ff 100%)!important;
  padding:16px 22px 16px 16px!important;
  margin:24px 0!important;
  border-radius:0 12px 12px 0!important;
  font-style:italic!important;
  color:#1a2a5a!important;
  font-size:1rem!important;
  line-height:1.95!important;
  box-shadow:0 3px 14px rgba(6,69,173,.08)!important;
  overflow:hidden;
}
.geo-article blockquote::before,
.art-content blockquote::before,
.geo-wrap blockquote::before{
  content:'\201C';
  position:absolute;
  top:-10px;right:10px;
  font-size:5rem;
  color:#0645ad;
  opacity:.12;
  font-family:'Noto Naskh Arabic','Tajawal',serif;
  line-height:1;
  pointer-events:none;
}
/* نسب الكاتب داخل blockquote */
.geo-article blockquote strong,
.art-content blockquote strong,
.geo-wrap blockquote strong{
  display:block;
  margin-top:10px;
  font-size:0.82rem;
  color:#0645ad;
  font-style:normal;
  font-weight:700;
  opacity:.85;
}
/* Blockquote — Night mode */
body.night .geo-article blockquote,
body.night .art-content blockquote,
body.night .geo-wrap blockquote{
  background:linear-gradient(135deg,#0f1f45 0%,#0a1530 100%)!important;
  color:#c8d8f8!important;
  border-right-color:#3366cc!important;
  box-shadow:0 3px 14px rgba(0,0,50,.25)!important;
}
body.night .geo-article blockquote strong,
body.night .art-content blockquote strong{color:#64B5F6!important}

/* ══════════════════════════════════════════════════════════════════
   نظام تصميم موحّد لجسم المقالة — طابع دائرة معارف: هادئ، جاد، مقروء
   (يحل هذا القسم محل التنسيقات المتناثرة أعلاه لمحتوى المقالة عبر ترتيب
   الظهور في الشيفرة؛ لا ألوان صاخبة ولا تدرّجات ولا ظلال ثقيلة أسلوب المجلات) */
.art-content,.geo-article,.geo-intro{
  font-family:'Noto Naskh Arabic','Tajawal',Tahoma,Arial,sans-serif!important;
  font-size:17px!important;line-height:1.95!important;color:#232323!important;
  text-align:right!important;word-spacing:normal!important;
}
.art-content p,.geo-article p,.geo-intro p{
  font-size:17px!important;line-height:1.95!important;color:#232323!important;
  margin:0 0 1.15em!important;text-align:right!important;
}
.art-content h2{
  font-size:1.45rem!important;font-weight:700!important;color:#111827!important;
  margin:2.4em 0 .8em!important;padding:0 0 .5em!important;
  border:none!important;border-bottom:2px solid #d7dbe2!important;
  background:none!important;border-radius:0!important;
}
.art-content h3{
  font-size:1.18rem!important;font-weight:700!important;color:#111827!important;
  margin:1.9em 0 .6em!important;border:none!important;padding:0!important;
}
.art-content h4{
  font-size:1.02rem!important;font-weight:700!important;color:#1f2937!important;margin:1.5em 0 .5em!important;
}
.art-content ul,.art-content ol{margin:0 0 1.1em!important;padding-right:26px!important;line-height:1.95!important}
.art-content li{margin-bottom:.4em!important;font-size:16px!important;color:#232323!important}

/* اقتباس — محايد، بلا درجات لونية زاهية */
.art-content blockquote,.geo-article blockquote,.geo-wrap blockquote{
  border-right:3px solid #9aa5b1!important;background:#f7f7f8!important;
  padding:.9em 1.2em!important;margin:1.4em 0!important;border-radius:0!important;
  font-style:italic!important;color:#3a3a3a!important;box-shadow:none!important;
}

/* روابط — أزرق دائرة معارف كلاسيكي */
.art-content a:not([class]),.geo-article a:not([class]),.geo-wrap a:not([class]){
  color:#0645ad!important;text-decoration:none!important;
  border-bottom:1px solid rgba(6,69,173,.35)!important;
}
.art-content a:not([class]):hover{border-bottom-color:#0645ad!important}

/* صور — إطار رفيع بسيط، بلا ظلال ثقيلة ولا زوايا مبالغ فيها */
.art-content img,.geo-wrap img,.geo-article img{
  max-width:100%!important;height:auto!important;border-radius:3px!important;
  border:1px solid #e2e5e9!important;box-shadow:none!important;
  margin:1em auto!important;display:block!important;
}
.art-content figure,.geo-wrap figure{
  margin:1.3em 0!important;border:1px solid #e2e5e9!important;border-radius:3px!important;
  overflow:hidden!important;background:#fafafa!important;box-shadow:none!important;
}
.art-content figure img{border:none!important;border-radius:0!important;margin:0!important}
.art-content figcaption,.geo-wrap figcaption{
  font-size:12.5px!important;color:#5b6572!important;font-style:normal!important;
  padding:6px 12px!important;text-align:center!important;background:#f2f3f5!important;
  border-top:1px solid #e2e5e9!important;line-height:1.5!important;
}

/* جداول — أسلوب مرجعي متمايز (يستلهم صناديق المعلومات الموسوعية): إطار واضح، شريط علوي بلون
   العلامة التجارية، وعمود تسمية مظلّل في جداول البيانات الثنائية العمود */
.art-content table,.geo-article table,table.wikitable{
  font-family:inherit!important;font-size:14.5px!important;border-collapse:collapse!important;
  width:auto!important;min-width:100%!important;line-height:1.7!important;
  border:1px solid #ccd1d9!important;
}
.art-content table th,.art-content table td{white-space:nowrap!important}
.art-content table th{
  background:#e7ecf3!important;color:#111827!important;font-weight:700!important;
  padding:9px 13px!important;border:1px solid #ccd1d9!important;text-align:right!important;
  border-top:3px solid var(--acc)!important;
}
.art-content table td{
  padding:8px 13px!important;border:1px solid #ccd1d9!important;color:#232323!important;
  text-align:right!important;vertical-align:top!important;
  white-space:normal!important; /* النص نفسه يلتف داخل الخلية، والسطر لا يجبر الجدول كله على الانضغاط */
}
.art-content table tr:nth-child(even) td{background:#fafbfc!important}
.art-content table td:first-child{background:#f2f4f7!important;font-weight:600!important;color:#1f2430!important;min-width:110px!important}
.art-content table tr:hover td{background:#eef2f8!important}
.cosm-tbl-scroll table{min-width:560px!important} /* يضمن ظهور شريط التمرير الأفقي فعلياً للجداول الكبيرة بدل انضغاطها */
body.night .art-content table td:first-child{background:#1e2734!important;color:#e5e9ef!important}
body.night .art-content table tr:hover td{background:#202b3a!important}

/* حماية دفاعية: أي عنصر داخل بدنة المقالة يجب ألا يفرض عرضاً ضيقاً أو ثابتاً بالبكسل
   (بعض المقالات المولّدة تلقائياً قد تحتوي وسماً بعرض شاذ مخفياً خلف تنسيقات الصفحة العادية،
   ويظهر فقط في سياقات لا تُحمّل فيها هذه التنسيقات مثل وضع القراءة في بعض المتصفحات) */
.art-content div:not(.geo-table-wrap):not(.cosm-tbl-scroll),.art-content section,.art-content span{
  width:auto!important;max-width:100%!important;
}
.art-content{max-width:none!important}

/* تمييز نص — محايد */
.art-content mark{background:#eef1a8!important;color:#1a1a1a!important;padding:1px 3px!important;border-radius:2px!important}

/* الوضع الليلي — نفس المبدأ: محايد وهادئ، بلا تدرّجات */
body.night .art-content,body.night .art-content p,body.night .art-content li,
body.night .geo-article,body.night .geo-article p,body.night .geo-intro,body.night .geo-intro p{
  color:#cdd4dd!important;background:none!important;
}
body.night .art-content h2{color:#eef1f5!important;border-bottom-color:#374151!important;background:none!important}
body.night .art-content h3,body.night .art-content h4{color:#eef1f5!important}
body.night .art-content a:not([class]){color:#7ba7e8!important;border-bottom-color:rgba(123,167,232,.35)!important}
body.night .art-content blockquote{background:#1b2331!important;color:#c7cfd9!important;border-right-color:#4b5563!important;box-shadow:none!important}
body.night .art-content img,body.night .art-content figure{border-color:#2c3542!important}
body.night .art-content figcaption{background:#1b2331!important;color:#9aa5b1!important;border-top-color:#2c3542!important}
body.night .art-content table th{background:#232c39!important;color:#e5e9ef!important;border-color:#374151!important}
body.night .art-content table td{background:#161d27!important;color:#cdd4dd!important;border-color:#2c3542!important}
body.night .art-content table tr:nth-child(even) td{background:#1a2230!important}