/* ============================================================
   design-system.css — مستنسَخٌ حرفيًّا من نظام هوية mirsad.center (style.css الإصدار ٢)
   نُسخ في 2026-09-10 من C:/mirsad/موقع_مرصاد/موقع_مرصاد/assets/style.css
   ⛔ لا يُعدَّل هنا: التمييزُ القرآنيّ (ذهبي/تركواز) في marsad.css فوقه — «أقلُّ تدخّلٍ ممكن».
   ============================================================ */
/* مِرصاد — نظامُ الهوية على الويب (الإصدار ٢)
   الألوان: أخضرُ المرصد #0F2F2A · ذهبُ الرصد #C9A227 · ورقُ المرصد #F7F4EC
   القاعدة ٧٠/٢٠/١٠: ورقٌ وفاتح ٧٠٪ · أخضرُ داكن ٢٠٪ · ذهبٌ ١٠٪ (للرقم المرصود فقط)
   الخطوط: Noto Kufi Arabic (عناوين وأرقام) · Noto Naskh Arabic (متن) */
:root{--green:#0F2F2A;--head:#0F2F2A;--head-2:#1F4D43;--line-strong:#0F2F2A;--surface-strong:#0F2F2A;--on-strong:#F7F4EC;--green-2:#1F4D43;--green-3:#27604F;--green-tint:#DCE8E2;--gold:#C9A227;--gold-light:#EAD9A4;--paper:#F7F4EC;--paper-2:#EFEBE0;--ink:#1C2622;--muted:#5A6961;--card:#FCFAF5;--on-green:#CFE0D8;--ref:#3B6E8F;--alert:#8A3B2E;--rule:#D9D3C4;--kufi:"Noto Kufi Arabic","Sakkal Majalla",system-ui,sans-serif;--naskh:"Noto Naskh Arabic","Sakkal Majalla",serif;--latin:"Inter",system-ui,sans-serif;--wrap:1200px;--gutter:clamp(1.25rem,4vw,3rem);--measure:68ch}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:calc(100% * var(--rs,1))}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--naskh);font-size:1.125rem;line-height:1.85;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--kufi);color:var(--head);line-height:1.5;margin:0 0 .55em;font-weight:700}
h3,h4{line-height:1.45}
h1{font-size:clamp(2rem,4.4vw,3.2rem)}h2{font-size:clamp(1.65rem,2.6vw,2rem)}h3{font-size:1.3rem}h4{font-size:1.05rem}
p{margin:0 0 1.1em;max-width:var(--measure)}
a{color:var(--head-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}a:hover{color:var(--head)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,output:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
strong{color:var(--head)}
.num{font-family:var(--kufi);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
/* يُقصّ لا يُزاح: الإزاحةُ بالبكسل تُنتج فيضًا أفقيًّا في RTL عند تكبير النص */
.skip{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;overflow:visible;clip-path:none;inset-inline-start:var(--gutter);top:.5rem;background:var(--gold);color:var(--head);padding:.4rem .8rem;z-index:40}
.h-rule{display:block;width:3.4rem;height:.2rem;background:var(--gold);margin-bottom:.9rem}
.h-rule.center{margin:0 auto .9rem}
/* شريط الإصدار التجريبي */
.beta-band{background:var(--green-2);color:var(--gold-light);font-family:var(--kufi);font-size:.82rem;text-align:center;padding:.35rem var(--gutter)}
.beta-band a{color:var(--gold-light)}
/* قائمة اللغات المنسدلة */
.lang-menu{position:relative;font-family:var(--latin);font-size:.88rem}
.lang-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem .85rem;border:1px solid var(--rule);border-radius:2rem;color:var(--head);background:var(--card);user-select:none;transition:border-color .2s}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary::after{content:"▾";font-size:.7rem;color:var(--muted)}
.lang-menu[open] summary,.lang-menu summary:hover{border-color:var(--gold)}
.lang-menu .lang-list{position:absolute;top:calc(100% + .45rem);inset-inline-end:0;min-width:11rem;background:var(--card);border:1px solid var(--rule);border-radius:.6rem;box-shadow:0 8px 24px rgba(15,47,42,.14);padding:.35rem;z-index:50}
.lang-menu .lang-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;text-decoration:none;border-bottom:none;padding:.5rem .7rem;border-radius:.4rem;color:var(--ink)}
.lang-menu .lang-list a:hover{background:var(--green-tint);color:var(--head)}
.lang-menu .lang-list a.on{background:var(--green);color:var(--paper)}
.lang-menu .lang-list a.on .lang-code{color:var(--gold-light)}
.lang-code{font-size:.72rem;color:var(--muted);letter-spacing:.06em}
/* شريط اللغات في الافتتاحية */
.lang-band{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--card)}
.lang-band .wrap{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding-top:.9rem;padding-bottom:.9rem}
.lang-band .lb-title{font-family:var(--kufi);color:var(--muted);font-size:.9rem}
.lang-band a{font-family:var(--latin);text-decoration:none;border-bottom:none;color:var(--head);padding:.35rem 1rem;border:1px solid var(--rule);border-radius:2rem;transition:all .2s}
.lang-band a:hover{border-color:var(--gold);background:var(--paper)}
.lang-band a.on{background:var(--green);color:var(--paper);border-color:var(--head)}
/* الرأس */
.site-head{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:30}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:5rem;flex-wrap:wrap;min-width:0}
/* الشعارُ لا ينمو مع تكبير نصِّ القارئ: الأثاثُ يبقى، والمقروءُ يكبر */
.site-head .brand img{height:calc(3.3rem / var(--rs,1))!important}
.brand{display:block;text-decoration:none;line-height:0}
.brand svg,.brand img{height:3.3rem;width:auto;display:block}
.nav{display:flex;gap:1.15rem;align-items:center}
.nav a{text-decoration:none;color:var(--ink);font-family:var(--kufi);font-size:.95rem;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a[aria-current="page"],.nav a:hover{border-color:var(--gold);color:var(--head)}
.nav-toggle{display:none;background:none;border:1px solid var(--line-strong);border-radius:.3rem;padding:.4rem .9rem;font:inherit;font-family:var(--kufi);font-size:.95rem;min-height:44px;color:var(--head);cursor:pointer}
@media (max-width:1200px){.nav{display:none;position:absolute;right:0;left:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:0;padding:.4rem var(--gutter) 1rem}.nav.open{display:flex}.nav a{padding:.85rem 0;border-bottom:1px solid var(--rule)}.nav-toggle{display:inline-block}.brand svg,.brand img{height:2.7rem}}
@media (max-width:640px){.site-head .wrap{min-height:4rem}.beta-band{font-size:.76rem;padding:.25rem var(--gutter)}.lang-band{display:none}}
/* الواجهة */
.hero{padding:clamp(2.5rem,6vw,5rem) 0 2.5rem}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr}}
.hero .lede{font-size:1.28rem}
.hero .motto{font-family:var(--kufi);color:var(--head-2);font-size:1.05rem;margin-top:1.2rem}
.cta{display:inline-block;font-family:var(--kufi);background:var(--green);color:var(--paper);text-decoration:none;padding:.65rem 1.3rem;border-radius:.3rem;margin-top:.6rem}
.cta:hover{background:var(--green-2);color:#fff}
.cta.ghost{background:transparent;color:var(--head);border:1px solid var(--line-strong);margin-right:.6rem}
.dial{position:relative;width:420px;max-width:100%;width:min(100%,420px);margin:0 auto}
.dial svg{width:100%;height:auto;display:block}
.dial .value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.dial .big{font-family:var(--kufi);font-weight:700;font-size:clamp(2.8rem,7vw,4.2rem);color:var(--head);line-height:1}
.dial .label{color:var(--muted);font-size:.95rem;margin-top:.3rem}
.dial-caption{text-align:center;margin:1rem auto 0;color:var(--muted);font-size:.95rem;max-width:none}
.dial-caption b{color:var(--ref);font-family:var(--kufi)}
@keyframes drawArc{to{stroke-dashoffset:0}}
.arc-fill{stroke-dasharray:var(--v,56) 100;stroke-dashoffset:56;animation:drawArc 1.4s cubic-bezier(.2,.7,.2,1) .25s forwards}
@media (prefers-reduced-motion:reduce){.arc-fill{stroke-dashoffset:0}}
/* شارة المنهجية */
.method{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.1rem;border:1px solid var(--line-strong);border-right:4px solid var(--gold);padding:.45rem .95rem;border-radius:.2rem;background:var(--card);font-size:.9rem;color:var(--head);font-family:var(--kufi);max-width:100%}
.method .k{color:var(--muted);font-weight:400}
.method.ref{border-color:var(--ref);border-right-color:var(--ref);color:var(--ref)}
.method.pending{border-style:dashed;border-right-style:solid;color:var(--muted);border-right-color:var(--muted)}
.stamp{display:inline-grid;place-content:center;width:7rem;height:7rem;border-radius:50%;border:2px solid var(--line-strong);text-align:center;font-family:var(--kufi);color:var(--head);font-size:.74rem;line-height:1.25;background:var(--card);position:relative;flex:none}
.stamp::after{content:"";position:absolute;inset:.35rem;border:1px solid var(--gold);border-radius:50%}
.stamp b{display:block;font-size:.8rem}
/* الأقسام */
.section{padding:3.6rem 0}.section+.section{border-top:1px solid var(--rule)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}
.section-head p{margin:0;color:var(--muted)}.section-head a{font-family:var(--kufi);font-size:.95rem;white-space:nowrap}
@media (max-width:640px){.section-head{flex-direction:column;align-items:flex-start;gap:.6rem}.section-head a,.section-head label{align-self:flex-start}}
/* بطاقة المؤشر — كتاب الهوية */
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cards{display:grid;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding-bottom:.6rem;scrollbar-width:thin}.card{min-height:auto;scroll-snap-align:start}}
.card{background:var(--green);color:var(--paper);padding:1.25rem 1.2rem 1.1rem;border-radius:.35rem;display:flex;flex-direction:column;min-height:14.5rem;position:relative}
.card .code{font-family:var(--latin);font-size:.8rem;color:#9FB4AA;letter-spacing:.06em}
.card h3{color:var(--paper);font-size:1.12rem;margin:.25rem 0 .5rem}
.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.card .v{font-family:var(--kufi);font-weight:700;font-size:2.4rem;line-height:1;color:var(--gold);margin-top:auto}
/* تباينٌ مقيس 2026-09-05: كان #9FC3DA=1.78:1 و#9FB4AA=2.10:1 — كلاهما يرسب في AA */
.card .v.ref{color:var(--ref)}.card .v.soon{color:var(--muted);font-size:1.1rem;font-weight:400}
.card .slogan{color:var(--gold-light);font-family:var(--kufi);font-size:.86rem;margin-top:.55rem;line-height:1.45}
.card .moe{color:#CFE0D8;font-size:.78rem;margin-top:.45rem;line-height:1.4;border-top:1px solid var(--green-3);padding-top:.45rem}
.card.first::before{content:"أولُ قياسٍ وطني";position:absolute;top:.9rem;left:.9rem;font-family:var(--kufi);font-size:.8rem;color:var(--head);background:var(--gold);padding:.1rem .5rem;border-radius:.2rem}
/* الشريط الأخضر */
.band{background:var(--green);color:var(--paper);padding:3.6rem 0}
.band h2,.band h3{color:var(--paper)}.band .h-rule{background:var(--gold)}.band p{color:#CFE0D8}
.band .grid{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:1.6rem}.band .grid>div{flex:1 1 16rem}
@media (max-width:820px){.band .grid{gap:1.5rem}}
.band .grid h3{color:var(--gold);font-size:1.12rem;margin-bottom:.3em}.band .grid p{font-size:1rem}
/* الوحدات */
.units{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:1000px){.units{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.units{grid-template-columns:1fr}}
.unit{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--green-2);padding:1.1rem 1.1rem 1rem}
.unit.hero-unit{border-top-color:var(--gold);background:#FBF7E8}
.unit h3{font-size:1.05rem;margin-bottom:.35em}.unit p{font-size:.95rem;color:var(--muted);margin:0}
/* جداول وقوائم */
.kv{width:100%;border-collapse:collapse;font-size:1rem}
.kv th,.kv td{text-align:right;padding:.65rem .45rem;border-bottom:1px solid var(--rule);vertical-align:top}
.kv th{width:32%;color:var(--muted);font-weight:400;font-family:var(--kufi);font-size:.92rem}
.tbl{width:100%;border-collapse:collapse;font-size:.98rem;background:var(--card)}
.tbl th{background:var(--green);color:var(--gold);font-family:var(--kufi);font-weight:700;text-align:right;padding:.7rem;font-size:.9rem}
.tbl td{padding:.7rem;border-bottom:1px solid var(--rule);vertical-align:top}
.tbl tr:nth-child(even) td{background:var(--paper-2)}
.tbl td:first-child{font-family:var(--kufi);font-weight:700;color:var(--head);white-space:nowrap}
.tbl .gap{color:var(--alert)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}.scroll .tbl{min-width:40rem}
@media (max-width:640px){.tbl td:first-child{white-space:normal}}
/* ⛔ min-width:0 إلزاميّ: بدونه لا ينكمش عنصرُ فليكس دون عرضِ محتواه،
   فجدولٌ داخل .scroll عرضُه 40rem يجرّ الصفحةَ كلَّها أفقيًّا على الجوّال. */
.two{display:flex;flex-wrap:wrap;gap:3rem;align-items:flex-start}.two>div{flex:1 1 22rem;min-width:0}.two>div:first-child{flex:1.15 1 24rem}

.steps{counter-reset:s;list-style:none;padding:0;margin:1.2rem 0;max-width:70ch}
.steps li{position:relative;padding:.9rem 3.2rem .9rem 0;border-top:1px solid var(--rule)}
.steps li::before{counter-increment:s;content:counter(s,arabic-indic);position:absolute;right:0;top:.85rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--green);color:var(--gold);font-family:var(--kufi);font-weight:700;display:grid;place-content:center}
.steps li strong{display:block}
.pillars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.8rem}
@media (max-width:560px){.pillars{grid-template-columns:1fr}}
.pillars li{background:var(--card);border:1px solid var(--rule);padding:1rem;font-size:.95rem}
.pillars li b{display:block;font-family:var(--kufi);color:var(--head);margin-bottom:.3rem}
.note{font-size:.95rem;color:var(--muted);border-right:3px solid var(--gold);padding-right:.9rem;max-width:var(--measure)}
.page-head{padding:3rem 0 1.5rem}
.page-head .code{font-family:var(--latin);color:var(--muted);font-size:.85rem}
.page-head .def{font-size:1.2rem;max-width:70ch}
.pubs{list-style:none;padding:0;margin:0}
.pub{display:grid;grid-template-columns:8rem 1fr auto;gap:1.2rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid var(--rule)}
@media (max-width:700px){.pub{grid-template-columns:1fr;gap:.3rem}}
.pub .date{color:var(--muted);font-size:.9rem;font-family:var(--kufi)}
.pub h3{margin:0 0 .2em;font-size:1.12rem}.pub h3 a{text-decoration:none}.pub p{margin:0;font-size:1rem;max-width:none}
.pub .kind{font-size:.78rem;color:var(--head-2);background:var(--green-tint);padding:.15rem .6rem;border-radius:1rem;white-space:nowrap}
.compare{border:1px solid var(--rule);background:var(--card);padding:1.4rem}
.bar{display:grid;grid-template-columns:minmax(6rem,9rem) 1fr 4.2rem;align-items:center;gap:.8rem;margin:.6rem 0;font-size:.95rem}
.bar .track{height:.7rem;background:var(--paper-2);border-radius:.35rem;overflow:hidden}
.bar .fill{height:100%;background:var(--green);border-radius:.35rem}.bar .fill.ref{background:var(--ref)}
.bar .fill.soon{background:repeating-linear-gradient(45deg,var(--rule) 0 6px,transparent 6px 12px)}
.bar .n{font-family:var(--kufi);font-weight:700;color:var(--head);text-align:left}
.events{list-style:none;margin:0;padding:0}
.events li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:.9rem 0;border-bottom:1px solid var(--rule)}
.events .cad{font-family:var(--kufi);font-size:.8rem;color:var(--gold-light);background:var(--green-2);padding:.2rem .7rem;border-radius:1rem;white-space:nowrap;margin-top:.25rem}
.events b{font-family:var(--kufi);color:var(--head);display:block}.events p{margin:0;font-size:.98rem}
/* الخدماتُ الحية */
.gov-select{font-family:var(--kufi);font-size:.95rem;color:var(--head);background:var(--card);border:1px solid var(--line-strong);border-radius:.3rem;padding:.45rem .8rem;margin-right:.5rem;cursor:pointer}
.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.live-grid.fx{grid-template-columns:1fr 1.4fr}
@media (max-width:1000px){.live-grid,.live-grid.fx{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.live-grid,.live-grid.fx{grid-template-columns:1fr}}
.live-card{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--green-2);padding:1.2rem 1.2rem 0;display:flex;flex-direction:column;opacity:.55;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease,border-color .5s ease}
.live-card.live-ready{opacity:1;transform:none;border-top-color:var(--head-2)}
.live-card.live-fail{opacity:1;transform:none;border-top-color:var(--muted)}
@media (prefers-reduced-motion:reduce){.live-card{opacity:1;transform:none}}
.live-card header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.live-card h3{margin:0;font-size:1.05rem}
.live-ico{display:grid;place-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--green);color:var(--paper);font-size:1.05rem;flex:none}
.live-value{display:flex;align-items:baseline;gap:.35rem}
.live-value .big{font-family:var(--kufi);font-weight:700;font-size:2.6rem;line-height:1;color:var(--head)}
.live-value .u-mark{color:var(--muted);font-size:.95rem}
.live-desc{color:var(--head-2);font-family:var(--kufi);font-size:.95rem;margin:.35rem 0 .6rem}
.live-kv{list-style:none;margin:0;padding:0;font-size:.92rem}
.live-kv li{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;border-top:1px solid var(--paper-2)}
.live-kv li span{color:var(--muted)}
.live-kv li b{font-family:var(--kufi);color:var(--head)}
.live-kv.times{display:grid;grid-template-columns:1fr 1fr;column-gap:1.4rem}
.live-src{margin-top:auto;border-top:1px solid var(--rule);padding:.55rem 0 .8rem;font-size:.78rem;color:var(--muted);font-family:var(--kufi)}
/* مكتبة مرصاد */
.ask-box{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--gold);padding:1.6rem 1.6rem 1.2rem;max-width:56rem;margin:0 auto 1.4rem}
.ask-form{display:flex;gap:.6rem;flex-wrap:wrap}
.ask-form input{flex:1 1 18rem;font-family:var(--naskh);font-size:1.1rem;padding:.7rem 1rem;border:1px solid var(--rule);border-radius:.4rem;background:var(--paper)}
.ask-form input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.ask-form .cta{margin-top:0;white-space:nowrap}
.lib-results{max-width:56rem;margin:0 auto;display:grid;gap:.7rem}
.lib-card{background:var(--card);border:1px solid var(--rule);border-inline-start:4px solid var(--green-2);padding:.85rem 1.1rem;transition:border-color .2s}
.lib-card:hover{border-inline-start-color:var(--gold)}
.lib-card h3{font-size:1.05rem;margin:0 0 .25rem}
.lib-card h3 a{text-decoration:none}
.lib-meta{margin:0;font-size:.85rem;color:var(--muted);font-family:var(--kufi)}
.lib-src{background:var(--green-tint);color:var(--head);border-radius:1rem;padding:.05rem .55rem;font-size:.75rem}
.tg-latest{display:grid;gap:.45rem}
.tg-item{display:flex;justify-content:space-between;gap:.8rem;align-items:center;background:var(--green-2);color:var(--paper);text-decoration:none;border-bottom:none;padding:.55rem .85rem;border-radius:.45rem;font-size:.9rem;transition:background .2s}
.tg-item:hover{background:var(--green-3);color:#fff}
.tg-item .tg-go{color:var(--gold)}
/* موجز سورية */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:1000px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.news-grid{grid-template-columns:1fr}}
.news-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--green-2);text-decoration:none;color:var(--ink);overflow:hidden;transition:border-color .25s,transform .25s}
.news-card:hover{border-top-color:var(--gold);transform:translateY(-2px);color:var(--ink)}
.news-card.lead{grid-column:span 2;flex-direction:row}
@media (max-width:640px){.news-card.lead{grid-column:span 1;flex-direction:column}}
.news-img{display:block;flex:1 1 45%;min-height:9rem;max-height:13rem;overflow:hidden;background:var(--green-tint)}
.news-img img{width:100%;height:100%;object-fit:cover;display:block}
.news-card:not(.lead) .news-img{max-height:9rem;flex:none}
.news-body{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1rem 1rem;flex:1}
.news-body b{font-family:var(--kufi);font-size:.98rem;line-height:1.55;color:var(--head);font-weight:700}
.news-card.lead .news-body b{font-size:1.15rem}
.news-meta{margin-top:auto;font-size:.8rem;color:var(--muted);font-family:var(--kufi)}
.news-src{color:var(--gold-light);background:var(--green);padding:.06rem .55rem;border-radius:1rem;font-size:.75rem}
/* أيقونات الطقس المتحركة */
.w-hero{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.w-art{width:5.6rem;height:5.6rem;flex:none}
.w-art svg{width:100%;height:100%;display:block}
.kv-ico{display:inline-flex;width:1.25rem;height:1.25rem;margin-inline-end:.35rem;vertical-align:middle;flex:none}
.kv-ico svg{width:100%;height:100%}
.live-kv li{align-items:center}
.live-kv li span:first-child+span{color:var(--muted)}
@keyframes wx-spin{to{transform:rotate(360deg)}}
.wx-rays{transform-origin:32px 32px;animation:wx-spin 36s linear infinite}
@keyframes wx-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.wx-cloud{animation:wx-drift 5.5s ease-in-out infinite}
@keyframes wx-fall{0%{transform:translateY(-3px);opacity:0}25%{opacity:1}90%{opacity:1}100%{transform:translateY(6px);opacity:0}}
.wx-drops line,.wx-flakes circle{animation:wx-fall 1.6s linear infinite}
.wx-drops line:nth-child(2),.wx-flakes circle:nth-child(2){animation-delay:.55s}
.wx-drops line:nth-child(3),.wx-flakes circle:nth-child(3){animation-delay:1.1s}
@keyframes wx-flash{0%,84%,100%{opacity:1}88%,96%{opacity:.15}}
.wx-bolt{animation:wx-flash 3.4s ease-in-out infinite}
@keyframes wx-haze{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
.wx-fog{animation:wx-haze 4.5s ease-in-out infinite}
.air-badge{display:inline-block;font-family:var(--kufi);font-size:.85rem;padding:.08rem .6rem;border-radius:1rem;background:var(--paper-2);color:var(--head)}
.air-badge.air-good{background:#E4EFD9;color:#4E6E26}
.air-badge.air-ok{background:var(--gold-light);color:#7A6414}
.air-badge.air-bad{background:#F3E0D3;color:var(--alert)}
.air-badge.air-danger{background:var(--alert);color:var(--paper)}
.fx-form{display:grid;grid-template-columns:1fr auto auto 1fr auto;gap:.6rem;align-items:center}
@media (max-width:640px){.fx-form{grid-template-columns:1fr 1fr;grid-template-areas:"amt from" "out out" "to to"}.fx-form input{grid-area:amt}#fx-from{grid-area:from}#fx-to{grid-area:to}.fx-form output{grid-area:out;font-size:1.8rem;padding:.4rem 0}.fx-eq{display:none}}
.fx-form input,.fx-form select{font-family:var(--kufi);font-size:1rem;padding:.5rem .6rem;border:1px solid var(--rule);border-radius:.3rem;background:var(--paper);color:var(--ink);min-width:0}
.fx-form output{font-weight:700;font-size:1.5rem;color:var(--head);text-align:center;min-width:6ch}
.fx-eq{color:var(--muted);font-size:1.2rem;text-align:center}
/* التذييل */
.site-foot{background:var(--green);color:#CFE0D8;padding:3rem 0 2rem;margin-top:3rem;font-size:.95rem}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:2rem}.site-foot .wrap>div:first-child{flex:1.6 1 20rem}.site-foot .wrap>div{flex:1 1 11rem}

.site-foot .logo svg{height:3.2rem;width:auto;display:block;margin-bottom:.8rem}
.site-foot h4,.site-foot .foot-h{font-size:1rem;font-family:var(--kufi);color:var(--gold);margin-bottom:.6em}
.site-foot a{color:var(--paper);text-decoration:none}.site-foot a:hover{color:var(--gold-light);text-decoration:underline}
.site-foot ul{list-style:none;padding:0;margin:0}.site-foot li{margin:.3rem 0}
.site-foot .motto{color:var(--gold-light);font-family:var(--kufi)}
.site-foot .fine{flex:1 1 100%!important;border-top:1px solid var(--green-3);padding-top:1rem;color:#9FB4AA;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.latin{font-family:var(--latin);direction:ltr;letter-spacing:.12em}

/* عدّاد قناة المكتبة السورية */
.tg-count{color:#CFE0D8;font-size:.92rem;margin:0 0 .6rem;line-height:1.7}
.tg-count .num{color:var(--gold)}

/* كتاب اليوم */
.bod{background:var(--green);color:var(--paper);padding:1.7rem 1.9rem;border-radius:.4rem;display:grid;grid-template-columns:1fr 13rem;gap:1.4rem;align-items:start;border-top:3px solid var(--gold);animation:fadeIn .35s ease}
.bod-date{color:var(--gold);font-family:var(--kufi);font-size:.92rem;margin:0 0 .2rem;display:flex;flex-wrap:wrap;gap:.3rem 1rem}
.bod-hijri{color:#CFE0D8}
.bod h3{font-size:1.55rem;line-height:1.5;margin:.25rem 0 .4rem;color:var(--paper)}
.bod h3 a{color:var(--paper);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.bod h3 a:hover{border-bottom-color:var(--gold)}
.bod-occ{display:inline-block;background:var(--gold);color:var(--head);padding:.05rem .6rem;border-radius:.3rem;font-size:.85rem;margin-inline-start:.6rem;vertical-align:middle;font-family:var(--kufi)}
.bod-meta{color:#CFE0D8;font-size:.95rem;margin:0 0 .5rem}
.bod-cap{color:#E6EEE9;font-size:.98rem;line-height:1.8;margin:0 0 .8rem;border-inline-start:3px solid var(--gold);padding-inline-start:.8rem}
.bod-cta{background:var(--gold);color:var(--head);margin-top:.3rem}
.bod-nav{display:grid;gap:.5rem}
.bod-nav button{min-height:44px;background:transparent;color:var(--paper);border:1px solid #CFE0D8;padding:.45rem .9rem;border-radius:.35rem;cursor:pointer;font-family:inherit;font-size:.95rem;transition:background .2s,border-color .2s}
.bod-nav button:hover:not(:disabled){background:var(--green-2);border-color:var(--gold)}
.bod-nav button:disabled{opacity:.4;cursor:default}
.bod-count{color:#CFE0D8;font-size:.85rem;margin:.3rem 0 0;text-align:center}
@media (max-width:760px){.bod{grid-template-columns:1fr;padding:1.3rem 1.2rem}.bod h3{font-size:1.3rem}.bod-nav{grid-template-columns:1fr 1fr}.bod-count{grid-column:1/-1}}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* رفوف المكتبات الأخرى (صفحات المكتبة المترجمة) */
.shelves{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.5rem;max-width:60ch}
.shelves li a{display:block;background:var(--green-2);color:var(--paper);text-decoration:none;border-bottom:none;padding:.7rem 1rem;border-radius:.4rem;transition:background .2s}
.shelves li a:hover{background:var(--green-3);color:#fff}

/* اللغات في التذييل (بدل الشريط العلوي) */
.foot-langs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1.4rem 0 .2rem;color:#CFE0D8;font-size:.92rem}
.foot-langs span{margin-inline-end:.4rem}
.foot-langs a{border:1px solid #6E8A80;border-radius:2rem;padding:.25rem .85rem;color:var(--paper);text-decoration:none;border-bottom-width:1px;min-height:36px;display:inline-flex;align-items:center;transition:background .2s,border-color .2s}
.foot-langs a:hover{border-color:var(--gold);color:#fff}
.foot-langs a.on{background:var(--gold);color:var(--head);border-color:var(--gold)}
/* بطاقة المكتبة في صفحة الخدمات */
.svc-lib-card{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;background:var(--green);color:var(--paper);padding:1.4rem 1.8rem;border-radius:.4rem;border-top:3px solid var(--gold);text-decoration:none;border-bottom:none;transition:background .2s}
.svc-lib-card:hover{background:var(--green-2)}
.svc-lib-card h2{color:var(--paper);margin:.2rem 0 .4rem;font-size:1.35rem}
.svc-lib-card p{color:#CFE0D8;margin:0;max-width:62ch}
.svc-lib-card .code{color:var(--gold)}
.svc-lib-card .cta{background:var(--gold);color:var(--head);white-space:nowrap}
@media (max-width:760px){.svc-lib-card{flex-direction:column;align-items:flex-start}}

/* تبويبات الخدمات تحت الرأس */
.subnav{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 1px 0 rgba(15,47,42,.04)}
.subnav .wrap{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;padding-top:.35rem;padding-bottom:.35rem}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:.4rem;color:var(--head-2);text-decoration:none;border-bottom:2px solid transparent;font-family:var(--kufi);font-size:.95rem;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.subnav a:hover{background:var(--card)}
.subnav a.on{color:var(--head);border-bottom-color:var(--gold);background:var(--card)}
[id="lib"],[id="news"],[id="gov"],[id="fx"],[id="wb"]{scroll-margin-top:4.2rem}

/* ===== الحركات (motion.js) — هادئة، 200–600ms، تحترم prefers-reduced-motion ===== */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.js .cards > li.reveal{transform:translateY(18px) scale(.985)}
.js .cards > li.reveal.in{transform:none}
.arc-fill{transition:stroke-dasharray 1.4s cubic-bezier(.2,.7,.2,1)}
.read-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);z-index:60;pointer-events:none;transition:transform .12s linear}
[dir="rtl"] .read-progress{transform-origin:100% 50%}
.js.page-enter body{opacity:0;transition:opacity .28s ease}
.js.page-enter.page-ready body{opacity:1}
.js.page-leave body{opacity:0;transition:opacity .18s ease}
.js img{transition:opacity .45s ease}
.js img:not(.loaded){opacity:0}
.js img.loaded{opacity:1}
/* حركات دقيقة */
.card,.lib-card,.pub,.live-card,.svc-lib-card,.bod,.news-card,.tg-item{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .2s ease,background .2s ease}
.card:hover,.live-card:hover,.svc-lib-card:hover,.news-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -14px rgba(15,47,42,.45)}
.lib-card:hover,.pub:hover{transform:translateX(-2px)}
[dir="ltr"] .lib-card:hover,[dir="ltr"] .pub:hover{transform:translateX(2px)}
.cta{transition:transform .18s ease,background .2s ease,box-shadow .2s ease}
.cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(15,47,42,.55)}
.cta:active{transform:translateY(0) scale(.98)}
.nav a{position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-.15rem;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:50% 50%;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.h-rule{transform-origin:100% 50%;animation:ruleIn .7s cubic-bezier(.2,.7,.2,1) both}
[dir="ltr"] .h-rule{transform-origin:0 50%}
@keyframes ruleIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.w-art{animation:breathe 4.5s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.beta-band a,.foot-langs a,.subnav a{transition:color .2s ease,background .2s ease,border-color .2s ease}
@media (prefers-reduced-motion:reduce){
  .js .reveal,.js .cards > li.reveal{opacity:1;transform:none;transition:none}
  .arc-fill,.card,.lib-card,.pub,.live-card,.cta,.nav a::after,img{transition:none!important}
  .h-rule,.w-art{animation:none!important}
  .read-progress{display:none}
  .js.page-enter body,.js.page-leave body{opacity:1;transition:none}
}

/* ——— صقلُ الجوّال (2026-09-04 · مقيسٌ على 375×812) —————————————————————
   ① الرأسُ كان يفيض 5–37px فتتأرجح الصفحةُ أفقيًّا: فجواتٌ أضيق وشعارٌ أصغر
      واسمُ اللغة يُطوى إلى أيقونةِ الكرة الأرضية (الزرُّ يبقى ≥44px للإبهام).
   ② حقلُ بحث المكتبة كان يفيض 123px: min-width:auto على عنصرِ فليكس يمنع انكماشَه.
   ③ روابطُ التذييل كانت 26px — دون ما تطاله الإبهام بثقة. */
.ask-form input{min-width:0}
@media (max-width:560px){
  .ask-form input{flex:1 1 100%}
  .ask-form .cta{flex:1 1 100%;text-align:center}
}
@media (max-width:700px){
  .site-head .wrap{gap:.55rem}
  .brand svg,.brand img{height:2.25rem}
  .lang-menu{font-size:.82rem}
  .lang-menu summary{padding:.4rem .6rem;gap:.3rem}
  .lang-name{display:none}
  .nav-toggle{padding:.4rem .75rem}
  .site-foot li{margin:0}
  .site-foot li a{display:inline-block;padding:.45rem 0}
}

/* ——— مناسبةُ اليوم وآيةُ اليوم (2026-09-05) ——————————————————————— */
.occ{margin:.55rem 0 .2rem;padding-top:.6rem;border-top:1px dashed var(--rule);
     display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.occ .occ-lbl{font-family:var(--kufi);font-size:.78rem;color:var(--muted);margin-inline-end:.15rem}
.occ .occ-tag{font-family:var(--kufi);font-size:.8rem;line-height:1.5;border-radius:1rem;
     padding:.12rem .6rem;background:var(--green-tint);color:var(--head);border:1px solid var(--rule)}
.occ .occ-tag.is-holiday{background:var(--green);color:var(--gold-light);border-color:var(--head)}
.occ .occ-tag.is-memorial{background:transparent;color:var(--alert);border-color:var(--alert)}
.occ .occ-next{font-family:var(--kufi);font-size:.8rem;color:var(--muted)}

.ayah-band{margin-top:1.2rem;background:var(--card);border:1px solid var(--rule);
     border-top:3px solid var(--gold);border-radius:.4rem;padding:1.3rem 1.6rem 1rem;text-align:center}
.ayah-band .ayah-head{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}
.ayah-band .h-rule{width:2.2rem;margin:0}
.ayah-band h3{font-family:var(--kufi);color:var(--head);font-size:1rem;margin:0}
.ayah-theme{font-family:var(--kufi);font-size:.78rem;color:var(--muted);
     border:1px solid var(--rule);border-radius:1rem;padding:.1rem .6rem}
.ayah-text{font-family:var(--naskh);font-size:1.45rem;line-height:2.35;color:var(--ink);
     margin:.2rem auto .7rem;max-width:52rem;text-wrap:balance}
.ayah-ref{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;align-items:baseline;
     font-family:var(--kufi);font-size:.85rem;color:var(--head-2);margin:0}
.ayah-ref .ayah-src{color:var(--muted);font-size:.78rem}
@media (max-width:700px){
  .ayah-band{padding:1rem .85rem .8rem}
  .ayah-text{font-size:1.2rem;line-height:2.15}
}
/* النصُّ العربيُّ تحت الترجمة على صفحات اللغات */
.ayah-arabic{font-family:var(--naskh);font-size:1.15rem;line-height:2.2;color:var(--muted);
     margin:.1rem auto .7rem;max-width:46rem;direction:rtl}
@media (max-width:700px){.ayah-arabic{font-size:1rem;line-height:2}}
/* ترجمةٌ بالحرف العربي (السورانيّة) على صفحةٍ لاتينية: خطُّ النسخ ومقاسٌ مريح */
.ayah-text.is-arabic-script{font-family:var(--naskh);font-size:1.3rem;line-height:2.3}
@media (max-width:700px){.ayah-text.is-arabic-script{font-size:1.12rem}}

/* ——— صفحةُ المنصّات (2026-09-05) ————————————————————————————————— */
.soc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.9rem}
.soc-card{display:flex;align-items:center;gap:.85rem;background:var(--card);
  border:1px solid var(--rule);border-radius:.45rem;padding:1rem 1.1rem;text-decoration:none;
  color:var(--ink);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
a.soc-card:hover{border-color:var(--gold);transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(15,47,42,.08)}
.soc-card:not(.is-live){opacity:.72}
.soc-ico{flex:0 0 auto;display:grid;place-items:center;width:2.6rem;height:2.6rem;
  border-radius:.4rem;background:var(--green);color:var(--gold-light)}
.soc-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.soc-name{font-family:var(--kufi);color:var(--head);font-size:1rem;
  display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.soc-role{color:var(--muted);font-size:.88rem;line-height:1.6}
.soc-live,.soc-soon{font-family:var(--kufi);font-size:.7rem;border-radius:1rem;padding:.05rem .5rem}
.soc-live{background:var(--green);color:var(--gold-light)}
.soc-soon{background:var(--paper-2);color:var(--muted);border:1px solid var(--rule)}
.soc-go{margin-inline-start:auto;color:var(--head-2);font-size:1.1rem}
.red-lines{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.5rem}
.red-lines li{padding:.55rem .9rem;background:var(--card);border:1px solid var(--rule);
  border-inline-start:3px solid var(--alert);border-radius:0 .35rem .35rem 0;line-height:1.9}
@media (max-width:700px){.soc-card{padding:.8rem .85rem;gap:.65rem}}

/* ——— فصلُ «المرجع» عن «قياسنا» (تحكيم 2026-09-05) —————————————————
   القرصُ في الصدارة كان يعرض رقمَ غيرنا بأخضر مِرصاد وذهبه، والتمييزُ سطرٌ صغير.
   صار: مسارٌ متقطّع · قوسٌ ومؤشّرٌ بلون المرجع · وشارةٌ صريحةٌ فوق الرقم. */
.not-ours{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--kufi);
  font-size:.7rem;line-height:1.5;color:var(--ref);background:var(--card);
  border:1px solid var(--ref);border-radius:1rem;padding:.1rem .6rem;margin-bottom:.35rem;
  white-space:nowrap}
.dial .big{color:var(--ref)}
@media (max-width:700px){.not-ours{font-size:.64rem;padding:.05rem .45rem}}

/* ——— ورقةُ ما نعرفه اليوم (2026-09-06) ————————————————————————— */
.kn-cards{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
/* البطاقةُ خضراءُ داكنةٌ بالتصميم العام (.card) — فالرقمُ ذهبٌ لا أخضر (٥٫٩٤:١ مقيسًا)،
   وبطاقةُ الصفر بلونٍ دافئٍ فاتحٍ يُقرأ عليها (٦٫٧٧:١) لا بـ--alert الداكن. */
.kn-cards .card{align-items:center;text-align:center;padding:1.4rem .9rem;
  justify-content:center;min-height:11rem}
.kn-cards .v{font-size:2.8rem;margin-top:0;margin-bottom:.5rem}
.kn-cards .v.alert-v{color:#E9A08F}
.kn-cards .slogan{color:var(--on-green);font-size:.9rem;line-height:1.7;max-width:16rem}
.kn-ladder{counter-reset:kn}
.kn-ladder li b{color:var(--head)}
.kn-tbl td:first-child{white-space:normal}
.ladder-bar{display:block;height:.55rem;border-radius:.3rem;background:var(--green-tint);
  position:relative;min-width:5rem}
.ladder-bar::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;
  width:calc(var(--w,0) * 1%);background:var(--green);border-radius:.3rem}
.lede-q{font-family:var(--naskh);font-size:1.25rem;line-height:2.1;color:var(--ink);
  border-inline-start:3px solid var(--gold);padding-inline-start:1rem;max-width:46rem}
@media (max-width:700px){.kn-cards .v{font-size:2.2rem}.lede-q{font-size:1.08rem}}

/* بطاقةُ «مِرصاد اليوميّ» — تُميَّز عن بطاقة المكتبة كي لا تُقرأ بحثًا (فصلُ 2026-09-06) */
.daily-card{background:var(--paper-2);border-inline-start:3px solid var(--ref)}
.daily-card .code{color:var(--ref)}

/* ————— إطارُ المعاينة وخريطةُ التغطية وبروتوكولُ السلامة (توصياتُ التحكيم ①–⑤) ————— */
.cov-legend{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.1rem;font-size:.95rem}
.cov-key{display:flex;align-items:flex-start;gap:.5rem;flex:1 1 20rem;max-width:34rem;line-height:1.7;min-width:0}
.cov-key i{flex:none;width:1rem;height:1rem;border-radius:.28rem;margin-top:.42rem}
.cov-dot{display:inline-block;width:.62rem;height:.62rem;border-radius:50%;margin-inline-end:.45rem;vertical-align:.05em}
.tbl tr.tot td{background:var(--green);color:var(--gold-light);font-weight:700;border-bottom:none}
.tbl tr.tot td:first-child{color:var(--gold);background:var(--green)}
ul.chk{list-style:none;padding:0;margin:.5rem 0}
ul.chk li{position:relative;padding-inline-start:1.5rem;margin:.6rem 0;line-height:1.8}
ul.chk li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--gold);font-weight:700}
.band ul.chk li{color:#CFE0D8}
#coverage svg{display:block;margin:.6rem auto 0}
.ns-note{margin:0;background:var(--paper-2);border-bottom:1px solid var(--rule);color:var(--muted);font-size:.92rem;padding:.6rem var(--gutter);text-align:center}
.mod-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}
.mod-chip{display:inline-flex;align-items:baseline;gap:.4rem;background:var(--card);
  border:1px solid var(--rule);border-radius:1.2rem;padding:.25rem .75rem;font-size:.9rem}
.mod-chip code{font-family:var(--latin);font-size:.76rem;color:var(--gold);letter-spacing:.02em}
.mod-chip span{font-family:var(--kufi);font-size:.85rem;color:var(--head)}
/* ————— حجمُ نصِّ القارئ (أداةُ الرأس) ————— */
.rsz{display:inline-flex;align-items:center;gap:.15rem;border:1px solid var(--rule);
  border-radius:2rem;padding:.15rem;background:var(--card);flex:none}
.rsz button{font-family:var(--kufi);font-weight:700;color:var(--head);background:transparent;
  border:0;border-radius:50%;cursor:pointer;line-height:1;padding:0;
  min-width:2.05rem;min-height:2.05rem;display:inline-flex;align-items:center;justify-content:center;
  transition:background .18s,color .18s}
.rsz button:hover:not(:disabled){background:var(--green-tint)}
.rsz button:disabled{color:var(--rule);cursor:default}
.rsz .sm{font-size:.82rem}.rsz .lg{font-size:1.18rem}
.rsz output{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (max-width:420px){.rsz button{min-width:1.9rem;min-height:1.9rem}}

/* ————————————— الوضعُ الليليّ —————————————
   طلبُ المؤلّف (2026-09-09): «يمكن للمستخدم أن يختار الوضع الليلي فيبقى عليه
   طوال التصفّح ولو بكلّ اللغات، ويحفظ اختيارَه».

   المبدأ: **لا يُعاد تلوينُ كلِّ عنصر** — تُبدَّل الرموزُ وحدَها. ولأنّ
   `--green` كان يؤدّي دورَين (نصُّ العناوين، وأرضُ الكتل الداكنة) فُصل إلى
   `--head` للنصّ و`--surface-strong` للأرض — وإلّا انقلب أحدُهما على الآخر.
   والأرضُ الداكنةُ تبقى داكنةً في الليل، لكنّها تُرفع درجةً كي تنفصل عن الصفحة. */
:root[data-theme="dark"]{
  --paper:#0E1613;--paper-2:#131D19;--card:#15201C;
  --ink:#E6ECE7;--muted:#A0AFA6;--rule:#28362F;--green-tint:#1A2A24;
  --head:#D9E7DF;--head-2:#8FD0B8;--line-strong:#3C5A50;
  --surface-strong:#16342D;--on-strong:#E6ECE7;
  --gold:#D9B84A;--gold-light:#EBD9A6;--ref:#7FB2D0;--alert:#D9705E;
  --green:#16342D;--green-2:#1E4A40;--green-3:#27604F;
  color-scheme:dark;
}
:root[data-theme="dark"] img,:root[data-theme="dark"] svg image{filter:brightness(.92)}
:root[data-theme="dark"] .site-foot{color:var(--on-strong)}
:root[data-theme="dark"] .cta{color:var(--on-strong)}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .band,
:root[data-theme="dark"] .bod,:root[data-theme="dark"] .svc-lib-card{color:var(--on-strong)}
:root[data-theme="dark"] .lang-menu .lang-list a.on,
:root[data-theme="dark"] .lang-band a.on{color:var(--on-strong)}
:root[data-theme="dark"] .live-ico{color:var(--on-strong)}

/* زرُّ الوضع الليليّ */
.thm{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;
  min-height:44px;padding:.35rem .6rem;border:1px solid var(--rule);border-radius:2rem;
  background:var(--card);color:var(--head);cursor:pointer;font:inherit;font-size:1rem;
  transition:border-color .2s,background .2s}
.thm:hover{border-color:var(--gold)}
.thm .thm-i{line-height:1}
/* شعارُ الترويسة مرسومٌ على أرضٍ كريميةٍ داخل الملفّ نفسِه، فيظهر لوحًا أبيضَ في
   الليل. ولدينا نسخةٌ للأرض الداكنة أصلًا — تُوضع خلفيةً ويُخفى الأصلُ مع حفظ حجمه
   (visibility لا display، وإلّا انهار ارتفاعُ الترويسة). */
:root[data-theme="dark"] .brand{background:url("/assets/logo/marsad_mark_on_green.svg") center/contain no-repeat;border-radius:.3rem}
:root[data-theme="dark"] .brand img{visibility:hidden}
:root[data-theme="dark"] .site-foot .logo img{filter:none}

/* ————————————— مدخلُ حَيِّز العمل —————————————
   بابٌ معلَنٌ للفريق في ذيل كلِّ صفحة: يشرح ولا يزعج، ويُظهر عددًا مقيسًا
   لا دعوى. والدخولُ نفسُه عند البوّابة لا هنا. */
.ws-entry{border-top:1px solid var(--rule);background:var(--paper-2);padding:2.2rem 0}
.ws-eyebrow{font-family:var(--kufi);font-size:.78rem;letter-spacing:.12em;
  color:var(--muted);margin:0 0 .5rem;text-transform:uppercase}
.ws-entry-row{display:flex;gap:1.8rem;align-items:center;flex-wrap:wrap}
.ws-entry-row>div{flex:1 1 26rem}
.ws-entry-h{font-size:1.45rem;margin:0 0 .35rem}
.ws-entry-lede{margin:0 0 .8rem;color:var(--muted);max-width:62ch;font-size:.98rem}
.ws-entry-nums{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin:0;max-width:none}
.ws-entry-nums span{display:flex;align-items:baseline;gap:.35rem;font-size:.86rem;color:var(--muted)}
.ws-entry-nums b{font-family:var(--kufi);font-size:1.15rem;color:var(--head)}
.ws-entry-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--kufi);
  background:var(--surface-strong);color:var(--on-strong);text-decoration:none;
  padding:.7rem 1.5rem;border-radius:.35rem;border-top:2px solid var(--gold);
  min-height:44px;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.ws-entry-btn:hover{color:var(--on-strong);transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(15,47,42,.18)}
.ws-dialog{max-width:34rem;border:1px solid var(--rule);border-radius:.6rem;
  padding:1.6rem 1.7rem;background:var(--card);color:var(--ink)}
.ws-dialog::backdrop{background:rgba(14,22,19,.55)}
.ws-dialog h2{font-size:1.4rem;margin:0 0 .6rem}
.ws-dialog h3{font-size:1rem;margin:1.1rem 0 .3rem}
.ws-dialog p{margin:0 0 .5rem;font-size:.96rem;max-width:none}
.ws-dlg-for{color:var(--muted);font-size:.92rem;border-inline-start:3px solid var(--gold);
  padding-inline-start:.8rem}
.ws-dlg-act{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:1.2rem 0 .6rem}
.ws-dlg-x{font:inherit;font-family:var(--kufi);background:transparent;color:var(--muted);
  border:1px solid var(--rule);border-radius:.35rem;padding:.6rem 1.1rem;min-height:44px;cursor:pointer}
.ws-dlg-x:hover{border-color:var(--gold);color:var(--head)}
.ws-dlg-note{color:var(--muted);font-size:.88rem;border-top:1px solid var(--rule);padding-top:.7rem}
@media(max-width:640px){.ws-entry-btn{width:100%;justify-content:center}}