/* ==========================================================================
   الحدث — طبقة تصميم v4 «البوابة التحريرية» — ehl4.css
   مبادئ: RTL بخصائص منطقية · وضوح قبل الزخرفة · mobile-first · لمس ≥44px ·
           تباين · احترام تقليل الحركة · ألوان من هوية الحدث · لون لكل قسم.
   كل القواعد مُقيَّدة بـ body.eh4 كي لا تتسرّب إلى أي واجهة أخرى.
   ========================================================================== */

:root{
  --red:#d21034;
  --red-dark:#a80d29;
  --red-tint:#fdecef;
  --ink:#111b2b;
  --ink-2:#1d2a3d;
  --text:#17202e;
  --body:#31405a;
  --muted:#687386;
  --muted-2:#8b95a8;
  --line:#e3e8ee;
  --paper:#f6f7f9;
  --white:#fff;
  --c-blue:#1d4ed8;   --c-blue-t:#eaeffc;
  --c-teal:#0f766e;   --c-teal-t:#e6f4f1;
  --c-amber:#b45309;  --c-amber-t:#fdf1e3;
  --c-violet:#6d28d9; --c-violet-t:#f0eafd;
  --c-slate:#475569;  --c-slate-t:#eef1f5;
  --radius:14px;
  --radius-sm:9px;
  --shadow:0 1px 2px rgba(17,27,43,.04), 0 10px 28px rgba(17,27,43,.07);
  --shadow-h:0 2px 6px rgba(17,27,43,.06), 0 16px 36px rgba(17,27,43,.10);
  --wrap:1240px;
  --ff-head:"Alexandria","IBM Plex Sans Arabic",system-ui,sans-serif;
  --ff-body:"IBM Plex Sans Arabic","Alexandria",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

body.eh4 *,
body.eh4 *::before,
body.eh4 *::after{box-sizing:border-box}
html,body.eh4{max-width:100%;overflow-x:clip}
body.eh4{
  margin:0; background:var(--paper); color:var(--text);
  font-family:var(--ff-body); font-size:16px; line-height:1.8;
  -webkit-text-size-adjust:100%;
}
body.eh4 img{max-width:100%; height:auto; display:block}
body.eh4 a{color:inherit; text-decoration:none}
body.eh4 a:hover{color:var(--red-dark)}
body.eh4 h1,body.eh4 h2,body.eh4 h3,body.eh4 h4{font-family:var(--ff-head); line-height:1.4; margin:0}
body.eh4 :focus-visible{outline:3px solid #f0a33a; outline-offset:2px; border-radius:4px}

.eh4-wrap{max-width:var(--wrap); margin-inline:auto; padding-inline:18px}
.eh4-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* لوحة التخطّي: نخفيها بالتحويل (transform) لا بإزاحة أفقية بعيدة — الإزاحة الكبيرة تُنتج تمريرًا أفقيًا في RTL */
.eh4-skip{position:absolute; inset-block-start:0; inset-inline-start:8px; z-index:200; background:var(--red); color:#fff; padding:10px 16px; transform:translateY(-160%); transition:transform .15s ease}
.eh4-skip:focus, .eh4-skip:focus-visible{transform:translateY(0); color:#fff}
/* القالب الأب يضيف رابط تخطٍّ ثانيًا (مكرّر، ويُنتج تمريرًا أفقيًا في RTL) — نُبقي رابطنا وحده */
body.eh4 .eh-skip-link{display:none!important}
.eh4-sep{inline-size:4px; block-size:4px; border-radius:50%; background:var(--muted-2); display:inline-block}

/* ---------- شريط الحالة العلوي ---------- */
.eh4-topbar{background:var(--ink); color:#cbd5e3; font-size:12.5px}
.eh4-topbar .eh4-wrap{display:flex; align-items:center; gap:14px; min-height:38px; flex-wrap:wrap}
.eh4-date{color:#e7ecf4; display:inline-flex; align-items:center; gap:8px}
.eh4-arch{
  background:rgba(210,16,52,.16); color:#ffb3c1; border:1px solid rgba(210,16,52,.4);
  border-radius:999px; padding:2px 11px; font-weight:600; font-size:11.5px;
}
.eh4-arch b{color:#fff; font-weight:700}
.eh4-arch:hover{color:#fff}
.eh4-social{margin-inline-start:auto; display:flex; gap:14px}
.eh4-social a{color:#9fb0c7}
.eh4-social a:hover{color:#fff}

/* ---------- الترويسة ---------- */
.eh4-masthead{background:var(--white); border-bottom:1px solid var(--line)}
.eh4-masthead .eh4-wrap{display:flex; align-items:center; gap:18px; min-height:86px}
.eh4-brand{display:flex; align-items:center; gap:12px; flex:none}
.eh4-brand img{height:52px; width:auto}
.eh4-logo-text{font-family:var(--ff-head); font-weight:800; font-size:26px; color:var(--red-text,var(--red))}
.eh4-tagline{font-size:11.5px; color:var(--muted); border-inline-start:2px solid var(--line); padding-inline-start:11px; line-height:1.5; max-width:150px}
.eh4-search{flex:1 1 auto; max-width:430px; margin-inline-start:auto; display:flex; min-width:0}
.eh4-search input{
  flex:1 1 auto; min-width:0; min-height:44px; border:1px solid var(--line); border-inline-end:0;
  border-start-start-radius:999px; border-end-start-radius:999px; padding-inline:16px;
  font-family:inherit; font-size:14.5px; background:var(--paper); color:var(--text);
}
.eh4-search button{
  min-height:44px; border:1px solid var(--red); background:var(--red); color:#fff; font-family:inherit;
  font-weight:700; font-size:14px; border-start-end-radius:999px; border-end-end-radius:999px;
  padding-inline:20px; cursor:pointer;
}
.eh4-search button:hover{background:var(--red-dark); border-color:var(--red-dark)}
.eh4-btn-live{
  display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:#fff; border-radius:999px;
  min-height:44px; padding-inline:18px; font-weight:700; font-size:14px; flex:none;
}
.eh4-btn-live:hover{background:var(--ink-2); color:#fff}
.eh4-btn-live.is-ghost{background:transparent; color:var(--red-text,var(--red)); box-shadow:inset 0 0 0 1px var(--red-text,var(--red))}
.eh4-dot{inline-size:8px; block-size:8px; border-radius:50%; background:var(--red); display:inline-block; flex:none}
.eh4-btn-live .eh4-dot{background:#ff4d6a; box-shadow:0 0 0 4px rgba(255,77,106,.22)}

/* ---------- التنقّل ---------- */
.eh4-nav{background:var(--white); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:40}
.eh4-nav .eh4-wrap{display:flex; align-items:center; gap:2px; overflow-x:auto; scrollbar-width:none}
.eh4-nav .eh4-wrap::-webkit-scrollbar{display:none}
.eh4-nav a{
  padding:13px 15px; min-height:48px; display:inline-flex; align-items:center;
  font-weight:600; font-size:15px; color:var(--ink-2); border-bottom:3px solid transparent; white-space:nowrap;
}
.eh4-nav a[aria-current=page],.eh4-nav a:hover{color:var(--red-text, var(--red)); border-bottom-color:var(--red-text, var(--red))}
.eh4-nav .eh4-more{margin-inline-start:auto; color:var(--muted); font-size:14px}

/* ---------- شريط آخر ما نُشر ---------- */
.eh4-ticker{background:var(--ink-2); color:#eef2f8}
.eh4-ticker .eh4-wrap{display:flex; align-items:center; gap:12px; min-height:46px; overflow:hidden}
.eh4-ticker-lbl{background:var(--red); color:#fff; font-weight:700; font-size:12.5px; padding:5px 13px; border-radius:999px; white-space:nowrap; flex:none}
.eh4-ticker-items{display:flex; gap:20px; overflow-x:auto; scrollbar-width:none; flex:1 1 auto; min-width:0}
.eh4-ticker-items::-webkit-scrollbar{display:none}
.eh4-ticker-items a{white-space:nowrap; color:#eef2f8; font-size:13.5px}
.eh4-ticker-items time{color:#9fb0c7; font-size:12px}
.eh4-ticker-pause{
  background:transparent; border:1px solid rgba(255,255,255,.35); color:#fff; border-radius:8px;
  min-width:36px; min-height:36px; cursor:pointer; flex:none; font-size:12px;
}

/* ---------- عام ---------- */
.eh4-main{display:block; padding-bottom:26px}
.eh4-sec{margin-top:30px}
.eh4-sec-h{
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;
  border-bottom:1px solid var(--line); padding-bottom:11px;
}
.eh4-sec-h h2{font-size:25px; font-weight:800; display:flex; align-items:center; gap:10px}
.eh4-sec-h h2::before{content:""; inline-size:5px; block-size:23px; border-radius:3px; background:var(--red)}
.eh4-sec-h h2.c-blue::before{background:var(--c-blue)}
.eh4-sec-h h2.c-teal::before{background:var(--c-teal)}
.eh4-sec-h h2.c-amber::before{background:var(--c-amber)}
.eh4-sec-h h2.c-violet::before{background:var(--c-violet)}
.eh4-sec-h h2.c-slate::before{background:var(--c-slate)}
.eh4-sec-h .eh4-sub{font-size:13px; color:var(--muted); margin-top:4px}
.eh4-more-link{
  font-size:14px; font-weight:600; color:var(--muted); min-height:44px;
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
}
.eh4-more-link:hover{color:var(--red)}
.eh4-meta{font-size:12.5px; color:var(--muted); display:flex; gap:10px; align-items:center; flex-wrap:wrap}

/* ---------- الشرائح ---------- */
body.eh4 .eh4-chip{
  display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:2px 11px; border-radius:999px;
  background:var(--red-tint); color:var(--red-text,var(--red)); font-size:12px; font-weight:700;
}
body.eh4 .eh4-chip.c-blue{background:var(--c-blue-t); color:var(--c-blue)}
body.eh4 .eh4-chip.c-teal{background:var(--c-teal-t); color:var(--c-teal)}
body.eh4 .eh4-chip.c-amber{background:var(--c-amber-t); color:var(--c-amber)}
body.eh4 .eh4-chip.c-violet{background:var(--c-violet-t); color:var(--c-violet)}
body.eh4 .eh4-chip.c-slate{background:var(--c-slate-t); color:var(--c-slate)}
body.eh4 .eh4-chip--ghost{background:var(--paper); color:var(--muted); border:1px solid var(--line)}
body.eh4 .eh4-chip--arch{background:var(--c-slate-t); color:var(--c-slate); border:1px solid var(--line)}

/* ---------- الفتحة ---------- */
.eh4-hero{padding-block:24px 6px}
.eh4-hero-grid{display:grid; grid-template-columns:1.6fr .95fr; gap:22px; align-items:stretch}
.eh4-lead{background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column}
.eh4-lead .eh4-th{position:relative; display:block}
.eh4-lead img{inline-size:100%; aspect-ratio:16/9; object-fit:cover}
.eh4-lead .eh4-th .eh4-chip{position:absolute; inset-block-start:14px; inset-inline-start:14px}
.eh4-lead-bd{padding:20px 24px 22px}
.eh4-lead h1{font-size:38px; font-weight:800; letter-spacing:-.3px; margin-block:10px 12px}
.eh4-lead h1 a{color:inherit}
.eh4-lead p{margin:0 0 14px; color:var(--body); font-size:16.5px; line-height:1.95; max-width:64ch}
.eh4-hero-side{display:grid; gap:14px; align-content:start}
.eh4-mini{
  background:var(--white); border-radius:var(--radius-sm); box-shadow:var(--shadow); overflow:hidden;
  display:grid; grid-template-columns:118px 1fr; flex:1;
}
.eh4-mini img,.eh4-mini .eh4-ph{inline-size:118px; block-size:100%; object-fit:cover}
.eh4-mini-bd{padding:12px 14px}
.eh4-mini h3{font-size:16.5px; font-weight:600; margin-block:7px 6px; line-height:1.5}
.eh4-mini h3 a{color:inherit}
.eh4-mini time{font-size:12px; color:var(--muted)}

/* شريط أحدث ما نُشر */
.eh4-latest{
  margin-top:18px; background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); display:grid; grid-template-columns:150px repeat(4,1fr);
}
.eh4-latest-hd{background:var(--ink); color:#fff; padding:16px; display:flex; flex-direction:column; justify-content:center; gap:4px}
.eh4-latest-hd b{font-family:var(--ff-head); font-size:15.5px}
.eh4-latest-hd span{font-size:11px; color:#a9b1bc}
.eh4-latest .eh4-it{padding:13px 16px; border-inline-start:1px solid var(--line)}
.eh4-latest .eh4-it h3{font-size:15.5px; font-weight:600; line-height:1.5; margin-block:0 6px}
.eh4-latest .eh4-it h3 a{color:inherit}
.eh4-latest .eh4-it time{font-size:11.5px; color:var(--muted)}

/* ---------- شبكات ---------- */
.eh4-grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.eh4-grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.eh4-grid2{display:grid; grid-template-columns:repeat(2,1fr); gap:18px}
.eh4-split{display:grid; gap:22px; align-items:start}
.eh4-split--hero{grid-template-columns:1.35fr 1fr}
.eh4-split--econ{grid-template-columns:1fr 1.15fr}

/* ---------- البطاقات ---------- */
.eh4-card{background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column; transition:box-shadow .2s var(--ease), transform .2s var(--ease)}
.eh4-card:hover{box-shadow:var(--shadow-h); transform:translateY(-2px)}
.eh4-card > a{display:block}
.eh4-card img{inline-size:100%; aspect-ratio:16/9; object-fit:cover}

/* قصّ الصور: نُبقي الوجوه والجزء العلوي من الصور البورتريه مرئيًّا بدل قصّ الرؤوس */
.eh4-lead img,.eh4-card img,.eh4-thumb img,.eh4-row img,.eh4-mini img{object-position:center 25%}
.eh4-ph{display:block; aspect-ratio:16/9; background:linear-gradient(135deg,#e9edf3,#dfe5ee)}
.eh4-card-bd{padding:14px 16px; display:flex; flex-direction:column; gap:8px; flex:1}
.eh4-card h3{font-size:18.5px; font-weight:600; line-height:1.5}
.eh4-card h3 a{color:inherit}
.eh4-card h3.is-big{font-size:22px}
.eh4-card-foot{margin-top:auto; display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--muted)}

/* صفوف */
.eh4-rows{display:grid; gap:12px}
.eh4-row{
  display:grid; grid-template-columns:118px 1fr; gap:12px; background:var(--white);
  border-radius:var(--radius-sm); box-shadow:var(--shadow); padding:10px;
}
.eh4-row img,.eh4-row .eh4-ph{inline-size:118px; block-size:80px; object-fit:cover; border-radius:6px}
.eh4-row h3{font-size:16px; font-weight:600; margin-block:5px 4px; line-height:1.5}
.eh4-row h3 a{color:inherit}
.eh4-row time{font-size:12px; color:var(--muted)}

/* قائمة مرقّمة */
.eh4-num{background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); padding:6px 18px; margin:0; list-style:none}
.eh4-num li{display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:start; padding:14px 0; border-bottom:1px solid var(--line)}
.eh4-num li:last-child{border-bottom:0}
.eh4-num .eh4-n{font-family:var(--ff-head); font-weight:800; font-size:23px; color:var(--line); line-height:1.15}
.eh4-num h3{font-size:17px; font-weight:600; line-height:1.5}
.eh4-num h3 a{color:inherit}

/* ---------- البث ---------- */
.eh4-live{background:var(--ink); color:#fff; border-radius:var(--radius); overflow:hidden}
.eh4-live-grid{display:grid; grid-template-columns:1.5fr 1fr}
.eh4-player{position:relative; background:#000; aspect-ratio:16/9}
.eh4-player video{inline-size:100%; block-size:100%; display:block; background:#000}
.eh4-player-poster{
  position:absolute; inset:0; display:grid; place-items:center; gap:12px; text-align:center; padding:20px;
  background:radial-gradient(circle at 50% 42%,rgba(34,48,74,.72),rgba(11,18,32,.94)); color:#fff;
}
.eh4-player-poster p{margin:0; color:#c9d3e2; font-size:14px; max-width:44ch}
.eh4-play{
  background:var(--red); color:#fff; border:0; border-radius:999px; min-height:52px; padding-inline:24px;
  font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:10px;
}
.eh4-play:hover{background:var(--red-dark)}
.eh4-live-side{padding:22px}
.eh4-live-side h2{font-size:23px; font-weight:800}
.eh4-state{
  display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; border-radius:999px;
  padding:5px 13px; margin-block:11px; background:rgba(255,255,255,.12); color:#d7deea;
}
.eh4-state .eh4-dot{background:currentColor}
.eh4-state--on{background:rgba(37,196,120,.16); color:#5ee6a1}
.eh4-state--off{background:rgba(255,255,255,.12); color:#d7deea}
.eh4-state--load{background:rgba(240,163,58,.18); color:#ffd08a}
.eh4-live-side ul{margin:12px 0 0; padding-inline-start:18px; color:#c9d3e2; font-size:13.5px; display:grid; gap:6px}
.eh4-live-note{font-size:12.5px; color:#9fb0c7; margin-top:12px}
.eh4-live a.eh4-link{color:#ffd9e0; text-decoration:underline}

/* ---------- شريط الفيديو ---------- */
.eh4-vband{background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:18px; margin-top:30px}
.eh4-thumb{position:relative; border-radius:var(--radius-sm); overflow:hidden; display:block}
.eh4-thumb img,.eh4-thumb .eh4-ph{inline-size:100%; aspect-ratio:16/9; object-fit:cover}
.eh4-thumb .eh4-play-ico{
  position:absolute; inset-inline-start:11px; inset-block-end:11px; inline-size:42px; block-size:42px; border-radius:50%;
  background:var(--red); color:#fff; display:grid; place-items:center; font-size:15px; box-shadow:0 4px 14px rgba(210,16,52,.45);
}
.eh4-thumb .eh4-dur{
  position:absolute; inset-inline-end:11px; inset-block-end:11px; background:rgba(10,15,25,.78); color:#fff;
  font-size:11.5px; border-radius:5px; padding:2px 7px;
}
.eh4-vitem h3{font-size:15.5px; font-weight:600; margin-block:9px 5px; line-height:1.5}
.eh4-vitem h3 a{color:inherit}

/* ---------- المقال ---------- */
.eh4-article{background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); padding:24px 28px}
.eh4-crumbs{font-size:12.5px; color:var(--muted); display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:12px}
.eh4-article h1{font-size:36px; font-weight:800; letter-spacing:-.3px; margin-block:10px 12px}
.eh4-lead-p{font-size:18px; color:var(--body); border-inline-start:4px solid var(--red); padding-inline-start:12px; margin:12px 0}
.eh4-byline{
  display:flex; gap:10px; flex-wrap:wrap; align-items:center; font-size:13px; color:var(--muted);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-block:12px; margin-block:14px 18px;
}
.eh4-fig{margin:20px 0}
.eh4-fig img{border-radius:var(--radius-sm); inline-size:100%}
.eh4-fig figcaption{font-size:12.5px; color:var(--muted); margin-top:8px}
.eh4-share{display:flex; gap:8px; flex-wrap:wrap; margin-block:16px}
.eh4-prose{font-size:17.5px; line-height:2; color:#22304a; max-width:70ch}
.eh4-prose p{margin-block:0 18px}
.eh4-prose h2{font-size:25px; margin-block:28px 12px}
.eh4-prose h3{font-size:20px; margin-block:22px 10px}
.eh4-prose img{border-radius:8px; margin-block:10px}
.eh4-tags{display:flex; gap:8px; flex-wrap:wrap; margin-block:18px}
.eh4-tags a{background:var(--paper); border:1px solid var(--line); border-radius:999px; padding:6px 12px; font-size:13px}
.eh4-rail{display:grid; gap:16px}
.eh4-box{background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:16px}
.eh4-box h2{font-size:18px; font-weight:800; margin-bottom:10px; display:flex; align-items:center; gap:8px}
.eh4-box h2::before{content:""; inline-size:4px; block-size:18px; background:var(--red); border-radius:2px}
.eh4-2col{display:grid; grid-template-columns:1fr 320px; gap:22px; align-items:start; margin-top:22px}

/* ---------- الأزرار ---------- */
.eh4-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding-inline:16px;
  border-radius:999px; border:1px solid var(--line); background:var(--white); color:var(--text);
  font-family:inherit; font-size:14px; font-weight:600; cursor:pointer;
}
.eh4-btn:hover{border-color:var(--red); color:var(--red)}
body.eh4 .eh4-btn--live{background:var(--red); border-color:var(--red); color:#fff}
body.eh4 .eh4-btn--live:hover{background:var(--red-dark); color:#fff}

/* ---------- القسم/الأرشيف ---------- */
.eh4-cathead{background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); padding:22px 24px; margin-block:20px 4px}
.eh4-cathead h1{font-size:34px; font-weight:800; margin-block:0 8px}
.eh4-cathead p{margin:0; color:var(--muted); font-size:15px; max-width:75ch; line-height:1.9}
.eh4-kick{font-size:12.5px; font-weight:700; color:var(--red-text,var(--red)); margin-bottom:6px; display:inline-block}
.eh4-pager{display:flex; justify-content:center; gap:8px; margin:30px 0 6px; flex-wrap:wrap}
.eh4-pager a,.eh4-pager span.current{
  min-width:44px; min-height:44px; display:grid; place-items:center; border:1px solid var(--line);
  border-radius:10px; background:var(--white); font-size:14px; font-weight:600; padding:0 12px;
}
.eh4-pager span.current{background:var(--ink); color:#fff; border-color:var(--ink)}
.eh4-pager a:hover{border-color:var(--red); color:var(--red)}
.eh4-empty{background:var(--white); border:1px dashed var(--line); border-radius:var(--radius); padding:22px; text-align:center; color:var(--muted)}
.eh4-empty h2, .eh4-empty h3{font-size:18px; margin-bottom:6px; color:var(--text)}

/* ---------- الإعلان ---------- */
.eh4-ad{
  margin:28px auto; max-width:970px; min-height:120px; border:1px dashed var(--line-2,#d8d2c6);
  border-radius:var(--radius); display:grid; place-items:center; color:var(--muted);
  font-size:12.5px; background:rgba(255,255,255,.6); text-align:center; padding:10px;
}
.eh4-ad--empty{border-color:transparent !important;background:transparent !important;box-shadow:none !important}
.eh4-ad--empty .eh4-ad-lbl{visibility:hidden !important}
.eh4-ad-lbl{display:block; font-size:11px; color:var(--muted); letter-spacing:.08em; margin-bottom:6px}
.eh4-ad>ins.adsbygoogle{width:100%; justify-self:stretch; min-height:90px; display:block}

/* ---------- التذييل ---------- */
.eh4-foot{background:var(--ink); color:#c9d3e2; margin-top:34px; padding-block:28px 20px; font-size:13.5px}
.eh4-foot .eh4-cols{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:24px}
.eh4-foot h4, body.eh4 .eh4-foot .eh4-foot-h{color:#fff; font-size:16px; margin-bottom:10px; font-family:var(--ff-head); line-height:1.4}
.eh4-foot ul{list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:14px}
.eh4-foot a{color:#c9d3e2}
.eh4-foot a:hover{color:#fff}
.eh4-foot-desc{margin:0; font-size:14px; max-width:46ch}
.eh4-foot-note{background:#171c23; border-radius:10px; padding:13px 15px; font-size:12.5px; color:#98a1ac; margin-top:18px; line-height:1.8}
.eh4-foot-note b{color:#e7ecf4}
.eh4-foot-base{
  border-top:1px solid rgba(255,255,255,.12); margin-top:20px; padding-top:15px; font-size:12.5px; color:#93a1b5;
  display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
}

/* ---------- استجابة ---------- */
@media (max-width:1040px){
  .eh4-hero-grid{grid-template-columns:1fr}
  .eh4-split--hero,.eh4-split--econ{grid-template-columns:1fr}
  .eh4-2col{grid-template-columns:1fr}
  .eh4-latest{grid-template-columns:1fr 1fr}
  .eh4-latest-hd{grid-column:1/-1; flex-direction:row; align-items:center; justify-content:space-between}
  .eh4-live-grid{grid-template-columns:1fr}
  .eh4-foot .eh4-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .eh4-grid3{grid-template-columns:repeat(2,1fr)}
  .eh4-grid4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  body.eh4{font-size:15.5px}
  .eh4-wrap{padding-inline:14px}
  .eh4-topbar .eh4-wrap{padding-block:7px; gap:8px 10px}
  .eh4-social,.eh4-hijri{display:none}
  .eh4-masthead .eh4-wrap{min-height:64px; flex-wrap:wrap; gap:10px}
  .eh4-brand img{height:40px}
  .eh4-tagline{display:none}
  .eh4-search{max-width:none; order:3; flex-basis:100%; margin-inline-start:0}
  .eh4-search input{min-height:42px; font-size:14px}
  .eh4-btn-live{min-height:42px; padding-inline:14px; font-size:13px}
  .eh4-nav a{padding:11px 12px; min-height:44px; font-size:14px}
  .eh4-ticker .eh4-wrap{min-height:42px}
  .eh4-lead h1{font-size:26px}
  .eh4-lead-bd{padding:16px}
  .eh4-lead p{font-size:15px}
  .eh4-latest{grid-template-columns:1fr}
  .eh4-latest .eh4-it{border-inline-start:0; border-top:1px solid var(--line)}
  .eh4-grid3,.eh4-grid4,.eh4-grid2{grid-template-columns:1fr}
  .eh4-sec-h h2{font-size:21px}
  .eh4-card h3{font-size:18px}
  .eh4-article{padding:18px; border-radius:12px}
  .eh4-article h1{font-size:25px}
  .eh4-prose{font-size:16.5px; line-height:2}
  .eh4-cathead h1{font-size:26px}
  .eh4-live-side{padding:16px}
  .eh4-foot .eh4-cols{grid-template-columns:1fr}
  .eh4-ad{min-height:100px; font-size:11.5px}
}

@media (prefers-reduced-motion:reduce){
  body.eh4 *{animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important}
  .eh4-card:hover{transform:none}
}
@media print{
  body.eh4{background:#fff}
  .eh4-topbar,.eh4-masthead,.eh4-nav,.eh4-ticker,.eh4-foot,.eh4-share,.eh4-rail,.eh4-live,.eh4-ad{display:none!important}
}

/* ==========================================================================
   الوضع الليلي (اختياري) — يعمل بثلاث طرق:
   1) تفضيل النظام (prefers-color-scheme) إن لم يختر الزائر شيئًا.
   2) زر التبديل في الشريط العلوي (يُحفظ في localStorage).
   3) الصنف eh4-light يفرض النهاري رغم تفضيل النظام.
   ========================================================================== */
.eh4-theme{
  background:transparent; border:1px solid rgba(255,255,255,.28); color:#e7ecf4;
  border-radius:999px; min-width:38px; min-height:32px; cursor:pointer; font-size:14px; line-height:1;
}
.eh4-theme:hover{background:rgba(255,255,255,.1)}

/* ألوان الوضع الليلي (تُطبَّق على الجذر حسب الاختيار أو تفضيل النظام) */
html.eh4-dark, html.eh4-dark body.eh4{
    --paper:#0f141c;
    --white:#161d28;
    --text:#e8edf5;
    --body:#b9c4d4;
    --muted:#93a0b4;
    --muted-2:#6b7789;
    --line:#26303d;
    --ink:#0b1017;
    --ink-2:#131b26;
    --red-tint:#3a1220;
    --c-blue-t:#16233f; --c-teal-t:#0e2b28; --c-amber-t:#33220e;
    --c-violet-t:#241a3d; --c-slate-t:#1c2530;
    --c-blue:#93b8ff; --c-teal:#5eead4; --c-amber:#fbbf6a;
    --c-violet:#c4b5fd; --c-slate:#c3cedd; --red-text:#ff8fa3;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.35);
    --shadow-h:0 2px 6px rgba(0,0,0,.45), 0 16px 36px rgba(0,0,0,.45);
}
@media (prefers-color-scheme: dark){
  html:not(.eh4-light):not(.eh4-dark), html:not(.eh4-light):not(.eh4-dark) body.eh4{
    --paper:#0f141c;
    --white:#161d28;
    --text:#e8edf5;
    --body:#b9c4d4;
    --muted:#93a0b4;
    --muted-2:#6b7789;
    --line:#26303d;
    --ink:#0b1017;
    --ink-2:#131b26;
    --red-tint:#3a1220;
    --c-blue-t:#16233f; --c-teal-t:#0e2b28; --c-amber-t:#33220e;
    --c-violet-t:#241a3d; --c-slate-t:#1c2530;
    --c-blue:#93b8ff; --c-teal:#5eead4; --c-amber:#fbbf6a;
    --c-violet:#c4b5fd; --c-slate:#c3cedd; --red-text:#ff8fa3;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.35);
    --shadow-h:0 2px 6px rgba(0,0,0,.45), 0 16px 36px rgba(0,0,0,.45);
  }
}
html.eh4-dark body.eh4{ background:var(--paper); color:var(--text) }
html.eh4-dark body.eh4 .eh4-prose{ color:#c7d2e0 }
html.eh4-dark body.eh4 .eh4-lead p,
html.eh4-dark body.eh4 .eh4-lead-p{ color:#c2cddc }
html.eh4-dark body.eh4 .eh4-ad{ background:rgba(255,255,255,.02) }
html.eh4-dark body.eh4 .eh4-ph{ background:linear-gradient(135deg,#1b2331,#232d3d) }
html.eh4-dark body.eh4 .eh4-num .eh4-n{ color:#2b3646 }

/* الشعار في الوضع الليلي: نسخة بخلفية شفافة (المصدر الأصلي بخلفية بيضاء) */
html.eh4-dark body.eh4 .eh4-brand img{ content:url("../img/logo-elhadath-dark.png") }

/* ---------- شريط تقدّم القراءة + زر العودة للأعلى (v4) ---------- */
#eh4-progress{
  position:fixed; inset-block-start:0; inset-inline-start:0; block-size:3px; width:0;
  background:linear-gradient(90deg,var(--red),#ff5a78); z-index:60; transition:width .08s linear;
}
#eh4-top{
  position:fixed; inset-block-end:18px; inset-inline-end:18px; z-index:55;
  inline-size:46px; block-size:46px; border-radius:50%; border:0; cursor:pointer;
  background:var(--ink); color:#fff; font-size:19px; line-height:1;
  display:grid; place-items:center; opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .2s var(--ease), transform .2s var(--ease), visibility .2s;
  box-shadow:0 6px 20px rgba(17,27,43,.28);
}
#eh4-top.eh4-show{opacity:1; visibility:visible; transform:translateY(0)}
#eh4-top:hover{background:var(--red)}
html.eh4-dark body.eh4 #eh4-top{background:#232d3d}
@media (prefers-reduced-motion:reduce){ #eh4-top{transition:none} }

/* ---------- إصلاحات جودة المحتوى القديم (v4) ---------- */

/* 1) إخفاء أدوات «الإعجاب/المشاركة» التي تدسّها Jetpack داخل متن المقال
      (لدينا أزرار مشاركة خاصة بنا في eh4-share) */
body.eh4 /* Jetpack: «المقالات المرتبطة» تُظهر مقالات قديمة (2018/2019) وتُنافس بلوكنا «اقرأ أيضًا» → تُخفى */
.jp-relatedposts, #jp-relatedposts, .jp-relatedposts-headline{display:none!important}
.sharedaddy,
body.eh4 .jetpack-likes-widget-wrapper,
body.eh4 .sd-block{display:none !important}

/* 2) أزرار الشورت كود القديمة (class="shortc-button") كانت تعتمد على أنماط القالب الأب.
      نعيد لها شكل زر واضح بدل أن تظهر كنص/رابط مقطوع. */
body.eh4 .shortc-button,
body.eh4 a.shortc-button{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding-inline:18px;
  border-radius:999px; background:var(--red); color:#fff !important; font-weight:700; font-size:14.5px;
  border:0; box-shadow:0 2px 10px rgba(210,16,52,.22);
}
body.eh4 .shortc-button:hover{background:var(--red-dark); color:#fff !important}
body.eh4 .shortc-button.small{min-height:38px; font-size:13.5px}
body.eh4 .shortc-button.blue{background:#1d4ed8}

/* 3) محتوى قديم يستعمل محاذاة مركزية/صور بلا تنسيق => تناسق أفضل داخل المتن */
body.eh4 .eh4-prose a:not(.shortc-button):not(.eh4-btn){ text-decoration:underline; text-underline-offset:3px }
body.eh4 .eh4-prose table{max-width:100%; display:block; overflow-x:auto}

/* «اقرأ أيضًا» تُنتجه إضافة التوزيع بألوان مثبّتة inline (خلفية فاتحة) → نُلغيها لتعمل مع الوضع الليلي */
body.eh4 .eh-related{background:var(--white)!important; border-color:var(--line)!important; color:var(--text)!important}
body.eh4 .eh-related h3, body.eh4 .eh-related h2, body.eh4 .eh-related .eh-related-h{color:var(--text)}
body.eh4 .eh-related a{color:var(--text)}
body.eh4 .eh-related a:hover{color:var(--red-text,var(--red))}

/* ==========================================================================
   الهاتف/اللمس: تكبير أهداف النقر (الشرائح كانت 29×17px — أصغر من الحدّ الموصى به)
   ========================================================================== */
@media (pointer: coarse){
  body.eh4 .eh4-chip{ min-height:32px; padding:6px 13px; }
  body.eh4 .eh4-card-bd .eh4-chip, body.eh4 .eh4-lead-bd .eh4-chip{ padding:5px 12px; }
  body.eh4 .eh4-card-foot{ padding-block:10px; }
  body.eh4 .eh4-more-link{ min-height:34px; display:inline-flex; align-items:center; }
  body.eh4 .eh4-pager a{ min-width:40px; min-height:40px; }
}

/* ==========================================================================
   بانّير الموافقة على الكوكيز (أسود مثل التذييل → يعمل في الوضعين)
   ========================================================================== */
#eh4-consent{
  position:fixed; inset-inline:0; inset-block-end:0; z-index:300;
  background:var(--ink); color:#e7ecf4; padding:14px 18px;
  border-block-start:1px solid rgba(255,255,255,.14); box-shadow:0 -6px 24px rgba(0,0,0,.28);
}
#eh4-consent .eh4-consent-in{ max-width:var(--wrap); margin-inline:auto; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; }
#eh4-consent p{ margin:0; font-size:13.5px; line-height:1.75; flex:1 1 420px; color:#dbe3ee; }
#eh4-consent a{ color:#ffb3c0; text-decoration:underline; }
#eh4-consent .eh4-consent-btns{ display:flex; gap:8px; flex:0 0 auto; }
#eh4-consent button{
  font:inherit; font-size:13.5px; font-weight:700; cursor:pointer; border-radius:999px;
  padding:9px 18px; min-height:40px; border:1px solid transparent; transition:background .15s, border-color .15s;
}
#eh4-consent .eh4-consent-ok{ background:var(--red); color:#fff; border-color:var(--red); }
#eh4-consent .eh4-consent-ok:hover{ background:var(--red-dark); border-color:var(--red-dark); }
#eh4-consent .eh4-consent-no{ background:transparent; color:#dbe3ee; border-color:rgba(255,255,255,.4); }
#eh4-consent .eh4-consent-no:hover{ background:rgba(255,255,255,.12); }
@media (max-width:560px){
  #eh4-consent{ padding:12px 14px; }
  #eh4-consent p{ font-size:13px; flex-basis:100%; }
  #eh4-consent .eh4-consent-btns{ width:100%; }
  #eh4-consent button{ flex:1 1 auto; }
}


/* ===== تحسينات احترافية — 2026-09-27 ===== */
@media (min-width:721px){
  .eh4-search{max-width:600px}
  .eh4-search input{min-height:54px;font-size:16px;padding-inline:22px}
  .eh4-search button{min-height:54px;font-size:15.5px;padding-inline:30px;letter-spacing:.2px}
  .eh4-nav a{padding:15px 18px;min-height:54px;font-size:15.5px;letter-spacing:.1px}
}
.eh4-nav a{transition:color .15s ease,border-color .15s ease,background .15s ease}
.eh4-nav a:hover{background:rgba(16,24,40,.035)}
.eh4-nav a[aria-current="page"]{font-weight:800}
.eh4-search input:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.eh4-search button{box-shadow:0 2px 10px rgba(198,40,40,.25)}

/* ترويسة البث المباشر */
.eh4-live-brand{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.13)}
.eh4-live-brand img{width:58px;height:58px;border-radius:14px;background:#fff;padding:3px;object-fit:contain;box-shadow:0 3px 12px rgba(0,0,0,.4);flex:none}
.eh4-live-brand-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.eh4-live-brand-txt strong{font-size:18px;font-weight:800;letter-spacing:.2px;color:#fff}
.eh4-live-brand-txt small{color:#bcc7d8;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eh4-live-badge{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-weight:800;font-size:13px;padding:7px 14px;border-radius:999px;letter-spacing:.3px;flex:none}
.eh4-live-badge .eh4-dot{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
@media (max-width:720px){
  .eh4-live-brand{padding:12px 14px;gap:11px}
  .eh4-live-brand img{width:46px;height:46px;border-radius:12px}
  .eh4-live-brand-txt strong{font-size:15px}
  .eh4-live-brand-txt small{white-space:normal}
  .eh4-live-badge{font-size:12px;padding:6px 11px}
}

/* قائمة «المزيد» المنسدلة */
.eh4-more-wrap{position:relative; margin-inline-start:auto; display:inline-flex}
.eh4-more-wrap .eh4-more{margin-inline-start:0}
.eh4-more-menu{position:absolute; inset-inline-end:0; top:100%; margin-top:6px; background:var(--white); border:1px solid var(--line); border-radius:14px; box-shadow:0 12px 34px rgba(16,24,40,.16); padding:8px; min-width:240px; max-height:62vh; overflow:auto; display:none; z-index:60}
.eh4-more-wrap:hover .eh4-more-menu,.eh4-more-wrap:focus-within .eh4-more-menu{display:block}
.eh4-more-menu a{display:flex; justify-content:space-between; gap:14px; align-items:center; padding:9px 12px; min-height:0; border-radius:10px; border-bottom:0; font-size:14.5px; font-weight:600; color:var(--ink-2); white-space:nowrap}
.eh4-more-menu a:hover{background:rgba(198,40,40,.07); color:var(--red-text,var(--red))}
.eh4-more-n{font-size:12px; color:var(--muted); font-weight:700}
@media (min-width:1041px){ .eh4-nav .eh4-wrap{overflow:visible} }

/* ===== شريط الترددات + الطقس — 2026-09-28 ===== */
.eh4-tvbar{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#a9b8cd;white-space:nowrap}
.eh4-tvbar b{color:#e7ecf4;font-weight:700}
.eh4-tvbar .eh4-mono{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:1px 7px}
.eh4-tvbar a{color:#ffb3c1;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,179,193,.45)}
.eh4-tvbar a:hover{color:#fff;border-bottom-color:#fff}
.eh4-weather{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#a9b8cd;white-space:nowrap}
.eh4-weather b{color:#fff;font-weight:800}
.eh4-wcity{color:#8fa1b8}
.eh4-tvbar svg,.eh4-weather svg{opacity:.72}
@media (max-width:1000px){
  .eh4-topbar .eh4-wrap{gap:8px 12px;padding-block:6px}
  .eh4-tvbar{margin-inline-start:auto}
}.eh4-weather{display:inline-flex}
@media (max-width:620px){
  .eh4-topbar{font-size:12px}
  .eh4-tvbar b{display:none}
  .eh4-tvbar{gap:6px}
  .eh4-weather{display:none}
}

/* ===== PWA/تطبيق + شريط الجوال + كتلة البث في التذييل — 2026-09-28 ===== */
.eh4-foot-watch{display:flex; align-items:center; gap:12px; margin-top:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:11px 13px}
.eh4-foot-watch img{width:54px; height:54px; border-radius:12px; background:#fff; padding:3px; object-fit:contain; flex:none}
.eh4-foot-watch strong{display:block; font-size:15px; font-weight:800; color:#fff; line-height:1.35}
.eh4-foot-watch span{font-size:12.5px; color:#b9c4d6}
.eh4-foot-watch .eh4-mono{color:#fff; font-weight:800; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16); border-radius:6px; padding:1px 6px; letter-spacing:.4px}
.eh4-foot-live{margin-inline-start:auto; display:inline-flex; align-items:center; gap:6px; background:var(--red); color:#fff !important; font-weight:800; font-size:13px; padding:8px 13px; border-radius:999px; white-space:nowrap; text-decoration:none}
.eh4-foot-live .eh4-dot{background:#fff}
.eh4-quick{display:none}
@media (max-width:720px){
  .eh4-quick{display:flex; position:fixed; inset-inline:0; bottom:0; z-index:70; background:var(--white); border-top:1px solid var(--line); box-shadow:0 -6px 22px rgba(16,24,40,.12); padding-bottom:env(safe-area-inset-bottom)}
  body.eh4{padding-bottom:62px}
  .eh4-quick a,.eh4-quick button{flex:1 1 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:8px 4px; min-height:56px; font-size:11.5px; font-weight:700; color:var(--ink-2); background:none; border:0; font-family:inherit; cursor:pointer; text-decoration:none}
  .eh4-quick a:first-child{color:var(--red-text,var(--red))}
  .eh4-quick button:hover,.eh4-quick a:hover{background:rgba(16,24,40,.04)}
  .eh4-quick svg{opacity:.85}
}
@media print{.eh4-quick{display:none !important}}

/* ===== صقل بصري (تصميم وعرض) — 2026-09-28 ===== */
::selection{background:var(--red);color:#fff}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:84px}
body.eh4 :focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:8px}
.eh4-lead h1,.eh4-sec-h h2,.eh4-card h3,.eh4-it h3,.eh4-num h3{text-wrap:balance}
.eh4-card h3,.eh4-it h3,.eh4-num h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.eh4-card img{transition:transform .38s ease,opacity .3s ease}
.eh4-card:hover img{transform:scale(1.035)}
.eh4-card h3 a{transition:color .15s ease}
.eh4-card:hover h3 a{color:var(--red-text,var(--red))}
.eh4-meta{font-size:12.8px;color:#5c6a7e}
.eh4-meta time,time{font-variant-numeric:tabular-nums}
body.eh4 .eh4-chip{min-height:29px;padding:3px 12px;font-size:12.4px}
.eh4-th, .eh4-card>a{overflow:hidden}
*{scrollbar-width:thin;scrollbar-color:#c9d2de transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c9d2de;border-radius:999px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#a9b6c7;background-clip:content-box}
@media (prefers-color-scheme: dark){
  html:not(.eh4-light) .eh4-meta{color:#9dabbf}
  html:not(.eh4-light) ::-webkit-scrollbar-thumb{background:#3a4553;background-clip:content-box}
}
@media print{ .eh4-quick,.eh4-tvbar,.eh4-weather{display:none!important} }

/* ===== صفحة البث — تصميم احترافي v2 (بأسماء فريدة لتفادي تعارض الشريط العلوي) 2026-09-28 ===== */
.eh4-cathead--live{position:relative; overflow:hidden}
.eh4-cathead--live::after{content:""; position:absolute; inset-block-start:-80px; inset-inline-end:-60px; inline-size:250px; block-size:250px; border-radius:50%; background:radial-gradient(circle,rgba(210,16,52,.14),transparent 70%); pointer-events:none}
.eh4-cathead--live h1{font-size:36px; line-height:1.28; margin-block:2px 10px}

/* شارة «مباشر» بنقطة نابضة */
.eh4-liveb{display:inline-flex; align-items:center; gap:7px; background:var(--red); color:#fff !important; font-size:12.5px; font-weight:800; padding:4px 12px; border-radius:999px; white-space:nowrap; line-height:1.6}
.eh4-liveb-dot{inline-size:8px; block-size:8px; border-radius:50%; background:#fff; animation:eh4pulse 1.7s ease-in-out infinite}
@keyframes eh4pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}
@media (prefers-reduced-motion:reduce){.eh4-liveb-dot{animation:none}}

/* الكتلة الرئيسية */
.eh4-livepg{position:relative; display:block; background:var(--ink); color:#fff; border-radius:18px; overflow:hidden; box-shadow:0 20px 50px rgba(17,27,43,.24); margin-block-start:16px}
.eh4-livepg::before{content:""; position:absolute; inset-block-start:0; inset-inline:0; block-size:3px; background:linear-gradient(270deg,var(--red),#ff6076 42%,rgba(255,96,118,0) 92%); z-index:3}

/* رأس القناة */
.eh4-livepg-head{display:flex; align-items:center; gap:14px; padding:14px 20px; border-block-end:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0))}
.eh4-livepg-head img{inline-size:46px; block-size:46px; border-radius:12px; object-fit:cover; background:#fff; padding:2px; flex:none; box-shadow:0 6px 18px rgba(0,0,0,.35)}
.eh4-livepg-head .eh4-livepg-t{min-inline-size:0}
.eh4-livepg-head b{display:block; font-family:var(--ff-head); font-size:17px; font-weight:800; color:#fff; line-height:1.4}
.eh4-livepg-head small{display:block; font-size:12.5px; color:#9fb0c8}
.eh4-livepg-head .eh4-liveb{margin-inline-start:auto; flex:none}

/* الشبكة */
.eh4-livepg-grid{display:grid; grid-template-columns:minmax(0,1fr) 344px; align-items:stretch}
.eh4-livepg-main{display:flex; flex-direction:column; min-inline-size:0}
.eh4-livepg-side{display:flex; flex-direction:column; gap:14px; padding:20px; border-inline-start:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.022)}

/* المسرح */
.eh4-stage{position:relative; display:block; background:#05080f; aspect-ratio:16/9; overflow:hidden}
.eh4-stage-frame{position:absolute; inset:0; inline-size:100%; block-size:100%; border:0; display:block; background:#000}
.eh4-stage-poster{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-align:center; padding:22px;
  background:radial-gradient(95% 130% at 50% 0%,rgba(210,16,52,.24),transparent 60%),radial-gradient(circle at 50% 125%,rgba(38,54,82,.65),transparent 62%),linear-gradient(180deg,#0e1826,#060a12)}
.eh4-stage-logo{inline-size:92px; block-size:92px; border-radius:20px; object-fit:cover; background:#fff; padding:3px; box-shadow:0 14px 36px rgba(0,0,0,.5)}
.eh4-stage-hint{margin:0; font-size:12.5px; color:#93a4bd}
.eh4-playbtn{display:inline-flex; align-items:center; gap:12px; background:var(--red); color:#fff; border:0; cursor:pointer; font-family:inherit; font-size:16.5px; font-weight:800; padding:14px 30px; border-radius:999px; box-shadow:0 14px 34px rgba(210,16,52,.45),0 0 0 0 rgba(210,16,52,.5); transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.eh4-playbtn:hover,.eh4-playbtn:focus-visible{transform:translateY(-2px); background:var(--red-dark); box-shadow:0 18px 44px rgba(210,16,52,.55)}
.eh4-playbtn-ico{inline-size:0; block-size:0; border-style:solid; border-width:8px 0 8px 13px; border-color:transparent transparent transparent #fff}

/* الشريط السفلي للمشهد */
.eh4-livepg-strip{display:flex; align-items:center; gap:10px; padding:11px 18px; border-block-start:1px solid rgba(255,255,255,.07); flex-wrap:wrap; background:rgba(0,0,0,.18)}
.eh4-livepg-strip span{font-size:12.5px; color:#9fb0c8}
.eh4-livepg-strip b{color:#fff; font-weight:800}

/* الشريط الجانبي */
.eh4-livepg-h{font-size:16.5px; font-weight:800; margin:0; display:flex; align-items:center; gap:9px; color:#fff}
.eh4-livepg-h::before{content:""; inline-size:4px; block-size:17px; border-radius:2px; background:var(--red); flex:none}
.eh4-livepg-side .eh4-state{margin:0}
.eh4-livepg-watch{list-style:none; margin:0; padding:0; display:grid; gap:9px}
.eh4-livepg-watch>li{display:flex; align-items:center; gap:11px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); border-radius:12px; padding:10px 12px; transition:border-color .16s ease,background .16s ease}
.eh4-livepg-watch>li:hover{border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.07)}
.eh4-livepg-watch>li>a{display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none; inline-size:100%}
.eh4-livepg-watch b{display:block; font-size:14px; font-weight:800; color:#fff}
.eh4-livepg-watch small{display:block; font-size:12px; color:#9fb0c8}
.eh4-livepg-ic{inline-size:34px; block-size:34px; border-radius:10px; display:grid; place-items:center; background:rgba(255,255,255,.09); flex:none; color:#fff}

/* المشاركة */
.eh4-livepg-share{margin-block-start:auto; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); border-radius:12px; padding:12px}
.eh4-livepg-share>b{display:block; font-size:13.5px; margin-block-end:9px; color:#fff}
.eh4-livepg-share .eh4-livepg-srow{display:flex; gap:7px; flex-wrap:wrap}
.eh4-livepg-srow>a,.eh4-livepg-srow>button{inline-size:34px; block-size:34px; border:0; border-radius:9px; display:grid; place-items:center; background:rgba(255,255,255,.1); color:#fff; text-decoration:none; cursor:pointer; transition:background .16s ease,transform .16s ease}
.eh4-livepg-srow>a:hover,.eh4-livepg-srow>button:hover{background:var(--red); transform:translateY(-1px)}
.eh4-livepg-srow>.is-done{background:#0f8a4a !important}

/* الأسئلة الشائعة */
.eh4-livepg-faq{display:grid; gap:10px}
.eh4-livepg-faq details{background:var(--white); border:1px solid var(--line); border-radius:12px; padding:14px 17px; transition:border-color .16s ease}
.eh4-livepg-faq details[open]{border-color:#cfd9e6}
.eh4-livepg-faq summary{cursor:pointer; font-weight:800; font-size:15.5px; color:var(--ink)}
.eh4-livepg-faq p{margin:9px 0 0; color:var(--body); font-size:14.5px; line-height:1.85}

@media (max-width:960px){
  .eh4-livepg-grid{grid-template-columns:1fr}
  .eh4-livepg-side{border-inline-start:0; border-block-start:1px solid rgba(255,255,255,.08); padding:18px}
  .eh4-cathead--live h1{font-size:29px}
}
@media (max-width:720px){
  .eh4-stage-logo{inline-size:64px; block-size:64px; border-radius:15px}
  .eh4-playbtn{font-size:15px; padding:12px 22px}
  .eh4-livepg-head{padding:12px 14px; gap:11px}
  .eh4-livepg-head img{inline-size:40px; block-size:40px}
  .eh4-livepg-strip{padding:10px 14px}
}

/* أهداف لمس مريحة لأزرار المشاركة (≥44px على الشاشات اللمسية) */
.eh4-livepg-srow>a,.eh4-livepg-srow>button{inline-size:38px; block-size:38px}
@media (pointer:coarse){
  .eh4-livepg-srow{gap:9px}
  .eh4-livepg-srow>a,.eh4-livepg-srow>button{inline-size:44px; block-size:44px; border-radius:11px}
  .eh4-livepg-watch>li{padding:12px 13px}
}

/* ===== إصلاحات عرض الهاتف — الموقع كامل (2026-09-28) ===== */

/* 1) عنوان الخبر البارز في الرئيسية: كان 1.16rem (18.56px) أي أصغر من نص المتن
      ⇒ استعادة الهيمنة البصرية للعنوان الرئيسي على الهاتف. */
@media (max-width:640px){
  body.eh4 .eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle{font-size:1.62rem; line-height:1.4; letter-spacing:-.2px; margin-block:9px 11px}
  body.eh4 .eh4-cov-bd p{font-size:15px; line-height:1.8}
}

/* 2) أهداف لمس مريحة (≥40–44px) على الأجهزة اللمسية */
@media (pointer:coarse){
  .eh4-chip{min-height:34px; padding:5px 13px; font-size:12.5px; display:inline-flex; align-items:center}
  .eh4-ticker-items a{padding-block:9px; min-height:38px; display:inline-flex; align-items:center}
  .eh4-ticker-pause{min-inline-size:44px; min-block-size:44px; display:inline-grid; place-items:center}
  .eh4-nav .eh4-sub-btn{min-inline-size:32px; min-block-size:44px}
  .eh4-menu > li > a{min-block-size:46px}
  .eh4-date,.eh4-tvbar{min-block-size:34px; display:inline-flex; align-items:center}
  .eh4-foot a{min-block-size:34px; display:inline-flex; align-items:center}
  .eh4-share a,.eh4-share button{min-inline-size:40px; min-block-size:40px}
}

/* 3) شبكة الأخبار على الهاتف: بطاقات أوسع وحشو أرحم */
@media (max-width:560px){
  .eh4-wrap{padding-inline:14px}
  .eh4-grid4,.eh4-grid3,.eh4-grid2{gap:14px}
  .eh4-card-bd{padding:13px 14px}
  .eh4-sec-h h2{font-size:20px}
  .eh4-cathead h1{font-size:26px}
  .eh4-cathead{padding:18px}
  .eh4-article{padding:18px 16px}
  .eh4-article img, .eh4-box img, .eh4-card img{max-inline-size:100%; block-size:auto}
  table{display:block; max-inline-size:100%; overflow-x:auto}
  iframe{max-inline-size:100%}
}

/* 4) منع أي تجاوز أفقي من الروابط الطويلة أو النصوص اللاصقة */
.eh4-wrap{overflow-wrap:break-word}
.eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle,.eh4-cov-bd p,.eh4-card h3,.eh4-article h1{overflow-wrap:anywhere}

/* ===== إصلاحات الهاتف — v2: بأفضلية أعلى تتجاوز الأنماط المضمّنة ===== */

/* 1) عنوان الخبر البارز على الهاتف (أفضلية 0,3,4 مقابل 0,2,2 المضمّنة) */
@media (max-width:640px){
  html body.eh4 section.eh4-hero .eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle{font-size:1.6rem; line-height:1.4; letter-spacing:-.2px; margin-block:9px 11px}
  html body.eh4 section.eh4-hero .eh4-cov{min-height:300px}
}
@media (max-width:400px){
  html body.eh4 section.eh4-hero .eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle{font-size:1.45rem}
}

/* 2) أهداف لمس أكبر — مطبَّقة أيضًا بعرض الشاشة لتشمل كل الأجهزة الصغيرة */
@media (max-width:720px){
  .eh4-chip{min-height:34px; padding:5px 13px; font-size:12.5px; display:inline-flex; align-items:center}
  .eh4-ticker-items a{padding-block:9px; min-height:38px; display:inline-flex; align-items:center}
  .eh4-ticker-pause{min-inline-size:44px; min-block-size:44px; display:inline-grid; place-items:center}
  .eh4-date,.eh4-tvbar{min-block-size:34px; display:inline-flex; align-items:center}
  .eh4-foot a{min-block-size:34px; display:inline-flex; align-items:center}
  .eh4-share a,.eh4-share button{min-inline-size:38px; min-block-size:38px}
  .eh4-sub-btn{min-inline-size:34px; min-block-size:44px}
}

/* 3) منع التصاق النصوص الطويلة وإجبار الالتفاف */
.eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle,.eh4-cov-bd p,.eh4-card h3,.eh4-article h1,.eh4-it h3{overflow-wrap:anywhere}
.eh4-wrap{overflow-wrap:break-word}

/* ===== إصلاحات الهاتف — v3: أفضلية محسوبة (تتجاوز القواعد المضمّنة) ===== */
@media (max-width:640px){
  html body.eh4 section.eh4-hero .eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle{font-size:1.6rem; line-height:1.38}
}
@media (max-width:400px){
  html body.eh4 section.eh4-hero .eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle{font-size:1.55rem}
}
@media (max-width:720px){
  html body.eh4 .eh4-chip{min-height:34px; padding:5px 13px; font-size:12.5px; display:inline-flex; align-items:center}
  html body.eh4 .eh4-ticker-items a{min-height:38px}
  html body.eh4 .eh4-ticker-pause{min-inline-size:44px; min-block-size:44px}
  html body.eh4 .eh4-foot a{min-block-size:34px}
  html body.eh4 .eh4-share a,html body.eh4 .eh4-share button{min-inline-size:38px; min-block-size:38px}
  html body.eh4 .eh4-date,html body.eh4 .eh4-tvbar{min-block-size:34px}
}

/* تقوية هرمية عنوان الغلاف على الحاسوب (كان 26.9px مقابل 22px لعناوين البطاقات) */
@media (min-width:641px){
  body.eh4 .eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle{font-size:clamp(1.55rem, 2.5vw, 2.25rem); line-height:1.3}
}

/* هرمية عنوان الغلاف على الحاسوب — بأفضلية تتجاوز الأنماط المضمّنة */
@media (min-width:641px){
  html body.eh4 .eh4-cov-bd h1,.eh4-cov-bd h2.eh4-leadtitle{font-size:clamp(1.55rem, 2.5vw, 2.25rem); line-height:1.3}
}

/* أيقونات الوضع الليلي/النهاري (SVG بدل رموز نصية) */
.eh4-theme svg{display:block}
html:not(.eh4-dark) .eh4-theme .eh4-i-sun{display:none}
html.eh4-dark .eh4-theme .eh4-i-moon{display:none}