/* مِرصاد — نظامُ الهوية على الويب (الإصدار ٢)
   الألوان: أخضرُ المرصد #0F2F2A · ذهبُ الرصد #C9A227 · ورقُ المرصد #F7F4EC
   القاعدة ٧٠/٢٠/١٠: ورقٌ وفاتح ٧٠٪ · أخضرُ داكن ٢٠٪ · ذهبٌ ١٠٪ (للرقم المرصود فقط)
   الخطوط: Noto Kufi Arabic (عناوين وأرقام) · Noto Naskh Arabic (متن) */
:root{--green:#0F2F2A;--green-2:#1F4D43;--green-3:#27604F;--green-tint:#DCE8E2;--gold:#C9A227;--gold-light:#EAD9A4;--paper:#F7F4EC;--paper-2:#EFEBE0;--ink:#1C2622;--muted:#6E7B74;--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}
@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(--green);line-height:1.3;margin:0 0 .55em;font-weight:700}
h1{font-size:clamp(2rem,4.4vw,3.2rem)}h2{font-size:clamp(1.45rem,2.6vw,2rem)}h3{font-size:1.25rem}h4{font-size:1.05rem}
p{margin:0 0 1.1em;max-width:var(--measure)}
a{color:var(--green-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}a:hover{color:var(--green)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
strong{color:var(--green)}
.num{font-family:var(--kufi);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;right:-999px}.skip:focus{right:var(--gutter);top:.5rem;background:var(--gold);color:var(--green);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;padding:.4rem .85rem;border:1px solid var(--rule);border-radius:2rem;color:var(--green);background:#fff;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:#fff;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;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(--green)}
.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:#fff}
.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(--green);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(--green)}
/* الرأس */
.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}
.brand{display:block;text-decoration:none;line-height:0}
.brand svg{height:3.3rem;width:auto;display:block}
.nav{display:flex;gap:1.5rem;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(--green)}
.nav-toggle{display:none;background:none;border:1px solid var(--green);border-radius:.3rem;padding:.4rem .8rem;font-family:var(--kufi);color:var(--green);cursor:pointer}
@media (max-width:900px){.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:.75rem 0;border-bottom:1px solid var(--rule)}.nav-toggle{display:inline-block}.brand svg{height:2.7rem}}
/* الواجهة */
.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(--green-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(--green);border:1px solid var(--green);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(--green);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: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(--green);border-right:4px solid var(--gold);padding:.45rem .95rem;border-radius:.2rem;background:#fff;font-size:.9rem;color:var(--green);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:6.4rem;height:6.4rem;border-radius:50%;border:2px solid var(--green);text-align:center;font-family:var(--kufi);color:var(--green);font-size:.66rem;line-height:1.25;background:#fff;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}
/* بطاقة المؤشر — كتاب الهوية */
.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{grid-template-columns:1fr}}
.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:.72rem;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}
.card .v.ref{color:#9FC3DA}.card .v.soon{color:#9FB4AA;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:.68rem;color:var(--green);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:#fff;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:#fff}
.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(--green);white-space:nowrap}
.tbl .gap{color:var(--alert)}
.scroll{overflow-x:auto}
.two{display:flex;flex-wrap:wrap;gap:3rem;align-items:flex-start}.two>div{flex:1 1 22rem}.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(5,1fr);gap:.8rem}
@media (max-width:1000px){.pillars{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.pillars{grid-template-columns:1fr}}
.pillars li{background:#fff;border:1px solid var(--rule);padding:1rem;font-size:.95rem}
.pillars li b{display:block;font-family:var(--kufi);color:var(--green);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(--green-2);background:var(--green-tint);padding:.15rem .6rem;border-radius:1rem;white-space:nowrap}
.compare{border:1px solid var(--rule);background:#fff;padding:1.4rem}
.bar{display:grid;grid-template-columns: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(--green);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(--green);display:block}.events p{margin:0;font-size:.98rem}
/* الخدماتُ الحية */
.gov-select{font-family:var(--kufi);font-size:.95rem;color:var(--green);background:#fff;border:1px solid var(--green);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:#fff;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(--gold)}
.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(--gold);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(--gold)}
.live-value .u-mark{color:var(--muted);font-size:.95rem}
.live-desc{color:var(--green-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(--green)}
.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:#fff;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:#fff;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(--green);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:#fff;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(--green);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);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(--green)}
.air-badge.air-good{background:#E4EFD9;color:#4A6B23}
.air-badge.air-ok{background:#F5EDD2;color:#7A6414}
.air-badge.air-bad{background:#F3E0D3;color:#8A5A2E}
.air-badge.air-danger{background:#F2DAD4;color:var(--alert)}
.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}}
.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(--gold);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{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}
