/* ===========================================================================
   موسوعة الحضارة الإسلامية — نظام تصميم داكن (مطابق للتصميم المعتمد)
   =========================================================================== */
:root{
  --bg:#081320; --bg-2:#0a1626; --panel:#0e1e33; --panel-2:#0c1a2b; --header:#0b1a2c;
  --gold:#c9a24b; --gold-light:#e0c479; --gold-dark:#a5842f;
  --text:#eef2f7; --text-dim:#9db0c6; --text-faint:#6f8299;
  --line:rgba(201,162,75,.20); --line-soft:rgba(255,255,255,.055);
  --radius:14px; --radius-sm:10px;
  --shadow:0 14px 40px rgba(0,0,0,.42); --shadow-sm:0 6px 18px rgba(0,0,0,.28);
  --maxw:1200px; --fs:1;
}
:root[data-theme="light"]{
  --bg:#f4f1e9; --bg-2:#efe9dc; --panel:#ffffff; --panel-2:#faf7f0; --header:#0b1a2c;
  --gold:#a5842f; --gold-light:#8a6a24; --gold-dark:#c9a24b;
  --text:#20303f; --text-dim:#5a6b7d; --text-faint:#8493a3;
  --line:rgba(165,132,47,.28); --line-soft:rgba(20,40,60,.09);
  --shadow:0 14px 40px rgba(20,40,60,.14); --shadow-sm:0 6px 18px rgba(20,40,60,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:calc(1rem * var(--fs));transition:background .3s,color .3s;}
body[data-font="large"]{--fs:1.08}
body[data-font="xlarge"]{--fs:1.18}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
.amiri{font-family:'Amiri',serif}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.muted{color:var(--text-faint)}
.loading{text-align:center;padding:90px 0;color:var(--text-dim)}
.empty{text-align:center;padding:70px 20px;color:var(--text-dim)}
.empty .em,.empty i{font-size:2.6rem;color:var(--gold);margin-bottom:12px;display:block}

/* ===== أزرار ===== */
.btn,.btn-gold{display:inline-flex;align-items:center;gap:8px;font-family:inherit;cursor:pointer;
  border-radius:10px;padding:11px 22px;font-size:.92rem;font-weight:700;transition:.2s;border:1px solid transparent;white-space:nowrap}
.btn-gold,.btn.gold{background:linear-gradient(180deg,var(--gold-light),var(--gold-dark));color:#1c1408;
  box-shadow:0 4px 14px rgba(201,162,75,.25)}
.btn-gold:hover,.btn.gold:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn{background:rgba(255,255,255,.05);border-color:var(--line-soft);color:var(--text)}
.btn:hover{border-color:var(--line);background:rgba(201,162,75,.08)}
.btn.ghost{background:transparent;border:1px dashed var(--line);color:var(--gold)}
.btn.ghost:hover{background:rgba(201,162,75,.06)}
.btn.block{width:100%;justify-content:center}

/* ===== الترويسة ===== */
.topbar{background:linear-gradient(180deg,#0c1d31,#0a1626);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:100;backdrop-filter:blur(6px)}
.topbar-inner{display:flex;align-items:center;gap:22px;padding:12px 24px;max-width:1280px;margin:0 auto}
.brand{display:flex;align-items:center;gap:13px;margin-inline-start:auto;color:#fff}
.brand-logo{width:48px;height:48px;border-radius:13px;flex-shrink:0;
  background:radial-gradient(circle at 32% 28%,#1d3d5c,#0c1f34);border:1px solid var(--line);
  display:grid;place-items:center;box-shadow:inset 0 0 14px rgba(201,162,75,.22)}
.brand-logo svg{width:62%;height:62%;display:block}
.brand-txt{text-align:right}
.brand-txt h1{font-size:1.18rem;font-weight:800;letter-spacing:.2px}
.brand-txt span{font-size:.7rem;color:var(--gold-light);letter-spacing:1.4px}

.searchbar{flex:1;max-width:540px;display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.045);border:1px solid var(--line-soft);border-radius:30px;padding:6px 8px 6px 16px;transition:.2s}
.searchbar:focus-within{border-color:var(--line);background:rgba(201,162,75,.05)}
.searchbar .sb-go{background:none;border:none;color:var(--gold);cursor:pointer;font-size:1rem;padding:4px}
.searchbar input{background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:.85rem;flex:1;text-align:right}
.searchbar input::placeholder{color:var(--text-faint)}

.top-icons{display:flex;align-items:center;gap:9px}
.icon-btn{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;
  background:rgba(255,255,255,.035);border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;transition:.2s;font-size:.95rem}
.icon-btn:hover{color:var(--gold);border-color:var(--line);background:rgba(201,162,75,.08)}
.icon-btn.active{color:var(--gold);border-color:var(--line);background:rgba(201,162,75,.12)}
.icon-btn b{font-weight:800}

/* ===== شريط الأقسام ===== */
.mainnav{background:var(--bg-2);border-bottom:1px solid var(--line-soft);position:relative;z-index:90}
.nav-primary{display:flex;justify-content:center;flex-wrap:wrap;max-width:1280px;margin:0 auto;padding:0 22px;gap:2px}
.nav-primary>li{display:flex}
.mainnav a,.mega-trigger{display:flex;align-items:center;gap:7px;padding:15px 16px;font-size:.9rem;font-weight:500;white-space:nowrap;
  color:var(--text-dim);border-bottom:2px solid transparent;transition:.2s;background:none;border-top:0;border-inline:0;font-family:inherit;cursor:pointer}
.mainnav a i,.mega-trigger>i{font-size:.8rem;opacity:.9}
.mainnav a:hover,.mega-trigger:hover{color:var(--text)}
.mainnav a.active,.mega-trigger.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:700}
.mega-trigger .caret{transition:transform .2s;font-size:.62rem;opacity:.8}
.mega-trigger.trigger-open{color:var(--gold)}
.mega-trigger.trigger-open .caret{transform:rotate(180deg)}

/* لوحة الأقسام الضخمة */
.mega{position:absolute;top:100%;inset-inline:0;z-index:95;
  background-color:var(--panel);background-image:linear-gradient(180deg,var(--panel),var(--panel-2));border-bottom:1px solid var(--line);
  box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s;max-height:calc(100vh - 130px);overflow:auto}
.mega.open{opacity:1;visibility:visible;transform:none}
.mega-inner{padding:20px 22px 22px}
.mega-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
.mega-head h4{font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:9px}
.mega-head h4 i{color:var(--gold)}
.mega-head span{color:var(--text-faint);font-size:.8rem}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mega-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;border:1px solid var(--line-soft);
  background:rgba(255,255,255,.02);transition:.18s}
.mega-item:hover{border-color:var(--line);background:rgba(201,162,75,.07);transform:translateY(-2px)}
.mega-item.active{border-color:var(--gold);background:rgba(201,162,75,.10)}
.mega-ic{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:1rem;box-shadow:inset 0 -6px 14px rgba(0,0,0,.25)}
.mega-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.mega-txt strong{font-size:.92rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-txt span{font-size:.72rem;color:var(--text-faint)}
.mega-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}
.mega-foot a{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--text-dim);background:rgba(255,255,255,.03);
  border:1px solid var(--line-soft);border-radius:20px;padding:7px 15px;transition:.2s}
.mega-foot a:hover{color:var(--gold);border-color:var(--line)}
.mega-foot a i{color:var(--gold);font-size:.76rem}

/* ===== قوائم الحساب والإشعارات ===== */
.account-wrap,.notif-wrap{position:relative}
.account-menu,.notif-menu{position:absolute;top:48px;inset-inline-start:0;z-index:120;
  background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px}
.account-menu{width:240px}
.notif-menu{width:330px;max-height:440px;overflow:auto}
.account-menu[hidden],.notif-menu[hidden]{display:none}
.acc-head{padding:10px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}
.acc-head strong{display:block}
.acc-head span{font-size:.76rem;color:var(--text-faint);word-break:break-all}
.acc-role{display:inline-block;margin-top:6px;background:var(--gold);color:#1c1408;font-size:.68rem;padding:2px 8px;border-radius:12px}
.account-menu a,.account-menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:right;background:none;border:none;
  color:var(--text);padding:10px 12px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:.88rem}
.account-menu a:hover,.account-menu button:hover{background:rgba(201,162,75,.08);color:var(--gold)}
.notif-badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 4px;
  background:#d64b3d;color:#fff;border-radius:10px;font-size:.62rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--header)}
.notif-head{padding:10px 12px;font-weight:700;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center}
.notif-head span{background:var(--gold);color:#1c1408;border-radius:12px;padding:1px 9px;font-size:.72rem}
.notif-item{display:flex;gap:10px;padding:11px 12px;border-radius:10px;color:var(--text);align-items:flex-start}
.notif-item:hover{background:rgba(201,162,75,.06)}
.notif-item.unread{background:rgba(201,162,75,.09)}
.ni-ic{color:var(--gold);flex:none}
.ni-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.ni-body strong{font-size:.88rem}
.ni-body span{font-size:.78rem;color:var(--text-dim)}
.ni-body em{font-size:.7rem;color:var(--text-faint);font-style:normal}
.notif-empty{padding:24px;text-align:center;color:var(--text-dim)}

/* ===== زخرفة SVG (بورتريهات ومشاهد) ===== */
.art-svg,.art-img{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.art-img{object-fit:cover}
.scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(0,0,0,.15),rgba(0,0,0,.45))}
.thumb-title{position:relative;z-index:2;padding:6px 14px;text-align:center;color:#fff;
  font-family:'Tajawal',sans-serif;font-weight:800;font-size:1.3rem;text-shadow:0 1px 6px rgba(0,0,0,.6)}

/* ===== البطل ===== */
.hero{position:relative;text-align:center;padding:74px 20px 62px;overflow:hidden;border-bottom:1px solid var(--line-soft);
  background:radial-gradient(1200px 420px at 50% -14%,rgba(30,64,96,.55),transparent),linear-gradient(180deg,#0c1d31,#0a1626)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.9}
.hero-arch{position:absolute;top:20px;bottom:0;width:150px;z-index:1;opacity:.9}
.hero-arch.start{inset-inline-start:24px}
.hero-arch.end{inset-inline-end:24px;transform:scaleX(-1)}
.hero .content,.hero-content{position:relative;z-index:3;max-width:730px;margin:0 auto}
.bismillah,.hero-basmala{font-family:'Amiri',serif;font-size:2rem;color:var(--gold);margin-bottom:12px;font-weight:700;text-shadow:0 2px 18px rgba(201,162,75,.3)}
.hero .tagline,.hero-tag{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold-light);font-size:.88rem;letter-spacing:1px;margin-bottom:16px}
.hero-tag span,.hero .tagline span{display:block;width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.hero-tag span:last-child,.hero .tagline span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.hero h1,.hero h2{font-size:2.85rem;font-weight:900;margin-bottom:14px;letter-spacing:.3px;color:#fff}
.hero .subtitle,.hero-sub{color:var(--text-dim);font-size:1rem;margin-bottom:28px}
.hero-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--line);
  border-radius:14px;padding:8px;max-width:600px;margin:0 auto 22px;box-shadow:var(--shadow-sm)}
.hero-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:.98rem;text-align:right;padding:9px 16px}
.hero-search input::placeholder{color:var(--text-faint)}
.hero-search .btn-gold,.hero-search .btn.gold{padding:12px 26px}
.chips,.hero-filters,.hero-actions-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.chip,.hero-filters a,.hero-actions-row a{background:rgba(255,255,255,.045);border:1px solid var(--line-soft);color:var(--text-dim);
  border-radius:10px;padding:9px 18px;font-size:.84rem;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px}
.chip:hover,.hero-filters a:hover,.hero-actions-row a:hover{color:var(--gold);border-color:var(--line);background:rgba(201,162,75,.07)}
.chip i,.hero-filters a i,.hero-filters .hf-ic,.hero-actions-row a span{color:var(--gold)}
.chips.secondary .chip,.hero-actions-row a{border-radius:24px}

/* ===== عناوين الأقسام ===== */
.sec-head{display:flex;align-items:center;gap:11px;margin-bottom:26px}
.sec-head h3{font-size:1.5rem;font-weight:800}
.sec-head>i{color:var(--gold);font-size:1.25rem}
.sec-head.center{justify-content:center}
.sec-head.center::before,.sec-head.center::after{content:"";height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--line))}
.sec-head.center::after{transform:scaleX(-1)}
.link-all,.heading-more{color:var(--gold);font-size:.84rem;margin-inline-start:auto;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.link-all:hover,.heading-more:hover{text-decoration:underline}
.section-title{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;margin:30px 0 16px}
.section-title::before{content:"";width:5px;height:24px;border-radius:4px;background:var(--gold)}
section.block{padding:44px 0}

/* ===== شخصيات بارزة + المميّزة ===== */
.feat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:start}
.persons-list{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:8px;box-shadow:var(--shadow-sm)}
.person-row{display:flex;align-items:center;gap:14px;padding:12px;border-bottom:1px solid var(--line-soft);transition:.2s;cursor:pointer;border-radius:10px}
.person-row:last-of-type{border-bottom:none}
.person-row:hover{background:rgba(201,162,75,.06)}
.person-av{width:50px;height:50px;border-radius:13px;flex-shrink:0;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12)}
.person-av .art-svg,.person-av .art-img{border-radius:13px}
.person-info{flex:1;text-align:right;min-width:0}
.person-info strong{font-size:.95rem;font-weight:700;display:block}
.person-info span{font-size:.76rem;color:var(--text-faint)}
.person-row .fa-chevron-left,.update-row .fa-chevron-left{color:var(--text-faint);font-size:.7rem}
.people-all,.view-all-row{display:block;text-align:center;padding:14px;color:var(--gold);font-size:.86rem;font-weight:700;cursor:pointer}
.people-all:hover,.view-all-row:hover{text-decoration:underline}

.star-card,.feat-card{position:relative;border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(140deg,#15453a,#0e2d24 58%,#0b211b);border:1px solid rgba(201,162,75,.28);
  padding:0;display:flex;flex-direction:row-reverse;align-items:stretch;gap:0;box-shadow:var(--shadow);cursor:pointer;min-height:270px}
.star-visual,.feat-portrait{position:relative;width:42%;flex-shrink:0;overflow:hidden;border-inline-start:1px solid rgba(201,162,75,.22)}
.star-visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,26,20,.5),transparent 46%)}
.star-badge{position:absolute;top:14px;inset-inline-start:14px;z-index:2;background:rgba(0,0,0,.4);color:var(--gold-light);font-size:.72rem;padding:5px 13px;border-radius:20px;display:inline-flex;gap:6px;align-items:center}
.star-body,.feat-text{position:relative;z-index:2;flex:1;text-align:right;padding:30px 30px;display:flex;flex-direction:column;gap:9px}
.feat-tag{color:var(--gold-light);font-size:.76rem;display:inline-flex;align-items:center;gap:6px}
.star-body h3,.feat-text h3{font-size:2rem;font-weight:900}
.star-role,.feat-text .role{color:var(--gold);font-size:.9rem}
.star-desc,.feat-text p{color:#cfe0d6;font-size:.9rem;line-height:1.85;flex:1}
.star-tags,.feat-badges{display:flex;flex-wrap:wrap;gap:8px}
.star-tags span,.badge{background:rgba(255,255,255,.08);border:1px solid rgba(201,162,75,.28);color:#e2eee6;font-size:.75rem;padding:5px 13px;border-radius:20px}
.star-body .btn,.star-body .btn-gold{align-self:flex-start}

/* ===== الأقسام (بطاقات) ===== */
.cat-grid,.grid-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-card,.sec-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;transition:.25s;cursor:pointer;display:flex;flex-direction:column}
.cat-card:hover,.sec-card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow-sm)}
.cat-top,.sec-card .head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;color:#fff;position:relative;overflow:hidden}
.cat-top h4,.sec-card .head strong{font-size:.98rem;font-weight:700;display:flex;align-items:center;gap:9px;position:relative;z-index:2}
.cat-top h4 i,.sec-card .head .ico{font-size:.95rem;opacity:.95}
.cat-count,.sec-card .head .count{font-size:.8rem;font-weight:700;background:rgba(0,0,0,.28);padding:3px 11px;border-radius:20px;position:relative;z-index:2}
.cat-body{padding:15px;display:flex;flex-direction:column;flex:1}
.cat-tags,.sub-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;flex:1;align-content:flex-start}
.cat-tags span,.sub-chips span{font-size:.72rem;color:var(--text-dim);background:rgba(255,255,255,.035);border:1px solid var(--line-soft);padding:5px 11px;border-radius:8px}
.cat-link,.sec-card .more{font-size:.76rem;color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:6px;padding:0 15px 15px}
.cat-card .cat-link{padding:0}

/* ===== مجموعات موضوعية ===== */
.coll-grid,.collections-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.coll-card{border-radius:var(--radius);overflow:hidden;position:relative;min-height:220px;border:1px solid var(--line-soft);
  cursor:pointer;transition:.25s;display:flex;flex-direction:column;justify-content:flex-end}
.coll-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.coll-banner{position:absolute;inset:0;z-index:0}
.coll-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 26%,rgba(6,12,20,.95))}
.coll-ic{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:36px;height:36px;border-radius:10px;
  background:rgba(0,0,0,.4);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold-light);font-size:.95rem;backdrop-filter:blur(2px)}
.coll-body{position:relative;z-index:2;padding:16px}
.coll-body h3,.coll-body h4{font-size:1rem;font-weight:800;margin-bottom:7px;color:#fff}
.coll-body p{font-size:.74rem;color:var(--text-dim);margin-bottom:11px;line-height:1.6}
.coll-more,.coll-body a{font-size:.74rem;color:var(--gold-light);font-weight:700;display:inline-flex;align-items:center;gap:5px}

/* ===== إحصائيات + آخر الإضافات ===== */
.two-col-wide{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}
.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
.panel-head,.two-col-wide .home-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.panel-head h3{font-size:1.1rem;font-weight:800}
.panel-head i{color:var(--gold)}
.home-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.home-heading h2{font-size:1.4rem;font-weight:800;display:inline-flex;align-items:center;gap:9px}
.home-heading h2 .orn,.home-heading h2 i{color:var(--gold);font-size:1rem}
.big-stats,.stat-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.big-stat,.stat-box{background:rgba(255,255,255,.028);border:1px solid var(--line-soft);border-radius:12px;padding:20px 10px;text-align:center}
.bs-num,.stat-box .num{font-size:1.9rem;font-weight:900;color:var(--gold);line-height:1;font-family:'Tajawal'}
.bs-lbl,.stat-box .lbl{font-size:.78rem;color:var(--text-dim);margin-top:8px}
.big-stat.wide{background:rgba(201,162,75,.07);border:1px solid var(--line)}
.stat-cta{text-align:center;color:var(--gold);font-size:.82rem;font-weight:700;border:1px dashed var(--line);border-radius:10px;padding:12px;cursor:pointer;transition:.2s}
.latest-list{display:flex;flex-direction:column}
.latest-row,.update-row{display:flex;align-items:center;gap:13px;padding:13px 6px;border-bottom:1px solid var(--line-soft);transition:.2s;cursor:pointer}
.latest-row:last-of-type,.update-row:last-of-type{border-bottom:none}
.latest-row:hover,.update-row:hover{background:rgba(201,162,75,.04)}
.lr-ic,.update-ico{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:.95rem;border:1px solid rgba(255,255,255,.12)}
.lr-body,.update-info{flex:1;text-align:right;min-width:0}
.lr-body strong,.update-info h4{font-size:.9rem;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-body span,.update-info .time{font-size:.74rem;color:var(--text-faint)}

/* ===== مكتبة الوسائط (رئيسية) ===== */
.media-teaser{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.mt-card{background:rgba(255,255,255,.028);border:1px solid var(--line-soft);border-radius:12px;padding:22px 10px;text-align:center;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:8px}
.mt-card:hover{border-color:var(--line);background:rgba(201,162,75,.06);transform:translateY(-3px)}
.mt-ic{font-size:1.5rem;color:var(--gold)}
.mt-card strong{font-size:1.2rem;font-weight:900;color:var(--text)}
.mt-count{font-size:.78rem;color:var(--text-dim)}

/* ===== شريط الإحصاءات ===== */
.stats-strip{background:linear-gradient(180deg,#0e2138,#0b1a2c);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
:root[data-theme="light"] .stats-strip{background:linear-gradient(180deg,#fff,#faf7f0)}
.stats-strip .home-heading{margin-bottom:18px}
.strip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.stat{text-align:center}
.stat .si{color:var(--gold);font-size:1.15rem;margin-bottom:8px}
.stat .num{font-size:1.5rem;font-weight:900;color:var(--gold)}
.stat .lbl{font-size:.76rem;color:var(--text-dim);margin-top:4px}

/* ===== بطاقات المواد (أقسام/بحث/مفضلة) ===== */
.grid-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.art-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s;cursor:pointer;display:flex;flex-direction:column}
.art-card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.art-card .thumb{height:130px;position:relative;display:grid;place-items:center;overflow:hidden}
.art-card .thumb .badge{position:absolute;top:10px;inset-inline-start:10px;z-index:3;background:rgba(0,0,0,.45);color:#fff;font-size:.68rem;padding:3px 10px;border-radius:20px}
.art-card .fav{position:absolute;top:8px;inset-inline-end:10px;z-index:3;background:rgba(0,0,0,.4);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.85rem}
.art-card .fav.on{color:var(--gold-light)}
.art-card .info{padding:14px 16px;flex:1;display:flex;flex-direction:column}
.art-card .info h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}
.art-card .info p{color:var(--text-dim);font-size:.82rem;flex:1}
.art-card .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:.7rem;color:var(--text-faint)}
.art-card .meta span{background:rgba(255,255,255,.035);border:1px solid var(--line-soft);padding:2px 9px;border-radius:20px}
.scroller{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 14px}
.scroller .art-card{min-width:250px}
.more-wrap{text-align:center;margin-top:20px}
.mini-list{display:flex;flex-direction:column;gap:8px}
.mini-item{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;padding:9px 11px;transition:.2s}
.mini-item:hover{border-color:var(--line)}
.mini-item .dot{width:40px;height:40px;border-radius:10px;flex:none;position:relative;overflow:hidden}
.mini-item .dot .art-svg{border-radius:10px}
.mini-item strong{display:block;font-size:.88rem}
.mini-item span{color:var(--text-faint);font-size:.74rem}

/* ===== فتات + صفحات داخلية ===== */
.breadcrumb{color:var(--text-dim);font-size:.84rem;margin:18px 0 14px}
.breadcrumb a:hover{color:var(--gold)}
main{min-height:60vh;padding-bottom:30px}
main.container,#app{max-width:var(--maxw);margin:0 auto;padding-left:22px;padding-right:22px}
#app>.hero{margin:14px 0 0;border-radius:var(--radius)}
.page-hero{position:relative;overflow:hidden;border-radius:var(--radius);padding:40px 30px;text-align:center;color:#fff;box-shadow:var(--shadow-sm);margin-bottom:8px}
.page-hero .hero-content{position:relative;z-index:3}
.page-hero h1{font-size:1.9rem;font-weight:900}
.page-hero .sub{color:rgba(255,255,255,.85);margin-top:6px}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.pill{border:1px solid var(--line-soft);background:var(--panel);color:var(--text-dim);padding:7px 15px;border-radius:20px;cursor:pointer;font-family:inherit;font-size:.82rem}
.pill:hover{color:var(--gold);border-color:var(--line)}
.pill.active{background:var(--gold);color:#1c1408;border-color:var(--gold);font-weight:700}

/* صفحة المادة */
.article-wrap{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-top:8px}
.article-main{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.article-hero{height:230px;position:relative;display:grid;place-items:center;overflow:hidden}
.article-hero .type-badge{position:absolute;top:16px;inset-inline-start:18px;z-index:3;background:rgba(0,0,0,.45);color:#fff;padding:5px 14px;border-radius:20px;font-size:.8rem}
.article-hero .thumb-title{font-size:2.2rem}
.article-body{padding:26px 30px}
.article-body h1{font-size:1.9rem;font-weight:900;margin-bottom:6px}
.article-body .lead{color:var(--text-dim);font-size:1.02rem;margin-bottom:18px}
.chips-row,.article-body .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.chip.info,.article-body .chip{background:rgba(255,255,255,.04);border:1px solid var(--line-soft);border-radius:20px;padding:5px 14px;font-size:.8rem;color:var(--text-dim)}
.article-body .chip b{color:var(--text)}
.prose{font-size:1rem;color:var(--text)}
.prose p{margin-bottom:16px;text-align:justify;line-height:1.95}
.sources-box{margin-top:22px;padding:16px 18px;background:rgba(201,162,75,.06);border-radius:12px;border-inline-start:4px solid var(--gold);font-size:.86rem;color:var(--text-dim)}
.sources-box b{display:block;margin-bottom:6px;color:var(--text)}
.article-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.aside-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;margin-bottom:18px}
.aside-card h4{font-size:1rem;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.media-list{display:grid;gap:8px}
.media-item{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.03);font-size:.82rem}
.media-item .ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#22405e,#132639);border:1px solid var(--line);color:var(--gold);flex:none}
.related-list{display:grid;gap:8px}

/* بحث */
.search-panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px;margin-bottom:20px}
.search-bar{display:flex;gap:10px;margin-bottom:16px}
.search-bar input{flex:1;padding:13px 16px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.03);color:var(--text);font-family:inherit;font-size:1rem;outline:none}
.search-bar input:focus{border-color:var(--line)}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.filters label{font-size:.78rem;color:var(--text-dim);display:block;margin-bottom:5px}
.filters select{width:100%;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2);color:var(--text);font-family:inherit}
.results-info{margin:10px 0 16px;color:var(--text-dim);font-size:.88rem}

/* الخط الزمني */
.timeline{position:relative;margin-top:16px;padding:6px 0}
.timeline::before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:20px;width:3px;background:linear-gradient(var(--gold),var(--line));border-radius:2px}
.tl-item{position:relative;padding-inline-start:54px;margin-bottom:16px;cursor:pointer}
.tl-dot{position:absolute;inset-inline-start:12px;top:16px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg);box-shadow:0 0 0 2px var(--line)}
.tl-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-sm);transition:.2s}
.tl-item:hover .tl-card{transform:translateX(-5px);border-color:var(--line)}
.tl-year{color:var(--gold);font-weight:700;font-size:.86rem;margin-bottom:4px}
.tl-card h3{font-size:1.05rem;font-weight:700;margin-bottom:4px}
.tl-card p{color:var(--text-dim);font-size:.85rem}
.tl-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.7rem;color:var(--text-faint)}
.tl-meta span{background:rgba(255,255,255,.035);border:1px solid var(--line-soft);padding:2px 9px;border-radius:20px}

/* مكتبة الوسائط (صفحة) */
.medialib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.media-tile{background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:.2s}
.media-tile:hover{transform:translateY(-3px);border-color:var(--line)}
.media-tile .cover{height:120px;position:relative;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:1.9rem}
.media-tile .cover .cover-ic{position:relative;z-index:2;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.media-tile .cap{padding:10px 12px;font-size:.84rem}
.media-tile .cap span{display:block;color:var(--text-faint);font-size:.72rem;margin-top:2px}

/* عن الموسوعة */
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}
.about-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}
.about-card .em{font-size:2rem;color:var(--gold)}
.about-card h3{margin:8px 0 6px}
.about-card p{color:var(--text-dim);font-size:.9rem}

/* لوحة التحكم */
.admin-tabs{display:flex;gap:6px;margin:14px 0 18px;flex-wrap:wrap;border-bottom:1px solid var(--line-soft)}
.admin-tab{background:none;border:none;border-bottom:3px solid transparent;color:var(--text-dim);padding:10px 16px;cursor:pointer;font-family:inherit;font-size:.92rem;border-radius:8px 8px 0 0}
.admin-tab:hover{color:var(--text)}
.admin-tab.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:700}
.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.admin-table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow-sm)}
.admin-table{width:100%;border-collapse:collapse;min-width:680px}
.admin-table th,.admin-table td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--line-soft);font-size:.88rem}
.admin-table th{background:rgba(255,255,255,.02);color:var(--text-dim);font-weight:600}
.admin-table tr:last-child td{border-bottom:none}
.admin-table a{color:var(--gold)}
.row-actions{display:flex;gap:6px}
.mini-btn{border:1px solid var(--line-soft);background:rgba(255,255,255,.03);color:var(--text);border-radius:8px;padding:5px 10px;cursor:pointer;font-family:inherit;font-size:.78rem}
.mini-btn:hover{border-color:var(--line)}
.mini-btn.danger{color:#ff8a7a;border-color:rgba(255,138,122,.4)}
.sec-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-inline-end:4px}

/* النوافذ والنماذج */
.modal-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(4,10,18,.66);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
.modal-overlay.show{opacity:1}
.modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow:auto;padding:28px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transform:translateY(12px);transition:transform .2s}
.modal-overlay.show .modal{transform:none}
.modal-lg{max-width:780px}
.modal-close{position:absolute;top:14px;inset-inline-end:16px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--line-soft);color:var(--text);cursor:pointer}
.modal-brand{width:52px;height:52px;margin:0 auto 10px;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold);border-radius:14px;font-size:24px}
.modal h2{text-align:center;font-size:1.4rem}
.modal-sub{text-align:center;color:var(--text-dim);font-size:.85rem;margin-bottom:16px}
.modal-switch{text-align:center;margin-top:14px;font-size:.86rem;color:var(--text-dim)}
.modal-switch a{color:var(--gold);font-weight:600}
.demo-hint{margin-top:12px;text-align:center;font-size:.76rem;color:var(--text-dim);background:rgba(255,255,255,.03);padding:8px;border-radius:9px}
.demo-hint code{background:rgba(201,162,75,.12);padding:1px 6px;border-radius:5px}
.field{margin-bottom:12px}
.field label{display:block;font-size:.82rem;color:var(--text-dim);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2);color:var(--text);font-family:inherit;font-size:.95rem;outline:none}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--line)}
.field input[type=color]{height:46px;padding:4px;cursor:pointer}
.field textarea{resize:vertical;line-height:1.7}
.form-error{background:rgba(255,110,90,.12);color:#ff9a8c;border:1px solid rgba(255,110,90,.3);padding:9px 12px;border-radius:9px;font-size:.85rem;margin-bottom:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.art-form .checkline{display:flex;align-items:center;gap:8px;font-size:.9rem;margin:6px 0 12px}
.art-form .checkline input{width:auto}
.form-actions{display:flex;gap:10px;margin-top:8px}
.img-field{grid-column:1/-1}
.img-picker{display:flex;gap:10px;align-items:stretch}
.img-preview{width:66px;height:48px;border-radius:8px;flex:none;border:1px solid var(--line-soft);overflow:hidden;background:var(--panel-2);position:relative}
.img-preview img{width:100%;height:100%;object-fit:cover}
.img-ctrl{flex:1;display:flex;flex-direction:column;gap:6px}
.upload-btn{text-align:center;background:rgba(255,255,255,.04);border:1px solid var(--line-soft);border-radius:8px;padding:8px 10px;cursor:pointer;font-size:.82rem;color:var(--text)}
.upload-btn:hover{border-color:var(--line)}

/* Toast */
.toast{position:fixed;bottom:24px;inset-inline-start:50%;transform:translateX(50%) translateY(120px);background:var(--panel);color:var(--text);border:1px solid var(--line);padding:12px 22px;border-radius:12px;box-shadow:var(--shadow);z-index:300;transition:transform .3s;font-size:.9rem}
.toast.show{transform:translateX(50%) translateY(0)}

/* ===== التذييل ===== */
footer{background:var(--bg-2);border-top:1px solid var(--line);margin-top:44px;padding:46px 0 0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.foot-col h4{font-size:.95rem;font-weight:800;margin-bottom:18px;color:var(--gold-light)}
.foot-col.about p{color:var(--text-dim);font-size:.84rem;line-height:1.9;margin-bottom:18px}
.foot-brand{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.foot-brand .brand-logo{width:42px;height:42px}
.foot-brand h3{font-size:1rem;font-weight:800}
.foot-links li{margin-bottom:11px}
.foot-links a{color:var(--text-dim);font-size:.84rem;transition:.2s;display:inline-flex;align-items:center;gap:7px}
.foot-links a i{font-size:.6rem;color:var(--gold);opacity:.7}
.foot-links a:hover{color:var(--gold)}
.social{display:flex;gap:10px;margin-bottom:18px}
.social a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.045);border:1px solid var(--line-soft);color:var(--text-dim);transition:.2s}
.social a:hover{color:var(--gold);border-color:var(--line);background:rgba(201,162,75,.08)}
.store-btns{display:flex;gap:10px;flex-wrap:wrap}
.store-btn{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.045);border:1px solid var(--line-soft);border-radius:10px;padding:9px 14px;font-size:.78rem;color:var(--text-dim);cursor:pointer;transition:.2s}
.store-btn:hover{border-color:var(--line)}
.store-btn i{font-size:1.3rem;color:var(--gold)}
.store-btn small{display:block;font-size:.6rem;color:var(--text-faint)}
.foot-bottom{text-align:center;padding:20px;margin-top:36px;border-top:1px solid var(--line-soft);color:var(--text-faint);font-size:.8rem}
.foot-bottom a{color:var(--text-faint)}
.foot-bottom a:hover{color:var(--gold)}

/* ===== متجاوب ===== */
@media(max-width:1000px){
  .cat-grid,.grid-sections{grid-template-columns:repeat(2,1fr)}
  .coll-grid,.collections-grid{grid-template-columns:repeat(3,1fr)}
  .feat-grid{grid-template-columns:1fr}
  .two-col-wide{grid-template-columns:1fr}
  .media-teaser{grid-template-columns:repeat(3,1fr)}
  .strip-grid{grid-template-columns:repeat(3,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .searchbar{display:none}
  .article-wrap{grid-template-columns:1fr}
  .hero h1,.hero h2{font-size:2.1rem}
  .mega-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .cat-grid,.grid-sections,.coll-grid,.collections-grid,.media-teaser,.strip-grid,.big-stats,.stat-3{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr}
  .star-card,.feat-card{flex-direction:column}
  .star-visual,.feat-portrait{width:100%;height:160px;border-inline-start:none}
  .hero h1,.hero h2{font-size:1.7rem}
  .bismillah,.hero-basmala{font-size:1.6rem}
  .hero{padding:46px 16px 42px}
  .hero-arch{display:none}
  .brand-txt span{display:none}
  .topbar-inner{gap:12px}
  .mega-grid{grid-template-columns:repeat(2,1fr)}
  .mainnav a,.mega-trigger{padding:12px 12px;font-size:.84rem}
}

/* ===========================================================================
   الترويسة والتنقّل يبقيان داكنين في الوضعين (رأس داكن + محتوى فاتح)
   =========================================================================== */
.brand-txt span{color:#e0c479}
.searchbar input{color:#eef2f7}
.searchbar input::placeholder{color:#6f8299}
.searchbar .sb-go{color:#c9a24b}
.icon-btn{color:#9db0c6;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.icon-btn:hover{color:#c9a24b;border-color:rgba(201,162,75,.35);background:rgba(201,162,75,.10)}
.icon-btn.active{color:#c9a24b;border-color:rgba(201,162,75,.4);background:rgba(201,162,75,.14)}
#accountBtn.active b{color:#c9a24b}
.account-menu,.notif-menu{background:#0e1e33;border-color:rgba(201,162,75,.22)}
.account-menu a,.account-menu button,.acc-head strong,.notif-head,.ni-body strong{color:#eef2f7}
.acc-head,.notif-head{border-bottom-color:rgba(255,255,255,.07)}
.acc-head span,.ni-body span,.ni-body em,.notif-empty{color:#9db0c6}
.account-menu a:hover,.account-menu button:hover{background:rgba(201,162,75,.10)}
.notif-item:hover{background:rgba(201,162,75,.07)}

.mainnav{background:#0a1626;border-bottom-color:rgba(255,255,255,.055)}
.mainnav a,.mega-trigger{color:#9db0c6}
.mainnav a:hover,.mega-trigger:hover{color:#fff}
.mainnav a.active,.mega-trigger.active,.mega-trigger.trigger-open{color:#c9a24b;border-bottom-color:#c9a24b}
.mega{background-color:#0e1e33;background-image:linear-gradient(180deg,#0e1e33,#0c1a2b);border-bottom-color:rgba(201,162,75,.22);box-shadow:0 14px 40px rgba(0,0,0,.42)}
.mega-head{border-bottom-color:rgba(255,255,255,.07)}
.mega-head h4{color:#eef2f7}
.mega-head span{color:#6f8299}
.mega-item{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.mega-item:hover{border-color:rgba(201,162,75,.22);background:rgba(201,162,75,.07)}
.mega-item.active{border-color:#c9a24b;background:rgba(201,162,75,.10)}
.mega-txt strong{color:#eef2f7}
.mega-txt span{color:#6f8299}
.mega-foot{border-top-color:rgba(255,255,255,.07)}
.mega-foot a{color:#9db0c6;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.mega-foot a:hover{color:#c9a24b;border-color:rgba(201,162,75,.3)}

/* ===========================================================================
   ميزات المنصّة البحثية: بطاقة تعريف · استشهاد · حالة تحريرية · خريطة · مساهمات
   =========================================================================== */
.section-lead{color:var(--text-dim);font-size:.9rem;margin:-6px 0 14px}

/* الحالة التحريرية */
.status-badge{position:absolute;top:16px;inset-inline-end:18px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:.72rem;padding:5px 12px;border-radius:20px;background:rgba(0,0,0,.42);color:#fff}
.status-badge.st-ok{background:rgba(46,157,110,.88)}
.status-badge.st-warn{background:rgba(184,138,43,.9)}
.status-badge.st-muted{background:rgba(90,104,124,.8)}
.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;padding:2px 10px;border-radius:20px}
.status-pill.st-ok{background:rgba(46,157,110,.14);color:#2e9d6e}
.status-pill.st-warn{background:rgba(201,162,75,.16);color:#a5842f}
.status-pill.st-muted{background:rgba(120,130,150,.16);color:var(--text-dim)}
.editorial-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding:12px 14px;border-radius:12px;background:rgba(20,40,60,.03);border:1px solid var(--line-soft);font-size:.84rem;color:var(--text-dim)}
[data-theme="dark"] .editorial-note{background:rgba(255,255,255,.02)}
.editorial-report{background:none;border:1px solid var(--line);color:var(--gold);border-radius:20px;padding:7px 14px;cursor:pointer;font-family:inherit;font-size:.82rem}
.editorial-report:hover{background:rgba(201,162,75,.08)}

/* بطاقة تعريف */
.infobox .ib-list{display:flex;flex-direction:column}
.ib-row{display:flex;justify-content:space-between;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line-soft);font-size:.86rem}
.ib-row:last-child{border-bottom:none}
.ib-l{color:var(--text-dim);display:inline-flex;align-items:center;gap:7px}
.ib-l i{color:var(--gold);width:15px;text-align:center}
.ib-v{font-weight:600;text-align:left}
.ib-map{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(201,162,75,.08);border:1px solid var(--line);color:var(--gold);font-weight:700;font-size:.84rem}
.ib-map:hover{background:rgba(201,162,75,.15)}

/* استشهاد مرجعي */
.cite-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.cite-row{background:rgba(20,40,60,.03);border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px}
[data-theme="dark"] .cite-row{background:rgba(255,255,255,.02)}
.cite-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.cite-head span{font-weight:800;color:var(--gold);font-size:.8rem}
.cite-text{font-size:.8rem;line-height:1.7;color:var(--text-dim);word-break:break-word}

/* الربط الذكي المجمّع */
.rel-group{margin-bottom:12px}
.rel-group h5{font-size:.76rem;color:var(--text-faint);margin-bottom:7px;font-weight:700}
.rel-group .mini-item{margin-bottom:6px}

/* الخريطة */
#mapWrap{margin-top:8px}
#theMap{height:600px;border-radius:14px;overflow:hidden;border:1px solid var(--line-soft);z-index:1}
.map-pin span{display:block;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.55)}
.map-pop{font-family:'Tajawal',sans-serif;direction:rtl;text-align:right;min-width:180px}
.map-pop strong{display:block;font-size:1rem;color:#1f2a37;margin-bottom:2px}
.map-pop span{font-size:.76rem;color:#6b7280}
.map-pop p{font-size:.82rem;color:#374151;margin:6px 0}
.map-pop a{color:#a5842f;font-weight:700;font-size:.84rem}
@media(max-width:600px){#theMap{height:430px}}

/* المساهمات (لوحة الإدارة) */
.tab-badge{background:#d64b3d;color:#fff;border-radius:10px;padding:0 6px;font-size:.66rem;font-weight:700;margin-inline-start:5px}
.sg-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow-sm)}
.sg-card.pending{border-inline-start:3px solid var(--gold)}
.sg-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:.82rem}
.sg-kind{background:rgba(201,162,75,.14);color:var(--gold);border-radius:20px;padding:2px 11px;font-weight:700}
.sg-ref{color:var(--accent)}
.sg-status{border-radius:20px;padding:2px 10px;font-size:.72rem}
.sg-status.s-pending{background:rgba(201,162,75,.16);color:#a5842f}
.sg-status.s-reviewed{background:rgba(46,125,91,.16);color:#2e9d6e}
.sg-status.s-archived{background:rgba(120,130,150,.16);color:var(--text-dim)}
.sg-time{margin-inline-start:auto}
.sg-body{font-size:.92rem;line-height:1.85;margin-bottom:6px}
.sg-meta{font-size:.76rem;margin-bottom:10px}

/* طباعة نظيفة للمادة */
@media print{
  .topbar,.mainnav,footer,aside,.article-actions,.editorial-note,.breadcrumb,.mega,.toast{display:none !important}
  body{background:#fff;color:#000}
  .article-wrap{display:block}
  .article-main{border:none;box-shadow:none;background:none}
  .article-hero{height:auto;padding:0;background:none}
  .article-hero .art-svg,.article-hero .scrim,.type-badge,.status-badge{display:none !important}
  .article-hero .thumb-title{position:static;color:#000;text-shadow:none;font-size:1.9rem;padding:0}
  .prose,.lead,.article-body h1{color:#000}
  a{color:#000;text-decoration:none}
}

/* ===========================================================================
   تجاوب الجوال: زر القائمة + الدرج الجانبي (Drawer)
   =========================================================================== */
.hamburger{display:none;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);color:#e6edf6;font-size:1.05rem;cursor:pointer;align-items:center;justify-content:center;flex:none}
.hamburger:hover{background:rgba(201,162,75,.14);border-color:var(--gold-soft)}

.drawer-overlay{position:fixed;inset:0;z-index:210;background:rgba(4,10,18,.55);backdrop-filter:blur(2px);opacity:0;transition:opacity .25s}
.drawer-overlay.show{opacity:1}
.drawer{position:absolute;top:0;bottom:0;right:0;width:min(86vw,340px);
  background:linear-gradient(180deg,#0c1d31,#0a1626);border-inline-start:1px solid var(--line);
  box-shadow:-14px 0 40px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .28s ease;
  display:flex;flex-direction:column;overflow-y:auto;color:#eef2f7}
.drawer-overlay.show .drawer{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.drawer-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;color:#fff}
.drawer-brand .brand-logo{width:38px;height:38px}
.drawer-close{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;font-size:1rem}
.drawer-search{display:flex;gap:6px;padding:14px 16px}
.drawer-search input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:11px 14px;color:#fff;font-family:inherit;font-size:.95rem;outline:none}
.drawer-search input::placeholder{color:#8ba0b8}
.drawer-search button{background:linear-gradient(180deg,#e0c479,#a5842f);border:none;border-radius:10px;width:46px;color:#1c1408;cursor:pointer;font-size:1rem}
.drawer-nav{display:flex;flex-direction:column;padding:6px 10px}
.dnav-link,.dnav-acc{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;color:#dbe4f2;background:none;border:none;font-family:inherit;font-size:.98rem;cursor:pointer;text-align:right;width:100%}
.dnav-acc{justify-content:space-between}
.dnav-link>i,.dnav-acc>span>i{color:var(--gold-light);width:18px;text-align:center}
.dnav-acc>i:last-child{transition:transform .2s}
.dnav-acc.open>i:last-child{transform:rotate(180deg)}
.dnav-link:hover,.dnav-acc:hover,.dnav-sub:hover{background:rgba(201,162,75,.12);color:#fff}
.dnav-sub-list{display:flex;flex-direction:column;padding:2px 8px 8px;margin-inline-start:10px;border-inline-start:2px solid rgba(201,162,75,.25)}
.dnav-sub{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#b9c6d8;font-size:.9rem}
.dnav-sub i{color:var(--gold-light);width:16px;text-align:center;font-size:.8rem}
.drawer-account{padding:8px 10px 4px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}
.da-user{display:flex;align-items:center;gap:12px;padding:8px 12px 12px}
.da-avatar{width:40px;height:40px;border-radius:50%;background:var(--gold);color:#1c1408;display:grid;place-items:center;font-weight:800;flex:none}
.da-user strong{display:block;color:#fff}
.da-user span{font-size:.74rem;color:#9db0c6;word-break:break-all}
.drawer-tools{display:flex;flex-direction:column;gap:6px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}
.dtool{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#dbe4f2;font-family:inherit;font-size:.9rem;cursor:pointer}
.dtool i{color:var(--gold-light)}

@media(max-width:820px){
  .hamburger{display:flex}
  .mainnav{display:none}
  .top-icons{display:none}
  .searchbar{display:none}
  .topbar-inner{justify-content:space-between;gap:10px;padding:10px 14px}
  .brand{gap:9px;margin-inline-start:0}
  .brand-logo{width:40px;height:40px}
  .brand-txt h1{font-size:.98rem;white-space:nowrap;line-height:1.2}
  .brand-txt span{display:none}
}
@media(max-width:600px){
  .hero-search{flex-direction:column;align-items:stretch;gap:8px}
  .hero-search input{text-align:center}
  .hero-search .btn-gold,.hero-search .btn.gold{width:100%;justify-content:center}
  .home-hero h1,.hero h1,.hero h2{font-size:1.55rem}
  .bismillah,.hero-basmala{font-size:1.5rem}
  .chip,.hero-filters a,.hero-actions-row a{font-size:.8rem;padding:8px 14px}
  .brand-txt h1{font-size:.92rem;max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .section-title,.home-heading h2,.sec-head h3{font-size:1.15rem}
  .container,#app{padding-left:14px;padding-right:14px}
  .modal{padding:22px 18px}
}

/* ===== تلميع الجوال: لوحة التحكم + صفحة المادة ===== */
@media(max-width:600px){
  .admin-table thead{display:none}
  .admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}
  .admin-table{min-width:0}
  .admin-table-wrap{border:none;background:none;box-shadow:none;overflow:visible}
  .admin-table tr{background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;margin-bottom:10px;padding:2px 2px;box-shadow:var(--shadow-sm)}
  .admin-table td{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;
    border:none;border-bottom:1px solid var(--line-soft);padding:9px 14px;font-size:.88rem}
  .admin-table tr td:last-child{border-bottom:none}
  .admin-table td::before{content:attr(data-label);color:var(--text-dim);font-weight:600;font-size:.8rem}
  .admin-table td.row-actions{justify-content:flex-start;flex-wrap:wrap;gap:6px}
  .admin-table td.row-actions::before{display:none}
  .admin-head{flex-direction:column;align-items:stretch;gap:10px}
  .admin-head .btn{justify-content:center}
  .admin-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .admin-tabs::-webkit-scrollbar{display:none}
  .admin-tab{white-space:nowrap}

  .article-hero{height:180px}
  .article-hero .thumb-title{font-size:1.6rem}
  .article-body{padding:20px 16px}
  .article-body h1{font-size:1.5rem}
  .article-wrap{gap:16px}
  .aside-card{padding:14px 15px}
  .cite-text{font-size:.76rem}
  .editorial-note{flex-direction:column;align-items:stretch;gap:8px}
}

/* ===========================================================================
   إصلاح التمرير الأفقي على الجوال — تقليص أعمدة الشبكات (minmax(0,1fr))
   =========================================================================== */
.two-col-wide>*,.panel,.big-stat,.stat-box,.stat,.latest-row,.person-row,.persons-list,
.cat-card,.sec-card,.coll-card,.art-card,.mega-item,.mt-card,.about-card,.media-tile,.tl-card,
.lr-body,.person-info,.mega-txt,.star-body,.feat-text{min-width:0}

.big-stats,.stat-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.strip-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid2,.era-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
.two-col-wide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.cat-grid,.grid-sections{grid-template-columns:repeat(4,minmax(0,1fr))}
.coll-grid,.collections-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.media-teaser{grid-template-columns:repeat(6,minmax(0,1fr))}
.foot-grid{grid-template-columns:1.5fr repeat(3,minmax(0,1fr))}
.grid-articles{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.medialib-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.about-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.scroller{max-width:100%}

@media(max-width:1000px){
  .cat-grid,.grid-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coll-grid,.collections-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .media-teaser{grid-template-columns:repeat(3,minmax(0,1fr))}
  .strip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .two-col-wide{grid-template-columns:minmax(0,1fr)}
  .foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:600px){
  .cat-grid,.grid-sections,.coll-grid,.collections-grid,.media-teaser,.strip-grid,.big-stats,.stat-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}

/* حاجز أمان لمنع أي تمرير أفقي (clip لا يكسر الترويسة اللاصقة) */
html{overflow-x:clip}