/* namafar.com: لایه روی site.css برای زبان‌های چپ‌به‌راست و فونت هر خط. site.css برای فارسی نوشته شده؛
   این‌جا فقط چیزهایی که در LTR برعکس می‌شوند، و چند جزء خاص نسخه بین‌المللی (زبان‌گزین، جعبه درخواست، یادداشت ترجمه). */
html[lang=en] body,html[lang=es] body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.65}
html[lang=zh] body{font-family:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75}
html[lang=ar] body{font-family:Tahoma,"Noto Naskh Arabic","Segoe UI",sans-serif}
html[lang=ur] body{font-family:"Noto Naskh Arabic",Tahoma,"Segoe UI",sans-serif;line-height:2}
html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3{letter-spacing:-.01em}
/* عربی و اردو: فاصله‌گذاری حروف پیوستگی خط را می‌شکند */
html[dir=rtl] .sc,html[dir=rtl] .ihero .kick{letter-spacing:0;text-transform:none}

/* LTR: آن چند قاعده فیزیکی site.css */
html[dir=ltr] table.data th,html[dir=ltr] table.data td{text-align:left}
html[dir=ltr] table.data td{font-variant-numeric:tabular-nums;text-align:right}
html[dir=ltr] .fab{right:auto;left:18px;align-items:flex-start}
html[dir=ltr] .fab span{right:auto;left:58px;direction:ltr}
@media (max-width:560px){html[dir=ltr] .fab{left:12px}}
html[dir=ltr] .guides li::before{content:"→"}

/* زبان‌گزین سربرگ */
.langs{display:flex;gap:2px;align-items:center;flex:none}
.langs a{text-decoration:none;font-size:13px;color:#C9CDE6;padding:6px 8px;border-radius:8px;white-space:nowrap}
.langs a:hover{background:rgba(255,255,255,.08);color:#fff}
.langs a[aria-current]{color:#fff;background:rgba(255,255,255,.1)}
.langs .fa{font-family:'Abar',Tahoma,sans-serif}
.mnav .langs{flex-wrap:wrap}
/* موبایل: زبان‌گزین و دکمه درخواست در کشوی منو می‌روند (همان‌جا هستند) تا سربرگ از پهنا بیرون نزند */
.top.narrow > .in > .langs{display:none}
@media (max-width:900px){.top > .in > .langs{display:none}}
@media (max-width:560px){.top > .in > .act{display:none}}
.brand .wm{font-weight:700;font-size:17px;color:#fff;letter-spacing:.01em}

/* یادداشت ترجمه ماشینی و پیوند به نسخه فارسی */
.mtnote{font-size:13px;color:var(--ink3);border-top:1px solid var(--hair);margin-top:14px;padding-top:10px}
.mtnote a{color:var(--turqd)}
.yearnote{font-size:12.5px;color:var(--ink3);margin:6px 0 0}

/* صفحه اول */
.ihero{background:var(--navy2);color:#fff;padding:56px 0 48px}
.ihero .kick{color:var(--turq);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.ihero h1{font-size:clamp(28px,4.4vw,46px);line-height:1.15;margin:0 0 14px;max-width:820px}
.ihero p{color:#C9CDE6;font-size:17px;max-width:720px;margin:0 0 22px}
.ihero .ctas{display:flex;gap:10px;flex-wrap:wrap}
.ihero .btn.line{color:#fff;border-color:rgba(255,255,255,.35)}
.inums{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px}
.inums b{display:block;font-size:28px;color:#fff;line-height:1.1}
.inums span{font-size:13px;color:#AEB3D2}
.isec{margin:34px 0}
.isec .sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.isec .sh a{color:var(--turqd);text-decoration:none;font-size:14px}

/* دامنه داده: ایران / جهان — خواننده خارجی باید فورا ببیند بیشتر داده‌ها از داخل ایران است */
.sc{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:1px 7px;line-height:1.7}
.sc-iran{background:rgba(57,185,200,.14);color:var(--turqd)}
.sc-world{background:rgba(43,48,84,.08);color:var(--ink2)}
.sc-both{background:rgba(176,132,0,.12);color:#8a6a00}
.chip.sc-chip{font-weight:700}
.head .chip.sc-iran{color:#8FE3EC;background:rgba(57,185,200,.2);border-color:rgba(57,185,200,.45)}
.head .chip.sc-both{color:#F2D27A;background:rgba(242,210,122,.14)}
.datanote p{margin:0 0 8px;font-size:14px;color:var(--ink2)}
.datanote.sc-iran{border-inline-start:3px solid var(--turq)}
.filters.scopes{margin-bottom:4px}
.iwhy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.iwhy div{background:var(--surface);border:1px solid var(--hair);border-radius:14px;padding:16px 18px}
.iwhy b{display:block;font-size:16px;margin-bottom:4px}
.iwhy p{margin:0;color:var(--ink2);font-size:14.5px}
@media (max-width:760px){.iwhy{grid-template-columns:1fr}}

/* فرم‌های حساب: site.css به label نمایش flex می‌دهد و hidden را بی‌اثر می‌کند؛ تله ربات هم باید دیده نشود */
.intl-auth [hidden]{display:none!important}
.intl-auth .hp{position:absolute;inset-inline-start:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.intl-auth{position:relative}
.intl-auth small{font-size:12px;color:var(--ink3)}
.authbox .kv{margin:0}

/* فرم درخواست دسترسی */
.reqform{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;max-width:720px}
.reqform label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--ink2)}
.reqform label.wide{grid-column:1/-1}
.reqform input,.reqform textarea{border:1px solid var(--hair);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.reqform textarea{min-height:120px;resize:vertical}
.reqform .hp{position:absolute;inset-inline-start:0;width:1px;height:1px;overflow:hidden;opacity:0}
.reqform .row{grid-column:1/-1;display:flex;gap:12px;align-items:center}
.reqmsg{font-size:14px}.reqmsg.ok{color:var(--turqd)}.reqmsg.err{color:#b3261e}
@media (max-width:640px){.reqform{grid-template-columns:1fr}}
/* سندها (انتشارات، گزارش مرجع) */
.doc .dt .sc{align-self:flex-start}
.docbtns{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}

/* حساب: دومرحله‌ای و دستگاه‌ها */
.tf-qr svg{width:180px;height:180px;display:block;margin:6px 0;background:#fff;padding:8px;border-radius:8px}
.tf-codes{columns:2;font-family:ui-monospace,Consolas,monospace;margin:8px 0 14px}
.devs{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.devs li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border:1px solid var(--hair);border-radius:10px}
.devs li small{color:var(--ink3);flex-basis:100%}
.devs li .btn{margin-inline-start:auto}

/* پیشنهاد جست‌وجو */
form.has-sugg{position:relative}
.sugg{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:60;min-width:300px;max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--hair);border-radius:12px;box-shadow:0 12px 30px rgba(31,35,64,.18);padding:6px;text-align:start}
.sugg a{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.45}
.sugg a small{font-size:11px;color:var(--turqd);font-weight:700;letter-spacing:.02em}
.sugg a.on,.sugg a:hover{background:var(--sunk)}
.sugg a.more{font-weight:700;color:var(--navy);border-top:1px solid var(--hair);margin-top:4px;border-radius:0 0 8px 8px}
.hs .sugg{inset-inline:auto 0;width:min(420px,90vw)}

/* فیلتر موضوع */
.filters.themes .fl{font-size:12px;font-weight:700;color:var(--ink3);align-self:center;margin-inline-end:4px}
.filters.themes a small{color:var(--ink3);margin-inline-start:2px}

/* داشبوردهای نمونه */
.dcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:8px 0 24px}
.dcard{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--hair);border-top:4px solid var(--dc,#0e97a8);border-radius:14px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.dcard:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(31,35,64,.12)}
.dcard .di{color:var(--dc,#0e97a8)}.dcard b{font-size:16.5px;line-height:1.5}.dcard p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.7}
.dcard .dk{display:flex;flex-direction:column;margin-top:4px}.dcard .dk strong{font-size:24px;color:var(--dc,#0e97a8);line-height:1.3}.dcard .dk small{color:var(--ink3);font-size:12.5px}
.dcard .dm{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto;font-size:12px;color:var(--ink3)}
.dhero{display:flex;flex-direction:column;margin-bottom:14px}.dhero strong{font-size:34px;line-height:1.25;color:var(--navy)}.dhero span{color:var(--ink2)}
.dkpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.dkpis div{background:var(--sunk);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column}.dkpis b{font-size:19px}.dkpis span{font-size:12.5px;color:var(--ink2);line-height:1.5}
.dsecs{columns:2;margin:0;padding-inline-start:18px}.dsecs li{margin:2px 0}
.dhead .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.dhead .bnote{color:rgba(255,255,255,.8)}
@media (max-width:640px){.dsecs{columns:1}}

