/* نشرة الـAI — على نظام «الزجاج الفاتح»: البنية والمقاسات والإيقاع من توكنز النظام،
   والألوان مبدّلة للمشروع: العلامة برتقالية والمحايدات دافئة (لا كحلي). */

@font-face{font-family:"Thmanyah Sans";src:url(/fonts/thmanyahsans_Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(/fonts/thmanyahsans_Medium.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(/fonts/thmanyahsans_Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(/fonts/thmanyahsans_Black.woff2) format("woff2");font-weight:900;font-display:swap}

:root{
	--font-sans:"Thmanyah Sans",system-ui,sans-serif;

	--surface:#faf7f4; --surface-tint:#fff1e6; --surface-footer:#f5efe9; --card:#ffffff;
	--ink:#1c1a1b; --ink-body:#2d2a2b; --ink-soft:#5a5456; --ink-mute:#6f676a; --ink-nav:#1c1a1bb3;
	--brand:#ea580c; --brand-hover:#9a3412; --brand-pill:#ea580c; --brand-ink:#c2410c;
	--brand-strong:#c2410c; /* خلفية الأزرار: الأبيض عليها 5.2:1 */
	--brand-tint:#ea580c14; --brand-tint-strong:#ea580c24; --brand-line:#ea580c33; --brand-line-soft:#ea580c40;
	--glass:#ffffffb3; --glass-hover:#ffffff; --glass-line:#1c1a1b14; --glass-line-hover:#ea580c4d;
	--divider-soft:#1c1a1b1a; --glow:#ea580c26; --on-brand:#ffffff;
	--destructive:#c8102e; --border:#e7e1dc; --ring:#c2410c;
	--banner:linear-gradient(135deg,#fb7b23 0%,#ea580c 46%,#ad350a 100%); --banner-base:#7c2d12;

	--shadow-glass:0 8px 30px rgba(60,30,10,.07);
	--shadow-glow-primary:0 0 25px rgba(234,88,12,.35);
	--shadow-glow-tab:0 0 14px 3px rgba(234,88,12,.45);
	--shadow-illustration:0 25px 45px rgba(234,88,12,.22);

	--space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
	--space-8:32px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px;
	--container:1200px; --header-h:68px; --control-h:40px; --control-h-lg:48px; --tile:56px;
	--radius:10px; --radius-2xl:16px; --radius-tile-lg:20px; --radius-3xl:24px; --radius-card:28px; --radius-full:9999px;
	--blur-glass:24px; --blur-glow:170px;
	--ease:cubic-bezier(.4,0,.2,1); --duration-card:300ms; --duration-tile:500ms;
	--gap-chip-title:16px; --gap-title-lead:16px; --gap-paragraph:20px; --gap-card-head:18px;
	--measure-title:22ch; --measure-lead:46rem; --measure-body:38rem;
	--word-space-title:.04em; --word-space-body:.015em;
	--lh-tashkeel-title:1.6; --lh-tashkeel-body:2.1; --pad-tashkeel:.2em;
}
@media (prefers-color-scheme:dark){:root{
	--surface:#120e0b; --surface-tint:#1e150e; --surface-footer:#120e0b; --card:#1c1612;
	--ink:#ffffff; --ink-body:#efe7e0; --ink-soft:#d3c7bd; --ink-mute:#a89b90; --ink-nav:#ffffffc2;
	--brand-ink:#ffa257; --brand-tint:#ffffff1a; --brand-tint-strong:#ffffff26; --brand-line:#ffffff33; --brand-line-soft:#ffffff59;
	--glass:#ffffff0d; --glass-hover:#ffffff1a; --glass-line:#ffffff1f; --glass-line-hover:#ffffff40;
	--divider-soft:#ffffff1a; --glow:#ea580c2e; --destructive:#ff6568; --border:#ffffff1f; --ring:#ffa257;
	--shadow-glass:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
}}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-6))}
body{margin:0;font-family:var(--font-sans);background:var(--surface);color:var(--ink-body);font-size:16px;line-height:1.9;text-align:start;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
a{color:inherit;text-decoration:none}
svg{flex-shrink:0}
.num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tk{line-height:var(--lh-tashkeel-body)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--ring) 50%,transparent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-4)}
@media (min-width:768px){.container{padding-inline:var(--space-8)}}

/* العناوين: البدائل الطويلة في العناوين وحدها */
.hero-title,.section-title,.card-title,.cta-title{font-weight:700;color:var(--ink);font-feature-settings:"swsh" 1;word-spacing:var(--word-space-title);text-wrap:balance}
.hero-title{font-size:27px;font-weight:800;line-height:1.45;max-width:var(--measure-title)}
.section-title{font-size:30px;line-height:1.32;max-width:var(--measure-title)}
.card-title{font-size:20px;line-height:1.45}
.card-title.tk{line-height:var(--lh-tashkeel-title)}
.cta-title{font-size:20px;line-height:1.38}
.lead{font-size:16px;font-weight:500;line-height:1.85;color:var(--ink-body);max-width:var(--measure-lead);word-spacing:var(--word-space-body)}
.section-lead{font-size:16px;font-weight:500;line-height:2.1;color:var(--ink-soft);max-width:var(--measure-lead);word-spacing:var(--word-space-body)}
.body{font-size:16px;line-height:1.9;color:var(--ink-soft);max-width:var(--measure-body);word-spacing:var(--word-space-body)}
.body-sm{font-size:14px;line-height:1.8;color:var(--ink-soft)}
.footer-heading{font-size:14px;font-weight:700;line-height:1.6;color:var(--ink)}
.copyright{font-size:12px;line-height:1.7;color:var(--ink-mute)}
@media (min-width:640px){.section-title{font-size:36px}.card-title{font-size:22px}.cta-title{font-size:24px}.lead{font-size:18px}.copyright{font-size:14px}}
@media (min-width:1024px){.hero-title{font-size:40px;font-weight:700;line-height:1.35}.cta-title{font-size:30px}.section-lead{font-size:18px}}
@media (min-width:1280px){.hero-title{font-size:48px}.section-title{font-size:40px}.lead{font-size:20px}}

/* الشريحة والأرقام */
.chip{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--brand-line-soft);background:var(--brand-tint);color:var(--brand-ink);font-size:14px;font-weight:500;line-height:1.4;padding:8px 16px}
.badge{display:inline-flex;gap:var(--space-1);align-self:flex-start;border-radius:var(--radius-full);border:1px solid var(--brand-line-soft);background:var(--brand-tint);color:var(--brand-ink);font-size:12px;font-weight:600;line-height:1.4;padding:4px 12px}
.pill{display:inline-block;background:var(--brand-pill);color:var(--on-brand);border-radius:.32em;padding:0 .26em;font-weight:900;line-height:1.25;font-feature-settings:"swsh" 0}

/* الأزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-full);background:var(--brand-strong);color:var(--on-brand);font-family:inherit;font-size:16px;font-weight:700;line-height:1.35;padding:14px 28px;border:1px solid color-mix(in srgb,var(--brand) 40%,transparent);box-shadow:var(--shadow-glow-primary);cursor:pointer;transition:background var(--duration-card) var(--ease)}
.btn:hover{background:var(--brand-hover)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn-sm{height:var(--control-h);padding:0 20px;font-size:14px}
.btn-block{width:100%;min-height:var(--control-h-lg)}
.link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--brand-ink);font-weight:600}
.link:hover{text-decoration:underline}

/* الزجاج */
.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));transition:background var(--duration-card) var(--ease),border-color var(--duration-card) var(--ease)}
@media (min-width:640px){.glass{border-radius:var(--radius-3xl)}}
a.glass:hover,.card:hover{background:var(--glass-hover);border-color:var(--glass-line-hover)}
.tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--tile);height:var(--tile);border-radius:var(--radius-tile-lg);background:var(--brand-tint);border:1px solid var(--brand-line);color:var(--brand);transition:transform var(--duration-tile) var(--ease)}
.card:hover .tile{transform:scale(1.1)}

/* الهيدر */
.site-head{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 78%,transparent);border-bottom:1px solid var(--divider-soft);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}
.bar{display:flex;align-items:center;gap:var(--space-4);height:var(--header-h)}
.logo{display:inline-flex;align-items:center;font-size:20px;font-weight:900;line-height:1.45;color:var(--ink);white-space:nowrap}
.ai{display:inline-block;background:var(--brand);color:var(--on-brand);border-radius:.28em;padding:0 .2em;line-height:1.2;margin-inline-start:.08em;font-weight:900}
.site-head nav{display:flex;gap:var(--space-4);margin-inline:auto}
.site-head nav a{position:relative;padding:16px 0;font-size:14px;font-weight:600;line-height:1.45;color:var(--ink-nav)}
.site-head nav a:hover,.site-head nav a.on{color:var(--ink)}
.site-head nav a.on::after{content:"";position:absolute;bottom:4px;inset-inline-start:50%;translate:50% 0;width:34px;height:6px;border-radius:var(--radius-full);background:var(--brand);box-shadow:var(--shadow-glow-tab)}
@media (min-width:1280px){.site-head nav{gap:var(--space-6)}}
@media (max-width:479px){.site-head nav a:first-child{display:none}}

/* السكاشن */
.section{position:relative;padding-block:var(--space-12);overflow:clip}
.section.first{padding-top:var(--space-12);min-height:60vh}
.tinted{background:linear-gradient(var(--surface),var(--surface-tint),var(--surface))}
@media (min-width:768px){.section{padding-block:var(--space-16)}}
@media (min-width:1024px){.section{padding-block:var(--space-20)}}
.glow{position:absolute;inset:0;pointer-events:none}
.glow::before{content:"";position:absolute;width:min(650px,90vw);aspect-ratio:1.3;inset-inline-end:-10%;top:8%;border-radius:50%;background:var(--glow);filter:blur(var(--blur-glow));rotate:-20deg}
.container{position:relative}
.sec-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-8)}
.sec-head .chip{margin-bottom:var(--gap-chip-title)}
.sec-head .section-lead{margin-top:var(--gap-title-lead);text-align:center}
@media (min-width:768px){.sec-head{margin-bottom:var(--space-12)}}

/* الهيرو */
.hero{position:relative;padding-block:var(--space-12) var(--space-16);overflow:clip}
.hero-grid{display:grid;gap:var(--space-12);align-items:center}
.hero-text .chip{margin-bottom:var(--gap-chip-title)}
.hero-text .lead{margin-top:var(--gap-title-lead)}
@media (min-width:1024px){.hero{padding-block:var(--space-20) var(--space-24)}.hero-grid{grid-template-columns:7fr 5fr;gap:var(--space-16)}.hero-text .lead span{display:block}}

/* النموذج */
.form{display:grid;gap:var(--space-4);padding:var(--space-6);margin-top:var(--space-8);max-width:38rem}
.fields{display:grid;gap:var(--space-4)}
@media (min-width:640px){.fields{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:var(--space-3)}
.field label{font-size:14px;font-weight:600;line-height:1.45;color:var(--ink)}
.field input{height:var(--control-h-lg);border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--ink-body);padding:4px 12px;font:400 16px/1.4 var(--font-sans);outline:none;width:100%}
.field input[dir=ltr]{text-align:left}
.field input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)}
.field input[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}
.field .hint{font-weight:400;color:var(--ink-mute)}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.form-msg{font-size:14px;line-height:1.6;color:var(--destructive);font-weight:600}
.form-note{font-size:14px;line-height:1.8;color:var(--ink-mute)}
.form-note a{color:var(--brand-ink);font-weight:600}

/* معاينة العدد في الهيرو + بانر الهوية */
.banner{position:relative;overflow:hidden;background:var(--banner);padding:28px 28px 24px;border-bottom:5px solid var(--banner-base);color:#fff}
.banner::before{content:"";position:absolute;inset:0;background:radial-gradient(460px 300px at 0% 0%,rgba(255,221,186,.5),transparent 70%)}
.banner::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1.4px);background-size:20px 20px;mask-image:linear-gradient(90deg,#000,transparent 55%)}
.banner>*{position:relative}
.banner .kick{font-size:13px;font-weight:700;line-height:1.4;color:#ffe2cc}
.banner .wm{font-size:clamp(40px,11vw,56px);font-weight:900;line-height:1.35;white-space:nowrap}
.banner .ai{background:#fff;color:var(--brand);border-radius:.24em;line-height:1.16;box-shadow:0 10px 30px rgba(120,40,0,.28)}
.banner .tag{font-size:14px;font-weight:500;line-height:1.7;color:#fff1e6}
.mini{background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-illustration);max-width:440px;margin-inline:auto;rotate:-2deg}
.mini-body{display:grid;gap:10px;padding:22px 28px 30px}
.mini-sec{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;line-height:1.5;color:#1c1a1b;margin-top:8px}
.mini-sec i{width:4px;height:20px;border-radius:3px;background:var(--brand)}
.l{display:block;height:9px;border-radius:var(--radius-full);background:#ece6e1}
b.l{height:13px;background:#d6cdc6}
.w100{width:100%}.w90{width:90%}.w80{width:80%}.w70{width:70%}.w60{width:60%}.w40{width:40%}

/* الكروت */
.cards{display:grid;gap:var(--space-4)}
@media (min-width:640px){.cards{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}
@media (min-width:1024px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{padding:var(--space-6)}
.card-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--gap-card-head)}
.issue-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);min-height:190px}
.issue-card .card-title{flex:1}
.issue-date{font-size:14px;line-height:1.5;color:var(--ink-mute);font-weight:600}
.more{text-align:center;margin-top:var(--space-8)}
.cta,.notice{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-title-lead);padding:var(--space-8) var(--space-6)}
.cta .btn,.notice .btn{margin-top:var(--space-2)}
.notice{max-width:40rem;margin-inline:auto}
@media (min-width:768px){.cta,.notice{padding:var(--space-12)}}

/* صفحة العدد */
.reader .container{max-width:760px}
.reader-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4)}
.paper{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-glass);border:1px solid var(--glass-line);background:#fff;color-scheme:light}
.reader .cta{margin-top:var(--space-8)}
.prose{max-width:820px;display:grid;gap:var(--space-4)}
.prose .card-title{margin-bottom:var(--space-2)}

/* الفوتر */
.site-foot{background:var(--surface-footer);border-top:1px solid var(--divider-soft);padding-block:var(--space-12) var(--space-6)}
.foot{display:grid;gap:var(--space-8)}
.foot>div{display:grid;gap:var(--space-2);align-content:start;justify-items:start}
.foot a:not(.logo){font-size:14px;line-height:1.8;color:var(--ink-soft)}
.foot a:not(.logo):hover{color:var(--ink)}
.site-foot .copyright{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--divider-soft)}
@media (min-width:768px){.foot{grid-template-columns:2fr 1fr 1fr}}