/*
Theme Name: Dakhla Youth — الشبيبة الاستقلالية
Theme URI: https://www.dakhlayouth.com
Author: منظمة الشبيبة الاستقلالية — الداخلة
Description: Dakhla Youth V8 Clean Audit — native scroll, GSAP progressive motion, RTL, Mobile-first, unified theme tokens.
Version: 9.12.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dakhlayouth
Tags: rtl-language-support, custom-colors, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ==========================================================================
   الشبيبة الاستقلالية — الداخلة
   نظام تصميم موحّد: ألوان، خطوط، مسافات وحركة
   ========================================================================== */

@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/fonts/readex-pro-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/fonts/readex-pro-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Single source of truth for the visual palette (V9: cream, blush, magenta, deep plum). Customizer values override these. */
  --ink:#2E1B27;
  --ink-rgb:46,27,39;
  --muted:#735E69;
  --deep:#2E1B27;
  --deep-2:#3B2432;
  --plum:#9D245F;
  --rose:#B72E72;
  --rose-hover:#9A2560;
  --rose-lt:#E7A3C4;
  --blush:#E8D9DF;
  --gold:#D46A9F;
  --bone:#EFE8DD;
  --bone-2:#F4F0E7;
  --surface:#F4F0E7;
  --surface-alt:#EFE8DD;
  --card:#F8F4ED;
  --card-soft:#FBF7F1;
  --card-shadow:#D4BDC8;
  --pill:#F3DBE6;
  --pill-ink:#9D245F;
  --on-dark:#FFF8FB;
  --on-dark-muted:#DCCBD3;
  --white:#FFFFFF;
  --success-bg:#EAF5EF; --success-border:#2E7D5B; --success-text:#1D5B3F;
  --rule:rgba(46,27,39,.14);
  --rule-strong:rgba(46,27,39,.24);
  --rule-lt:rgba(255,255,255,.16);
  --shadow-rgb:46,27,39;
  --shadow-soft:0 18px 50px -38px rgba(46,27,39,.30);
  --shadow-card:0 24px 70px -46px rgba(46,27,39,.30);
  --shadow-offset:12px 12px 0 var(--card-shadow);
  --ease-premium:cubic-bezier(.2,.8,.2,1);

  --f-title:"Readex Pro",Tahoma,Arial,sans-serif;
  --f-ui:"Readex Pro",Tahoma,Arial,system-ui,sans-serif;
  --f-num:"Readex Pro",Arial,Tahoma,sans-serif;

  --wrap:1320px;
  --section-y:clamp(3.5rem,6vw,5.5rem);
  --section-y-tight:clamp(2.5rem,4.5vw,4rem);
  --radius-card:4px;
  --radius-media:4px;
  --gut:clamp(1.1rem,4vw,2.2rem);
  --nav-h:78px;
}

*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  overflow-x:hidden; max-width:100%;
  scroll-padding-top:calc(var(--nav-h) + 16px);
}
body{
  margin:0; background:var(--bone-2); color:var(--ink);
  overscroll-behavior-y:auto;
  font-family:var(--f-ui); font-size:16px; font-weight:300; line-height:1.85; letter-spacing:-.012em;
  -webkit-font-smoothing:antialiased; max-width:100%;
  /* clip, not hidden: hidden made <body> a scroll container, so position:sticky (header, «حسابي» tabs) never stuck.
     Browsers without clip keep hidden; <html> still clips sideways overflow at the viewport. */
  overflow-x:hidden; overflow-x:clip;
}
body.is-locked{overflow:hidden}
/* Native scrolling is the single source of truth. */
[id]{scroll-margin-top:calc(var(--nav-h) + 18px)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}}

img{max-width:100%; display:block}
svg, video, iframe, table{max-width:100%}
iframe{border:0}
@keyframes dyFade{from{opacity:0} to{opacity:1}}
a{color:inherit; text-decoration:none}
button{font:inherit}
:focus-visible{outline:2px solid var(--gold); outline-offset:4px}

h1,h2,h3,h4{font-family:var(--f-title); font-weight:700; line-height:1.24; margin:0 0 .45em}
h1{font-size:clamp(2.35rem,6vw,4.6rem); line-height:1.14}
h2{font-size:clamp(1.75rem,3.9vw,2.9rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem)}
p{margin:0 0 1.05em}

.wrap{width:min(100% - (var(--gut) * 2), var(--wrap)); max-width:100%; margin-inline:auto}
.wrap--wide{width:min(100% - (var(--gut) * 2), 1480px); max-width:100%; margin-inline:auto}
.sec--deep h2,.sec--deep h3,.sec--deep h4{color:#fff}
.sec--tight{padding-block:clamp(2.6rem,5vw,4rem)}

/* حبيبات خفيفة فوق الموقع كامل */
.grain{
  position:fixed; inset:0; z-index:900; pointer-events:none; opacity:.04; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- عناصر تحريرية ---------- */
.kicker{
  font-family:var(--f-num);font-size:.72rem;font-weight:700;letter-spacing:.18em;
  color:var(--rose);display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1rem;
}
.kicker::before{content:"";width:34px;height:1px;background:currentColor}
.sec--deep .kicker{color:var(--gold)}
.dek{font-size:clamp(1rem,1.35vw,1.16rem);color:var(--muted);max-width:60ch;font-weight:300;line-height:1.9}
.sec--deep .dek{color:rgba(255,255,255,.66)}
.sechead{margin-bottom:clamp(2rem,4vw,3.2rem)}
.sechead--split{display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; flex-wrap:wrap}

/* ---------- أزرار ---------- */
.btn{
  --bg:var(--rose); --fg:#fff;
  display:inline-flex; align-items:center; gap:.6rem; position:relative; overflow:hidden;
  padding:.85rem 1.7rem; border:1px solid transparent; border-radius:2px; cursor:pointer;
  background:var(--bg); color:var(--fg); font-size:.86rem; font-weight:500;
  transition:color .3s ease, border-color .3s ease;
}
.btn span{position:relative; z-index:1}
.btn::after{
  content:""; position:absolute; inset:0; background:var(--ink);
  transform:scaleX(0); transform-origin:right; transition:transform .38s cubic-bezier(.65,0,.35,1);
}
.btn:hover::after{transform:scaleX(1)}
.btn--green{--bg:var(--plum)}
.btn--line{--bg:transparent; --fg:var(--ink); border-color:var(--rule)}
.btn--line:hover{color:#fff; border-color:var(--ink)}
.btn--light{--bg:transparent; --fg:#fff; border-color:var(--rule-lt)}
.btn--light::after{background:var(--card)}
.btn--light:hover{color:var(--deep); border-color:#fff}
.btn--block{width:100%; justify-content:center}

.arrowlink{
  display:inline-flex; align-items:center; gap:.5rem; font-size:.85rem; font-weight:500;
  color:var(--rose); border-bottom:1px solid transparent; padding-bottom:2px; transition:.25s;
}
.arrowlink svg{width:15px; height:15px; transition:transform .3s ease}
.arrowlink:hover{border-color:currentColor}
.arrowlink:hover svg{transform:translateX(-4px)}

/* ---------- الستارة عند التحميل ---------- */

/* ---------- الشريط العلوي ---------- */
.util{background:var(--deep);color:rgba(255,255,255,.62);font-size:.74rem;max-width:100%;border-bottom:1px solid rgba(255,255,255,.07)}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:32px}
.util a{transition:color .2s} .util a:hover{color:var(--gold)}
.util__soc{display:flex; gap:1.1rem}
@media (max-width:640px){
  .util{font-size:.68rem}
  .util .wrap{flex-wrap:wrap; row-gap:.2rem; padding-block:.35rem; justify-content:center; text-align:center}
  .util__soc{gap:.8rem}
}

/* ---------- الرأس ---------- */
.hdr{
  position:sticky;top:0;z-index:80;max-width:100%;background:color-mix(in srgb,var(--surface) 88%,transparent);
  border-bottom:1px solid var(--rule);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);
  transition:background .3s ease,box-shadow .3s ease;
}

.hdr .wrap{position:relative;width:min(calc(100% - 32px),1460px)}
.hdr__bar{
  display:grid;grid-template-columns:minmax(210px,auto) auto minmax(0,1fr) auto auto;
  grid-template-areas:"logo edition nav cta tools";align-items:center;column-gap:clamp(.65rem,1.5vw,1.25rem);min-height:82px;
}
.hdr__progress{position:absolute; bottom:-1px; inset-inline-start:0; height:2px; background:var(--gold); width:0}

/* الشعار: الاسم الكامل على الحاسوب، والمختصر (إن وُجد) على الهاتف */
.logo{grid-area:logo; display:flex; align-items:center; gap:.75rem; min-width:0}
.logo svg{width:46px; height:46px; flex:0 0 46px}
.logo b{display:block;font-family:var(--f-title);font-size:1.08rem;font-weight:700;line-height:1.2}
.logo small{display:block;font-family:var(--f-num);font-size:.61rem;letter-spacing:.12em;color:var(--plum)}
.logo .logo__short{display:none}

/* القائمة */
.site-nav{grid-area:nav; min-width:0; display:flex; justify-content:center}
.nav{display:flex;align-items:center;justify-content:center;gap:.15rem;list-style:none;margin:0;padding:0;min-width:0}
.nav > li{flex:0 1 auto}
.nav a{position:relative; display:block; padding:.65rem clamp(.48rem,.85vw,.85rem); font-size:.84rem; line-height:1.35; white-space:nowrap;color:var(--ink);transition:color .22s,background .22s}
.nav > .menu-item-has-children > a{padding-inline-end:2.35rem}
.nav a::after{display:none}
.nav a:hover{background:var(--blush);color:var(--rose)} .nav a:hover::after{transform:scaleX(1)}
.nav a[aria-current=page]{background:var(--deep);color:var(--on-dark);font-weight:600}
.nav a[aria-current=page]::after{transform:scaleX(1)}
.nav .current-menu-ancestor > a,.nav .current-menu-parent > a{color:var(--rose); font-weight:500}

/* القوائم الفرعية (ووردبريس) */
.nav .menu-item-has-children{position:relative}
.nav .submenu-toggle{
  position:absolute; z-index:2; inset-inline-end:.22rem; top:.35rem; width:34px; height:34px;
  display:grid; place-items:center; border:0; background:transparent; color:var(--plum); cursor:pointer;
}
.nav .submenu-toggle svg{width:15px; height:15px; transition:transform .24s ease}
.nav .menu-item-has-children.is-submenu-open > .submenu-toggle svg{transform:rotate(180deg)}
.nav .sub-menu{list-style:none;margin:0;padding:.6rem;position:absolute;inset-inline-start:0;top:100%;min-width:235px;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-card);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;box-shadow:var(--shadow-card)}
.nav .menu-item-has-children:hover .sub-menu,
.nav .menu-item-has-children:focus-within .sub-menu,
.nav .menu-item-has-children.is-submenu-open .sub-menu{opacity:1; visibility:visible; transform:none}
.nav .sub-menu a{padding:.7rem .85rem;font-size:.85rem;border-radius:10px}
.nav .sub-menu a::after{display:none}

/* قائمة طويلة: سطر واحد لا يتجاوز مكانه أبدًا. دون JS تمرير أفقي؛ مع JS ينتقل ما لا يتسع إلى «المزيد». */
@media (min-width:1021px){
  .nav{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav > li{flex:0 0 auto}
  .nav.is-priority{overflow:visible}
}
.nav-more{display:none}
.nav-more.has-items{display:block}
.nav-more__btn{display:flex;align-items:center;gap:.35rem;padding:.65rem clamp(.48rem,.85vw,.85rem);border:0;background:transparent;color:var(--ink);font:inherit;font-size:.84rem;line-height:1.35;white-space:nowrap;cursor:pointer;border-radius:999px;transition:color .22s,background .22s}
.nav-more__btn svg{width:15px;height:15px;transition:transform .24s ease}
.nav-more__btn:hover,.nav-more.is-submenu-open .nav-more__btn{background:var(--blush);color:var(--rose)}
.nav-more.is-submenu-open .nav-more__btn svg{transform:rotate(180deg)}
.nav-more.has-current .nav-more__btn{color:var(--rose);font-weight:600}
.nav .nav-more > .sub-menu{inset-inline-start:auto;inset-inline-end:0;min-width:250px;max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain}
.nav-more .sub-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;min-width:0;padding:0;padding-inline-start:.9rem}
.nav-more .sub-menu .submenu-toggle{display:none}
.nav-more .sub-menu .menu-item-has-children > a{padding-inline-end:.85rem;font-weight:600}
.nav-more .sub-menu a[aria-current=page]{background:var(--deep);color:var(--on-dark)}

.hdr .btn{grid-area:cta;padding:.72rem 1.3rem;font-size:.8rem;white-space:nowrap;border-radius:999px}
.hdr-tools{grid-area:tools;display:flex;gap:.35rem}
.hdr-tool{width:38px;height:38px;border:1px solid var(--rule);background:var(--card);color:var(--ink);display:grid;place-items:center;position:relative;cursor:pointer;border-radius:50%;transition:.25s var(--ease-premium)}
.hdr-tool span{position:absolute;inset-block-start:-5px;inset-inline-end:-4px;background:var(--rose);color:#fff;border-radius:99px;min-width:17px;height:17px;font:700 10px/17px var(--f-num)}
.util__time{font-family:var(--f-num);font-size:.72rem;opacity:.72;margin-inline-start:auto}

.burger{display:none; width:44px; height:38px; background:none; border:1px solid var(--rule); border-radius:2px; cursor:pointer; padding:0}
.burger i{display:block; width:18px; height:1.5px; background:var(--ink); margin:4px auto; transition:.3s}
.hdr.is-open .burger i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.hdr.is-open .burger i:nth-child(2){opacity:0}
.hdr.is-open .burger i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* حاسوب صغير */
@media (min-width:1021px) and (max-width:1180px){
  .hdr__bar{grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto auto; grid-template-areas:"logo nav cta tools"; column-gap:.5rem}
  .hdr__edition{display:none} /* decorative; no column for it at this width */
  .logo{max-width:220px}.logo b{font-size:.98rem}.logo small{font-size:.58rem;letter-spacing:.08em}
  .logo svg,.logo img{width:40px!important;flex-basis:40px}
  .nav a{font-size:.76rem;padding-inline:.38rem}
  .nav > .menu-item-has-children > a{padding-inline-end:2rem}
  .hdr .btn{padding:.58rem .8rem;font-size:.74rem}
}

/* الهاتف واللوحي: سطر للشعار والزرّين، والقائمة لوحة جانبية منزلقة */
@media (max-width:1020px){
  .hdr__bar{
    grid-template-columns:1fr auto auto auto;
    grid-template-areas:"logo cta tools burger" "nav nav nav nav";
    column-gap:.6rem; row-gap:0;
  }

  .logo{margin-inline-end:0}
  .logo span{flex:1 1 auto; min-width:0}
  /* !important يتجاوز الأبعاد المضمّنة في وسم صورة الشعار */
  .logo svg,.logo img{width:36px !important; height:36px !important; flex:0 0 36px}
  .logo b{
    font-size:.95rem; line-height:1.3; overflow-wrap:anywhere;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    overflow:hidden; text-overflow:ellipsis;
  }
  .logo small{font-size:.6rem; letter-spacing:.08em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .logo .logo__full{display:none}
  .logo .logo__short,
  .logo--noshort .logo__full{display:-webkit-box}

  .hdr .btn{margin:0; padding:.55rem 1rem; font-size:.78rem}
  .burger{display:block; grid-area:burger; position:relative; z-index:80}

  /* طبقة التعتيم خلف اللوحة */
  .hdr.is-open::before{
    content:""; position:fixed; inset:0; z-index:78;
    background:rgba(var(--shadow-rgb),.55); animation:dyFade .3s ease;
  }

  /* اللوحة */
  .site-nav{width:100%}
  .hdr .nav{
    position:fixed; inset-block:0; right:0; left:auto; z-index:79;
    width:min(86vw, 360px); height:100vh; height:100dvh;
    min-height:100vh; max-height:100dvh;
    flex-direction:column; align-items:stretch; gap:0;
    padding:5.2rem 1.5rem 2rem;
    overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    background:var(--bone-2); border-inline-start:1px solid var(--rule);
    box-shadow:-26px 0 56px -32px rgba(var(--shadow-rgb),.85);
    transform:translateX(100%);
    transition:transform .38s cubic-bezier(.65,0,.35,1);
  }
  .hdr.is-open .nav{transform:translateX(0)}
  .hdr.is-open{backdrop-filter:none}
  .hdr .nav li{width:100%}
  .hdr .nav a{
    display:flex; align-items:center; justify-content:flex-start; width:100%;
    padding:1.05rem .2rem; font-size:1rem; border-bottom:1px solid var(--rule);
  }
  .hdr .nav a::after{display:none}
  .hdr .nav a[aria-current=page]{color:var(--rose); font-weight:600}
  .hdr .nav li:last-child a{border-bottom:0}

  /* القوائم الفرعية داخل اللوحة */
  .hdr .nav .sub-menu{
    position:static; display:none; opacity:1; visibility:visible; transform:none;
    padding:0 0 .4rem; padding-inline-start:1rem;
    border:0; box-shadow:none; background:transparent;
  }
  .hdr .nav .menu-item-has-children.is-submenu-open > .sub-menu{display:block}
  .hdr .nav .submenu-toggle{top:.55rem; inset-inline-end:0}
  .hdr .nav .sub-menu a{padding:.8rem .2rem; font-size:.9rem; opacity:.8}

  /* منع تمرير الصفحة خلف اللوحة */
  body.is-menu-open{touch-action:none}
}

@media (max-width:520px){
  .hdr__bar{grid-template-columns:1fr auto auto;grid-template-areas:"logo tools burger" "nav nav nav";column-gap:.45rem}
  .hdr__cta{display:none!important}
  .logo b{font-size:.86rem}
  .logo small{display:none}
  .hdr .btn{padding:.5rem .8rem; font-size:.74rem}
  .burger{width:40px; height:36px}
}

/* ---------- ترويسة الصفحات ---------- */
.phead{position:relative; background:var(--deep); color:#fff; overflow:hidden; max-width:100%}
.phead__img{position:absolute; inset:-10%; opacity:.42}
.phead__img img{width:100%; height:100%; object-fit:cover}
.phead::after{content:""; position:absolute; inset:0; background:linear-gradient(to left, rgba(var(--shadow-rgb),.9), rgba(var(--shadow-rgb),.55))}
.phead .wrap{position:relative; z-index:2; padding-block:clamp(3.4rem,8vw,6rem)}
.phead h1{color:#fff; font-size:clamp(2rem,5vw,3.6rem); margin-bottom:.3em}
.phead p{color:rgba(255,255,255,.74); max-width:56ch; margin:0}
.crumb{font-family:var(--f-num); font-size:.74rem; letter-spacing:.14em; color:var(--gold); margin-bottom:1rem}
.crumb a:hover{text-decoration:underline}

/* ---------- الأرقام ---------- */
.figs{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--rule)}
.figs > div{padding:1.9rem 1.4rem; border-inline-start:1px solid var(--rule)}
.figs > div:first-child{border-inline-start:0}
.figs b{display:block; font-family:var(--f-num); font-weight:800; font-size:clamp(2rem,4vw,2.9rem); line-height:1; color:var(--plum)}
.figs span{font-size:.8rem; color:var(--muted)}
@media (max-width:760px){
  .figs{grid-template-columns:1fr 1fr}
  .figs > div:nth-child(3){border-inline-start:0}
  .figs > div:nth-child(n+3){border-top:1px solid var(--rule)}
}
@media (max-width:640px){ .figs > div{padding:1.3rem 1rem} }

/* ---------- تقديم بصورة متراكبة ---------- */
.intro{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4.5rem); align-items:center}
@media (max-width:900px){ .intro{grid-template-columns:1fr} }
.intro__media{position:relative; overflow:visible}
@media (max-width:900px){ .intro__media{overflow:hidden; padding-bottom:24px} }
.intro__media .frame{position:relative; overflow:hidden; aspect-ratio:4/5; background:var(--deep)}
.intro__media .frame img{width:100%; height:114%; object-fit:cover; will-change:transform}
.intro__media .badge{
  position:absolute; inset-block-end:-26px; inset-inline-start:-26px; background:var(--gold); color:var(--deep);
  padding:1.4rem 1.6rem; max-width:230px;
}
.intro__media .badge b{display:block; font-family:var(--f-num); font-size:2rem; font-weight:800; line-height:1}
.intro__media .badge span{font-size:.78rem; line-height:1.5; display:block}
@media (max-width:900px){ .intro__media .badge{inset-inline-start:0; inset-block-end:-18px; max-width:200px; padding:1.1rem 1.3rem} }

/* ---------- الأخبار ---------- */
.news{display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(1.8rem,4vw,3.4rem)}
@media (max-width:920px){ .news{grid-template-columns:1fr} }
.lead-story .shot{position:relative; overflow:hidden; aspect-ratio:16/10; background:var(--deep)}
.lead-story .shot img{width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.lead-story:hover .shot img{transform:scale(1.045)}
.badge-cat{
  position:absolute; z-index:2; inset-block-start:0; inset-inline-start:0;
  background:var(--rose); color:#fff; font-size:.68rem; letter-spacing:.12em;
  font-family:var(--f-num); padding:.42rem .95rem;
}
.lead-story h3{font-size:clamp(1.35rem,2.6vw,1.85rem); margin:.9rem 0 .4rem}
.meta{font-family:var(--f-num); font-size:.74rem; letter-spacing:.1em; color:var(--muted)}
.meta b{color:var(--plum); font-weight:700}

.stack{display:grid; gap:0; align-content:start}
.item{display:grid; grid-template-columns:96px 1fr; gap:1.1rem; padding:1.15rem 0; border-top:1px solid var(--rule); align-items:start}
.item:first-child{border-top:0; padding-top:0}
.item .thumb{position:relative; aspect-ratio:1; overflow:hidden; background:var(--deep)}
.item .thumb img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease}
.item:hover .thumb img{transform:scale(1.08)}
.item h4{font-family:var(--f-title); font-size:1.02rem; margin:.25rem 0 .2rem; line-height:1.4; transition:color .2s}
.item:hover h4{color:var(--rose)}

/* ---------- المحاور ---------- */
.axes{border-top:1px solid var(--rule-lt)}
.axis{
  display:grid; grid-template-columns:64px 1fr 1.15fr; gap:1.6rem; align-items:start;
  padding:2rem 0; border-bottom:1px solid var(--rule-lt);
}
.axis__no{font-family:var(--f-num); font-size:.8rem; letter-spacing:.16em; color:var(--gold); padding-top:.5rem}
.axis__ttl{display:flex; align-items:center; gap:1rem}
.axis__ttl svg{width:30px; height:30px; stroke:var(--gold); fill:none; stroke-width:1.25; flex:0 0 30px}
.axis h3{margin:0}
.axis p{margin:0; font-size:.95rem}
@media (max-width:820px){
  .axis{grid-template-columns:44px 1fr}
  .axis p{grid-column:2}
}

/* ---------- الفروع ---------- */
.branch{
  padding:1.7rem 0; border-top:1px solid var(--rule);
  display:grid; grid-template-columns:1.2fr 1fr 1fr auto; gap:1.2rem; align-items:center;
  transition:background .3s ease;
}
.branch:hover{background:var(--bone)}
.branch h3{margin:0; font-size:1.15rem}
.branch small{display:block; font-size:.78rem; color:var(--muted)}
.branch .who{font-size:.9rem}
.branch .tel{font-family:var(--f-num); font-size:.9rem; direction:ltr; text-align:start}
@media (max-width:820px){ .branch{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .branch{grid-template-columns:1fr; gap:.4rem} }
/* صفوف الفروع ذات العمود الثابت (قالب الفروع) */
@media (max-width:640px){ .branch[style*="140px"]{grid-template-columns:1fr !important; gap:.2rem !important} }

/* ---------- شبكة وبطاقات ---------- */
.grid{display:grid; gap:1.6rem}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){ .g3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .g2,.g3{grid-template-columns:1fr} }

.card{background:var(--card); border:1px solid var(--rule); display:flex; flex-direction:column}
.card .shot{position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--deep)}
.card .shot img{width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.card:hover .shot img{transform:scale(1.05)}
.card__b{padding:1.3rem 1.4rem 1.5rem; display:flex; flex-direction:column; flex:1}
.card h3{margin:.5rem 0 .45rem; font-size:1.15rem}
.card p{font-size:.92rem; color:var(--muted); margin-bottom:1.1rem}
.card .arrowlink{margin-top:auto; align-self:flex-start}

/* ---------- المدوّنة: الواجهة والبطاقات ---------- */
.blog-showcase{padding-block:clamp(2rem,5vw,4rem); background:linear-gradient(180deg,var(--deep) 0 52%,var(--bone-2) 52%)}
.blog-slider{position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 70px -42px rgba(var(--shadow-rgb),.9)}
.blog-slide{position:absolute;inset:0;min-height:clamp(430px,62vw,650px);overflow:hidden;display:flex;align-items:flex-end;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--ease-premium),visibility .7s}
.blog-slide__image{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 7s linear}
.blog-slide.is-active .blog-slide__image{transform:scale(1.055)}
.blog-slide__shade{position:absolute; inset:0; background:linear-gradient(90deg,rgba(var(--shadow-rgb),.25),rgba(var(--shadow-rgb),.82) 64%,rgba(var(--shadow-rgb),.96))}
.blog-slide__content{position:relative; z-index:2; width:min(680px,74%); padding:clamp(2rem,6vw,5rem)}
.blog-slide__cat,.article-hero__cat{
  display:inline-flex; align-items:center; gap:.6rem; margin-bottom:1rem; color:var(--gold);
  font-family:var(--f-num); font-size:.72rem; font-weight:700; letter-spacing:.16em;
}
.blog-slide__cat::before,.article-hero__cat::before{content:""; width:25px; height:1px; background:currentColor}
.blog-slide h2{font-size:clamp(2rem,5vw,4.1rem); color:#fff; max-width:15ch; margin-bottom:.35em}
.blog-slide h2 a{transition:color .2s ease}.blog-slide h2 a:hover{color:var(--gold)}
.blog-slide__excerpt{max-width:58ch; color:rgba(255,255,255,.78); font-size:.96rem; margin-bottom:1rem}
.blog-slide__meta{display:flex; flex-wrap:wrap; gap:.55rem 1.25rem; margin-bottom:1.5rem; color:rgba(255,255,255,.68); font-family:var(--f-num); font-size:.76rem}
.blog-slide__meta span+span::before{content:"•"; margin-inline-end:1.25rem; color:var(--gold)}
.blog-slider__footer{position:absolute; z-index:5; inset-inline:clamp(1.2rem,3vw,2.2rem); bottom:1.3rem; display:flex; align-items:center; justify-content:space-between; pointer-events:none}
.blog-slider__pagination{display:flex; gap:.45rem; pointer-events:auto}
.blog-slider__pagination button{appearance:none;border:0;padding:0;cursor:pointer;width:24px;height:2px;margin:0!important;border-radius:0;background:rgba(255,255,255,.5);opacity:1;transition:width .25s,background .25s}
.blog-slider__pagination button.is-active{width:48px; background:var(--gold)}
.blog-slider__nav,.related-slider__nav{display:flex; gap:.55rem; pointer-events:auto}
.blog-slider__nav button,.related-slider__nav button{
  width:44px; height:44px; display:grid; place-items:center; padding:0; border:1px solid;
  border-radius:50%; cursor:pointer; transition:.25s;
}
.blog-slider__nav button{border-color:rgba(255,255,255,.35); background:rgba(var(--shadow-rgb),.28); color:#fff}
.blog-slider__nav button:hover{background:var(--card); color:var(--deep); border-color:#fff}
.blog-slider__nav svg,.related-slider__nav svg{width:16px; height:16px}
.blog-feed{padding-top:clamp(3.5rem,7vw,6rem)}
.blog-feed__head{padding-bottom:1.5rem; border-bottom:1px solid var(--rule)}
.blog-feed__count{font-family:var(--f-num); color:var(--plum); font-size:.82rem}
.story-card{
  position:relative; overflow:hidden; border-radius:var(--radius-card);
  box-shadow:0 1px 0 rgba(var(--shadow-rgb),.04), 0 22px 50px -42px rgba(var(--shadow-rgb),.9);
  transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;
}
.story-card:hover{transform:translateY(-8px); border-color:rgba(194,30,86,.28); box-shadow:0 34px 64px -40px rgba(var(--shadow-rgb),.75)}
.story-card .badge-cat{inset-block-start:.9rem; inset-inline-start:.9rem; border-radius:999px; padding:.38rem .85rem; box-shadow:0 8px 20px -10px rgba(194,30,86,.9)}
.story-card__media::after{content:""; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,rgba(var(--shadow-rgb),.78))}
.story-card__date{
  position:absolute; z-index:2; inset-block-end:.9rem; inset-inline-start:.9rem;
  display:flex; align-items:baseline; gap:.4rem; color:#fff; font-family:var(--f-num);
}
.story-card__date b{font-size:1.9rem; line-height:1; font-weight:700; color:var(--gold)}
.story-card__date small{font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; opacity:.85}
.story-card .card__b{padding:1.25rem 1.35rem 1.2rem; gap:.55rem}
.story-card__meta{display:flex; flex-wrap:wrap; gap:.35rem .75rem; color:var(--muted); font-family:var(--f-num); font-size:.72rem}
.story-card__meta:empty{display:none}
.story-card__meta > * + *::before{content:"•"; margin-inline-end:.75rem; color:var(--rose)}
.story-card h3{
  margin:0; font-size:clamp(1.12rem,1.8vw,1.32rem); line-height:1.5;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.story-card p{
  margin:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.story-card__foot{
  margin-top:auto; padding-top:1rem; border-top:1px solid var(--rule);
  display:flex; align-items:center; justify-content:space-between; gap:.8rem;
}
.story-card__author{display:flex; align-items:center; gap:.55rem; min-width:0; font-size:.8rem; font-weight:600; color:var(--ink)}
.story-card__author span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.story-card__author img{width:30px; height:30px; border-radius:50%; flex:0 0 30px; border:2px solid var(--blush)}
.story-card__go{
  flex:0 0 40px; width:40px; height:40px; border-radius:50%; display:grid; place-items:center;
  border:1px solid var(--rule); color:var(--rose); transition:background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}
.story-card__go svg{width:16px; height:16px}
.story-card:hover .story-card__go{background:var(--rose); border-color:var(--rose); color:#fff; transform:translateX(-3px)}
.story-card h3 a{background-image:linear-gradient(var(--rose),var(--rose)); background-position:100% 100%; background-repeat:no-repeat; background-size:0 1px; transition:background-size .35s ease}
.story-card h3 a:hover{background-size:100% 1px}

@media (max-width:700px){
  .blog-showcase{padding-block:1.2rem 2.5rem}
  .blog-showcase .wrap{width:calc(100% - 1.4rem)}
  .blog-slide{min-height:520px}
  .blog-slide__shade{background:linear-gradient(0deg,rgba(var(--shadow-rgb),.98),rgba(var(--shadow-rgb),.58) 70%,rgba(var(--shadow-rgb),.25))}
  .blog-slide__content{width:100%; padding:1.6rem 1.35rem 5.6rem}
  .blog-slide h2{font-size:clamp(1.8rem,9vw,2.7rem)}
  .blog-slide__excerpt{font-size:.9rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
  .blog-slider__footer{bottom:1.25rem}
  .blog-slider__nav button{width:40px; height:40px}
}

/* ---------- المرشّح ---------- */
.chips{display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:2.2rem; border-bottom:1px solid var(--rule); padding-bottom:1.2rem}
.chip{padding:.45rem 1.1rem; border:1px solid var(--rule); background:transparent; border-radius:2px; font-size:.82rem; font-weight:300; cursor:pointer; transition:.25s}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--deep); color:#fff; border-color:var(--deep)}

/* ---------- المعرض ---------- */
.gal{display:grid; grid-template-columns:repeat(12,1fr); gap:.6rem}
.gal button{padding:0; border:0; background:var(--deep); cursor:pointer; overflow:hidden; position:relative}
.gal img{width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.gal button:hover img{transform:scale(1.06)}
.gal button::after{
  content:"+"; position:absolute; inset-block-end:.5rem; inset-inline-end:.7rem; color:#fff;
  font-size:1.3rem; opacity:0; transform:translateY(6px); transition:.3s;
}
.gal button:hover::after{opacity:.9; transform:none}
.gal .s4{grid-column:span 4; aspect-ratio:4/3}
.gal .s6{grid-column:span 6; aspect-ratio:16/9}
.gal .s3{grid-column:span 3; aspect-ratio:1}
.gal .s8{grid-column:span 8; aspect-ratio:16/9}
@media (max-width:820px){
  .gal{grid-template-columns:repeat(6,1fr)}
  .gal .s4,.gal .s6,.gal .s8{grid-column:span 6; aspect-ratio:16/10}
  .gal .s3{grid-column:span 3; aspect-ratio:1}
}

.lb{position:fixed; inset:0; z-index:950; background:rgba(var(--shadow-rgb),.97); display:none; place-items:center; padding:1.5rem}
.lb.on{display:grid}
.lb img{max-width:min(94vw,1080px); max-height:82vh; object-fit:contain}
.lb button{position:absolute; width:50px; height:50px; border:1px solid var(--rule-lt); background:transparent; color:#fff; border-radius:50%; cursor:pointer; display:grid; place-items:center; transition:.25s}
.lb button:hover{background:var(--card); color:var(--deep)}
.lb svg{width:16px; height:16px}
.lb__x{inset-block-start:1.4rem; inset-inline-end:1.4rem}
.lb__p{inset-block-start:50%; inset-inline-start:1.4rem; transform:translateY(-50%)}
.lb__n{inset-block-start:50%; inset-inline-end:1.4rem; transform:translateY(-50%)}
@media (max-width:640px){
  .lb__p,.lb__n{width:42px; height:42px}
  .lb__p{inset-inline-start:.6rem} .lb__n{inset-inline-end:.6rem}
}
.lb__c{position:absolute; inset-block-end:1.6rem; color:rgba(255,255,255,.7); font-size:.85rem; font-family:var(--f-num)}

/* ---------- فيديو ---------- */
.vid{border:1px solid var(--rule); background:#000}
.vid__f{position:relative; aspect-ratio:16/9}
.vid__f iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.vid__empty{position:absolute; inset:0; display:grid; place-items:center; padding:1rem; background:var(--deep); color:rgba(255,255,255,.5); font-size:.85rem; text-align:center}
.vid__c{display:flex; align-items:center; justify-content:space-between; gap:.8rem; background:var(--card); padding:.95rem 1.15rem; font-size:.92rem}
.vid__src{
  font-family:var(--f-num); font-size:.68rem; letter-spacing:.08em; flex-shrink:0;
  background:var(--blush); color:var(--plum); padding:.22rem .6rem; border-radius:2px;
}

/* ---------- نماذج ---------- */
.form{display:grid; gap:1rem}
.f{display:grid; gap:.45rem}
.f label{font-size:.8rem; font-weight:500}
.f small{font-size:.76rem; color:var(--muted)}
.f input,.f select,.f textarea{
  font-family:var(--f-ui); font-weight:300; font-size:.95rem; padding:.8rem .95rem; color:var(--ink);
  border:1px solid var(--rule); background:var(--card); width:100%; min-width:0; min-height:48px; border-radius:var(--radius-card);
  transition:border-color .25s;
}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--plum);outline-offset:2px; border-color:var(--plum)}
.f textarea{min-height:86px; resize:vertical}
.f2{align-items:start;display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem}
@media (max-width:620px){ .f2{grid-template-columns:1fr} }
/* 16px تمنع التكبير التلقائي في iOS عند التركيز */
@media (max-width:768px){
  input, select, textarea,
  .f input, .f select, .f textarea,
  .hero2__search input{font-size:16px !important}
}
@media (max-width:400px){ .g-recaptcha{transform:scale(.82); transform-origin:top center} }
.chk{display:flex; gap:.7rem; align-items:flex-start; font-size:.83rem; color:var(--muted)}
.chk input{width:auto; margin-top:.4rem}
.note{font-size:.8rem; color:var(--muted); border-inline-start:2px solid var(--gold); padding-inline-start:.9rem; line-height:1.7}
.note code{font-family:var(--f-num); background:var(--bone); padding:.1rem .35rem}

/* ---------- بطاقة العضوية الحيّة ---------- */
.mcard{
  position:sticky; top:calc(var(--nav-h) + 24px); color:#fff; padding:1.8rem;border-radius:var(--radius-card);
  background:linear-gradient(150deg,#7A1440,#2A0714); border:1px solid rgba(255,255,255,.12);
  aspect-ratio:1.586; display:flex; flex-direction:column; justify-content:space-between;
  box-shadow:0 30px 60px -34px rgba(var(--shadow-rgb),.75); overflow:hidden;
}
.mcard::before{
  content:""; position:absolute; inset-block-start:-40%; inset-inline-end:-20%; width:70%; aspect-ratio:1;
  background:radial-gradient(circle, rgba(201,162,39,.32), transparent 68%);
}
.mcard > *{position:relative}
.mcard__t{display:flex; justify-content:space-between; align-items:flex-start; gap:1rem}
.mcard__org{font-family:var(--f-title); font-size:1rem; line-height:1.35}
.mcard__org span{display:block; font-family:var(--f-num); font-size:.62rem; letter-spacing:.16em; color:var(--gold); margin-top:.2rem}
.mcard__nm{font-family:var(--f-title); font-size:clamp(1.2rem,2.6vw,1.6rem); margin:0; min-height:1.3em}
.mcard__br{font-size:.82rem; color:rgba(255,255,255,.6); margin:.15rem 0 0}
.mcard__f{display:flex; justify-content:space-between; align-items:flex-end; padding-top:.9rem; border-top:1px solid rgba(255,255,255,.16)}
.mcard__id{font-family:var(--f-num); letter-spacing:.18em; font-size:.8rem; color:var(--gold)}
.mcard__yr{font-family:var(--f-num); font-size:.72rem; color:rgba(255,255,255,.55)}
@media (max-width:900px){ .mcard{position:relative;top:auto; aspect-ratio:auto} }

/* ---------- شريط الدعوة ---------- */
.band{position:relative; background:var(--deep); color:#fff; overflow:hidden; max-width:100%}
.band__img{position:absolute; inset:0; opacity:.26}
.band__img img{width:100%; height:100%; object-fit:cover}
.band .wrap{position:relative; z-index:2; padding-block:clamp(3rem,6vw,5rem); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.8rem}
.band h2{color:#fff; margin:0 0 .3em; max-width:18ch}
.band p{margin:0; color:rgba(255,255,255,.7); max-width:48ch}
@media (max-width:640px){ .cta, .band .wrap{text-align:start} }

/* ---------- خريطة ---------- */
.map{border:1px solid var(--rule); aspect-ratio:16/9; background:var(--bone); overflow:hidden}
.map iframe{width:100%; height:100%; border:0; display:block; filter:grayscale(.35) contrast(1.05)}
@media (max-width:640px){ .map{aspect-ratio:4/3} }

/* ---------- التذييل ---------- */
.ftr{background:var(--deep); color:rgba(255,255,255,.62); padding-top:clamp(3rem,6vw,4.6rem); font-size:.88rem; max-width:100%}
.ftr h4{color:#fff; font-family:var(--f-num); font-size:.76rem; letter-spacing:.18em; font-weight:700; margin-bottom:1.2rem}
.ftr a{transition:color .2s} .ftr a:hover{color:var(--gold)}
.ftr__g{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.3fr; gap:2.4rem; padding-bottom:3rem}
@media (max-width:900px){ .ftr__g{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .ftr__g{grid-template-columns:1fr} }
.ftr ul{list-style:none; margin:0; padding:0; display:grid; gap:.6rem}
.ftr .logo b{color:#fff} .ftr .logo small{color:var(--gold)}
.ftr__b{border-top:1px solid var(--rule-lt); padding-block:1.3rem; font-size:.78rem; display:flex; flex-wrap:wrap; justify-content:space-between; gap:.6rem; color:rgba(255,255,255,.45)}

/* ---------- تحريك ---------- */
.line-mask{display:block; overflow:hidden}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition-duration:.01ms !important}
}


/* ---------- وثائق للتحميل ---------- */
.docs{display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem}
@media (max-width:820px){ .docs{grid-template-columns:1fr} }
.doc{
  display:flex; align-items:center; gap:1.1rem; padding:1.5rem 1.6rem; background:var(--card);
  border:1px solid var(--rule); transition:border-color .3s ease, transform .3s ease;
}
.doc:hover{border-color:var(--rose); transform:translateY(-3px)}
.doc svg{width:30px; height:30px; stroke:var(--rose); fill:none; stroke-width:1.4; flex:0 0 30px}
.doc b{display:block; font-family:var(--f-title); font-size:1.1rem; font-weight:700}
.doc span{font-size:.8rem; color:var(--muted); font-family:var(--f-num); letter-spacing:.06em}

/* ---------- الهيئات الشريكة ---------- */
.orgs{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule)}
@media (max-width:720px){ .orgs{grid-template-columns:repeat(2,1fr)} }
.orgs a{
  background:var(--card); display:grid; place-items:center; padding:2rem 1rem; text-align:center;
  font-family:var(--f-title); font-size:1.02rem; color:var(--muted); transition:.3s;
}
.orgs a:hover{color:var(--rose); background:var(--blush)}

/* ---------- شريط الاتصال ---------- */
.reach{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule-lt)}
@media (max-width:760px){ .reach{grid-template-columns:1fr} }
.reach > div{background:var(--deep); padding:2rem 1.8rem}
.reach h4{font-family:var(--f-num); font-size:.72rem; letter-spacing:.2em; color:var(--gold); margin-bottom:.7rem}
.reach p{margin:0; font-family:var(--f-num); font-size:1.15rem; color:#fff; direction:ltr; text-align:start}
.reach p.ar{direction:rtl; font-size:1rem; font-family:var(--f-ui); font-weight:300; color:rgba(255,255,255,.8)}


/* ==========================================================================
   إضافات خاصة بووردبريس
   ========================================================================== */
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.skip-link{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; z-index:1001;
}
.skip-link:focus{
  width:auto; height:auto; overflow:visible; clip:auto; clip-path:none;
  inset-inline-start:1rem; top:1rem; background:var(--card); color:var(--ink); padding:.7rem 1.2rem;
}

.admin-bar .hdr{top:32px}
@media screen and (max-width:782px){ .admin-bar .hdr{top:46px} }

/* محتوى المقال */
.entry{max-width:74ch; margin-inline:auto; font-size:1.05rem}
.entry > *{margin-bottom:1.2em}
.entry h2{font-size:clamp(1.4rem,3vw,2rem); margin-top:2em}
.entry h3{margin-top:1.8em}
.entry a{color:var(--rose); border-bottom:1px solid rgba(194,30,86,.35)}
.entry a:hover{border-color:var(--rose)}
.entry blockquote{
  border-inline-start:3px solid var(--gold); padding-inline-start:1.4rem; margin-inline:0;
  font-family:var(--f-title); font-size:1.2rem; color:var(--plum);
}
.entry ul,.entry ol{padding-inline-start:1.4rem}
.entry li{margin-bottom:.5em}
.entry img,.entry .wp-block-image img{width:100%; height:auto}
.entry figcaption,.wp-caption-text{font-size:.82rem; color:var(--muted); text-align:center; margin-top:.6rem}
.entry table{width:100%; border-collapse:collapse; font-size:.92rem}
.entry th,.entry td{border:1px solid var(--rule); padding:.7rem .9rem; text-align:start}
.entry th{background:var(--blush)}
.entry pre{background:var(--deep); color:#fff; padding:1.2rem; overflow:auto; font-size:.85rem}
.alignwide{width:min(100%,1100px); margin-inline:auto}
.alignfull{width:100%; max-width:100%; margin-inline:0}
/* 100vw يشمل شريط التمرير، لذلك يُستعمل على الشاشات الكبيرة فقط */
@media (min-width:1024px){ .alignfull{width:100vw; margin-inline:calc(50% - 50vw); max-width:none} }
.alignright{float:right; margin:0 0 1rem 1.4rem; max-width:45%}
.alignleft{float:left; margin:0 1.4rem 1rem 0; max-width:45%}
.aligncenter{margin-inline:auto}
@media (max-width:760px){
  .entry table{display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .entry pre{overflow-x:auto}
  .entry img{height:auto}
  .alignright, .alignleft{float:none; margin:0 0 1rem; max-width:100%}
}

/* شريط معلومات المقال */
.entry-head{text-align:center; max-width:74ch; margin:0 auto clamp(2rem,4vw,3rem)}
.entry-head .meta{justify-content:center}
.entry-share{display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-top:3rem; padding:1.2rem 1.25rem; background:var(--bone)}
.entry-share a{
  font-size:.78rem; padding:.4rem .9rem; border:1px solid var(--rule); border-radius:2px; transition:.25s;
}
.entry-share a:hover{background:var(--deep); color:#fff; border-color:var(--deep)}

/* المقال المفرد */
.article-hero{position:relative; min-height:clamp(500px,72vh,760px); overflow:hidden; display:flex; align-items:flex-end; color:#fff; background:var(--deep)}
.article-hero__image{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.article-hero__shade{position:absolute; inset:0; background:linear-gradient(0deg,rgba(var(--shadow-rgb),.98),rgba(var(--shadow-rgb),.65) 60%,rgba(var(--shadow-rgb),.28))}
.article-hero__content{position:relative; z-index:2; padding-block:clamp(3rem,8vw,6rem)}
.article-hero .crumb{color:rgba(255,255,255,.65); margin-bottom:clamp(2.2rem,8vh,5rem)}
.article-hero .crumb a:hover{color:var(--gold)}
.article-hero h1{max-width:20ch; color:#fff; font-size:clamp(2.1rem,4.8vw,4.2rem); line-height:1.2; margin-bottom:.4em}
/* العناوين الطويلة تصغر تلقائياً حتى لا تملأ الشاشة */
.article-hero h1.is-long{max-width:26ch; font-size:clamp(1.75rem,3.6vw,3.2rem); line-height:1.28}
.article-hero h1.is-xlong{max-width:32ch; font-size:clamp(1.5rem,2.9vw,2.6rem); line-height:1.35}
.article-hero__meta{display:flex; flex-wrap:wrap; gap:.55rem 1.4rem; color:rgba(255,255,255,.7); font-family:var(--f-num); font-size:.8rem}
.article-hero__meta span::before{content:"•"; margin-inline-end:1.4rem; color:var(--gold)}
.article-section{background:linear-gradient(90deg,var(--bone-2),var(--card) 50%,var(--bone-2))}
.article-layout{display:grid; grid-template-columns:minmax(0,760px) minmax(190px,250px); justify-content:center; align-items:start; gap:clamp(2.2rem,6vw,5.5rem)}
.article-entry{max-width:none; margin:0; font-size:clamp(1.02rem,1.35vw,1.12rem); line-height:2}
.article-body > p:first-of-type{font-size:1.12em; color:var(--plum)}
.article-body > p:first-of-type::first-letter{font-family:var(--f-title); font-size:3.4em; line-height:.8; float:right; margin:.16em 0 0 .12em; color:var(--rose)}
.article-entry h2{position:relative; padding-inline-start:1rem}
.article-entry h2::before{content:""; position:absolute; inset-inline-start:0; top:.18em; bottom:.18em; width:3px; background:var(--gold)}
.article-entry blockquote{margin-block:2rem; padding:1.5rem 1.7rem; background:var(--blush); border-inline-start:4px solid var(--rose)}
.article-entry img,.article-entry .wp-block-image img{border-radius:3px}
.article-aside{position:sticky; top:calc(var(--nav-h) + 28px); border-top:2px solid var(--gold)}
.article-aside__box{padding:1rem 0; border-bottom:1px solid var(--rule)}
.article-aside__box span{display:block; color:var(--muted); font-family:var(--f-num); font-size:.68rem; letter-spacing:.1em; margin-bottom:.25rem}
.article-aside__box strong{display:block; font-family:var(--f-title); font-size:1rem}
.entry-share strong{font-family:var(--f-title); margin-inline-end:auto}
/* العنوان داخل سلايدر الصور */
.article-hero--slider{min-height:clamp(580px,90vh,920px); flex-direction:column; justify-content:flex-end; align-items:stretch}
.article-hero__slider{position:absolute; inset:0; z-index:0}

.article-hero__slider .article-hero__image{transform:scale(1.12); transition:transform 8s linear}
.article-hero__slide.is-active .article-hero__image{transform:scale(1)}
.article-hero--slider .article-hero__shade{z-index:1; background:linear-gradient(0deg,rgba(var(--shadow-rgb),.97) 8%,rgba(var(--shadow-rgb),.6) 48%,rgba(var(--shadow-rgb),.15)),linear-gradient(90deg,rgba(var(--shadow-rgb),.35),transparent 60%)}
.article-hero--slider .article-hero__content{padding-bottom:1.8rem}
.article-hero__controls{
  position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:1.4rem;
  padding-block:1.1rem 1.7rem; border-top:1px solid rgba(255,255,255,.16);
}
.article-hero__progress{position:absolute; inset-inline:0; top:-1px; height:2px}
.article-hero__progress i{display:block; height:100%; background:var(--gold); transform:scaleX(0); transform-origin:right}
.article-hero__thumbs{display:flex;gap:8px;overflow:auto;scrollbar-width:none;flex:1 1 auto;min-width:0;margin:0}
.article-hero__thumbs button{flex:0 0 84px;width:84px;height:58px;padding:0;border:0;overflow:hidden;cursor:pointer;opacity:.5;border-radius:5px;outline:2px solid transparent;outline-offset:-2px;background:transparent;transition:opacity .3s ease,outline-color .3s ease}
.article-hero__thumbs button:hover{opacity:.8}
.article-hero__thumbs button.is-active{opacity:1; outline-color:var(--gold)}
.article-hero__thumbs img{width:100%; height:100%; object-fit:cover}
.article-hero__nav{display:flex; align-items:center; gap:.5rem; flex:0 0 auto; margin-inline-start:auto}
.article-hero__count{margin:0 .7rem; color:rgba(255,255,255,.55); font-family:var(--f-num); font-size:.85rem; letter-spacing:.08em}
.article-hero__count b{color:#fff; font-size:1.7rem; font-weight:700}
.article-hero__nav button{
  width:46px; height:46px; border-radius:50%; display:grid; place-items:center; cursor:pointer; color:#fff;
  border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.06); backdrop-filter:blur(8px);
  transition:background .25s ease, border-color .25s ease;
}
.article-hero__nav button:hover{background:var(--rose); border-color:var(--rose)}
.article-hero__nav svg{width:18px; height:18px}
@media (max-width:640px){
  .article-hero--slider{min-height:620px}
  .article-hero__controls{gap:.8rem; padding-block:.9rem 1.2rem}
  .article-hero__thumbs{display:none}
  .article-hero__count{margin-inline:0 .3rem}
  .article-hero__count b{font-size:1.3rem}
  .article-hero__nav button{width:40px; height:40px}
}

/* ==========================================================================
   مزايا المقال
   ========================================================================== */

/* أدوات القراءة */
.article-tools{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:2rem; padding-bottom:1.3rem; border-bottom:1px solid var(--rule)}
.article-tools__btn{
  display:inline-flex; align-items:center; gap:.45rem; min-height:40px; padding:.45rem .95rem;
  border:1px solid var(--rule); border-radius:999px; background:var(--card); color:var(--ink);
  font:500 .8rem var(--f-ui); cursor:pointer; transition:background .25s ease, color .25s ease, border-color .25s ease;
}
.article-tools__btn[hidden]{display:none}
.article-tools__btn svg{width:16px; height:16px; flex:0 0 16px}
.article-tools__btn span{display:inline-flex}
.article-tools__btn:hover{border-color:var(--rose); color:var(--rose)}
.article-tools__btn.is-active,.article-tools__btn[aria-pressed=true]{background:var(--rose); border-color:var(--rose); color:#fff}
.article-tools__btn--icon{width:40px; padding:0; justify-content:center}

/* ملخص في 30 ثانية */
.article-summary{
  position:relative; margin:0 0 2.4rem; padding:1.4rem 1.6rem 1.2rem; border-radius:var(--radius-card); overflow:hidden;
  background:linear-gradient(135deg,var(--blush),var(--card)); border:1px solid var(--rule);
}
.article-summary::before{content:""; position:absolute; inset-block:0; inset-inline-start:0; width:5px; background:linear-gradient(var(--rose),var(--gold))}
.article-summary__t{margin:0 0 .7rem; font-family:var(--f-title); font-size:1.1rem; color:var(--plum)}
.article-summary ul{margin:0; padding:0; list-style:none; display:grid; gap:.5rem}
.article-summary li{position:relative; padding-inline-start:1.5rem; line-height:1.8}
.article-summary li::before{content:"✓"; position:absolute; inset-inline-start:0; color:var(--rose); font-weight:700}

/* الشريط المصغّر عند التمرير */
.article-bar{
  position:fixed; z-index:70; inset-inline:0; top:var(--nav-h);
  background:rgba(250,247,240,.96); backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--rule); box-shadow:0 12px 30px -24px rgba(var(--shadow-rgb),.7);
  transform:translateY(-120%); opacity:0; visibility:hidden; transition:transform .35s ease, opacity .35s ease, visibility .35s;
}
.admin-bar .article-bar{top:calc(var(--nav-h) + 32px)}
.article-bar.is-on{transform:none; opacity:1; visibility:visible}
.article-bar__in{display:flex; align-items:center; gap:.8rem; min-height:52px}
.article-bar__title{flex:1 1 auto; min-width:0; font-family:var(--f-title); font-size:.95rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.article-bar__pct{flex:0 0 auto; font-family:var(--f-num); font-size:.8rem; color:var(--rose); font-weight:700; min-width:3ch}
.article-bar__btn{flex:0 0 36px; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; border:1px solid var(--rule); background:var(--card); color:var(--ink); cursor:pointer}
.article-bar__btn[hidden]{display:none}
.article-bar__btn:hover{background:var(--rose); border-color:var(--rose); color:#fff}
.article-bar__btn svg{width:16px; height:16px}
.article-bar__progress{position:absolute; inset-inline:0; bottom:-1px; height:3px; background:linear-gradient(90deg,var(--gold),var(--rose)); transform:scaleX(0); transform-origin:right}
@media (max-width:782px){ .admin-bar .article-bar{top:calc(var(--nav-h) + 46px)} }
html.theme-dark .article-bar{background:rgba(16,13,17,.94)}

/* فهرس المحتويات */
.toc{margin-bottom:1.2rem; border:1px solid var(--rule); border-radius:var(--radius-card); background:var(--card); overflow:hidden}
.toc[hidden]{display:none}
.toc summary{
  display:flex; align-items:center; gap:.5rem; padding:.85rem 1rem; cursor:pointer; list-style:none;
  font-family:var(--f-title); font-size:.95rem; color:var(--plum);
}
.toc summary::-webkit-details-marker{display:none}
.toc summary svg{width:16px; height:16px}
.toc summary::after{content:""; margin-inline-start:auto; width:8px; height:8px; border-inline-end:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .3s ease}
.toc[open] summary::after{transform:rotate(-135deg)}
.toc__list{list-style:none; margin:0; padding:.2rem 0 .7rem; max-height:min(60vh,460px); overflow-y:auto; counter-reset:toc}
.toc__item a{
  display:block; padding:.42rem 1rem; padding-inline-start:1.15rem; font-size:.84rem; line-height:1.6;
  color:var(--muted); border-inline-start:2px solid transparent; transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.toc__item--h3 a{padding-inline-start:2rem; font-size:.78rem}
.toc__item a:hover{color:var(--rose)}
.toc__item a.is-active{color:var(--rose); font-weight:700; border-inline-start-color:var(--rose); background:var(--blush)}
html.theme-dark .toc__item a{color:rgba(255,255,255,.72)}
.article-aside .toc{border-top:0}
@media (max-width:900px){ .article-aside .toc{grid-column:1/-1; margin:0} }

/* أقسام قابلة للطيّ (كتلة التفاصيل + [dy_accordion]) */
.article-body details{margin-block:1rem; border:1px solid var(--rule); border-radius:var(--radius-card); background:var(--card); overflow:hidden}
.article-body details summary{
  position:relative; padding:1rem 1.2rem; padding-inline-end:3rem; cursor:pointer; list-style:none;
  font-family:var(--f-title); font-size:1.02rem; transition:background .2s ease;
}
.article-body details summary::-webkit-details-marker{display:none}
.article-body details summary::after{
  content:"+"; position:absolute; inset-inline-end:1.1rem; top:50%; transform:translateY(-50%);
  width:26px; height:26px; border-radius:50%; display:grid; place-items:center;
  background:var(--blush); color:var(--rose); font:700 1.1rem/1 var(--f-num); transition:transform .3s ease;
}
.article-body details[open] summary{background:var(--blush)}
.article-body details[open] summary::after{content:"−"; transform:translateY(-50%) rotate(180deg)}
.article-body details > :not(summary){padding-inline:1.2rem}
.article-body details[open] > :not(summary){animation:dyFade .35s ease}
.dy-accordion__body{padding-block:.8rem .2rem}

/* اقتباس بارز (الكتلة + [dy_quote]) */
.wp-block-pullquote{
  position:relative; margin-block:2.6rem; padding:2.4rem 2rem 2rem; border:0; border-radius:var(--radius-card);
  background:var(--deep); color:#fff; text-align:center; overflow:hidden;
}
.wp-block-pullquote::before{
  content:"”"; position:absolute; top:-.9rem; inset-inline-start:1.2rem; font:700 7rem/1 Georgia,serif; color:var(--gold); opacity:.35;
}
.wp-block-pullquote blockquote{margin:0; padding:0; border:0; background:none}
.wp-block-pullquote p{position:relative; margin:0; font-family:var(--f-title); font-size:clamp(1.3rem,2.6vw,1.8rem); line-height:1.6; color:#fff}
.wp-block-pullquote cite{display:block; margin-top:1rem; font-style:normal; font-size:.82rem; letter-spacing:.08em; color:var(--gold)}
.wp-block-pullquote cite::before{content:"— "}

/* صور النص قابلة للتكبير */
.article-body img.is-zoomable{cursor:zoom-in; transition:filter .25s ease}
.article-body img.is-zoomable:hover{filter:brightness(1.05)}

/* مقارنة قبل / بعد */
.dy-compare{position:relative; margin-block:2rem; border-radius:var(--radius-card); overflow:hidden; aspect-ratio:16/10; background:var(--deep); user-select:none}
.dy-compare__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; margin:0; border-radius:0}
.dy-compare__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.dy-compare__handle{position:absolute; top:0; bottom:0; left:var(--pos); width:2px; margin-left:-1px; background:var(--card); pointer-events:none; box-shadow:0 0 12px rgba(0,0,0,.4)}
.dy-compare__handle::after{
  content:"‹ ›"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  background:var(--card); color:var(--deep); font:700 1rem/1 var(--f-num); box-shadow:0 6px 18px rgba(0,0,0,.3);
}
.dy-compare__range{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize}
.dy-compare__label{position:absolute; top:.8rem; z-index:1; padding:.25rem .7rem; border-radius:999px; background:rgba(var(--shadow-rgb),.7); color:#fff; font-size:.72rem; pointer-events:none}
.dy-compare__label--before{left:.8rem}
.dy-compare__label--after{right:.8rem}

/* خط زمني */
.dy-timeline{list-style:none; margin:2rem 0; padding:0; position:relative}
.dy-timeline::before{content:""; position:absolute; top:.4rem; bottom:.4rem; inset-inline-start:9px; width:2px; background:linear-gradient(var(--rose),var(--gold))}
.dy-timeline__item{position:relative; padding-inline-start:2.6rem; padding-bottom:1.6rem}
.dy-timeline__item:last-child{padding-bottom:0}
.dy-timeline__item::before{
  content:""; position:absolute; inset-inline-start:0; top:.35rem; width:20px; height:20px; border-radius:50%;
  background:var(--card); border:4px solid var(--rose); box-shadow:0 0 0 4px var(--blush);
}
.dy-timeline__date{display:inline-block; margin-bottom:.3rem; padding:.15rem .6rem; border-radius:999px; background:var(--blush); color:var(--rose); font:700 .74rem var(--f-num)}
.dy-timeline__title{margin:0 0 .3rem; font-size:1.08rem}
.dy-timeline__body > :last-child{margin-bottom:0}

/* مشاركة جزء محدد */
.quote-share{
  position:fixed; z-index:95; display:flex; gap:2px; padding:4px; border-radius:10px;
  background:var(--deep); box-shadow:0 14px 34px -14px rgba(0,0,0,.6);
  opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.quote-share.is-on{opacity:1; visibility:visible; transform:none}
.quote-share button{border:0; background:transparent; color:#fff; padding:.45rem .7rem; border-radius:7px; font:500 .76rem var(--f-ui); cursor:pointer}
.quote-share button:hover{background:rgba(255,255,255,.14); color:var(--gold)}

/* التفاعلات */
.reactions{margin-top:3rem; padding:1.4rem; border-radius:var(--radius-card); border:1px solid var(--rule); background:var(--card); text-align:center}
.reactions__t{margin:0 0 1rem; font-family:var(--f-title); font-size:1.05rem}
.reactions__list{display:flex; justify-content:center; flex-wrap:wrap; gap:.6rem}
.reactions__btn{
  display:inline-flex; flex-direction:column; align-items:center; gap:.15rem; min-width:88px; padding:.7rem .9rem;
  border:1px solid var(--rule); border-radius:var(--radius-card); background:var(--bone); color:var(--ink); cursor:pointer;
  font-family:var(--f-ui); transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.reactions__btn:not(:disabled):hover{transform:translateY(-3px); border-color:var(--rose)}
.reactions__btn:disabled{cursor:default}
.reactions__btn:disabled:not([aria-pressed=true]){opacity:.55}
.reactions__btn[aria-pressed=true]{background:var(--blush); border-color:var(--rose)}
.reactions__e{font-size:1.7rem; line-height:1}
.reactions__btn b{font-family:var(--f-num); font-size:.95rem}
.reactions__btn small{font-size:.7rem; opacity:.7}
.reactions__btn.is-pop .reactions__e{animation:dyPop .5s ease}
@keyframes dyPop{40%{transform:scale(1.45) rotate(-8deg)}100%{transform:none}}

/* إشعار متابعة القراءة والنسخ */
.dy-toast{
  position:fixed; z-index:96; left:50%; bottom:1.2rem; width:max-content; max-width:calc(100% - 2rem);
  display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; padding:.75rem .9rem .75rem 1.1rem; border-radius:var(--radius-card);
  background:var(--deep); color:#fff; font-size:.86rem; box-shadow:0 18px 40px -16px rgba(0,0,0,.6);
  transform:translate(-50%,140%); transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.dy-toast.is-on{transform:translate(-50%,0)}
.dy-toast b{color:var(--gold)}
.dy-toast__btn{border:1px solid rgba(255,255,255,.3); background:transparent; color:#fff; padding:.35rem .8rem; border-radius:999px; font:500 .78rem var(--f-ui); cursor:pointer}
.dy-toast__btn.is-primary{background:var(--rose); border-color:var(--rose)}

/* وضع القراءة */
html.dy-reading .util,
html.dy-reading .article-aside,
html.dy-reading .related-posts,
html.dy-reading .post-nav,
html.dy-reading .dy-fab,
html.dy-reading .dy-mnav,
html.dy-reading .site-assistant{display:none}
html.dy-reading .article-section{background:var(--bone)}
html.dy-reading .article-layout{grid-template-columns:minmax(0,720px)}
html.dy-reading .article-entry{font-size:clamp(1.12rem,1.6vw,1.26rem); line-height:2.15}
html.dy-reading .article-hero{min-height:clamp(420px,60vh,620px)}

@media (max-width:640px){
  .article-tools__btn span{font-size:.76rem}
  .article-bar__in{min-height:46px; gap:.5rem}
  .article-bar__title{font-size:.85rem}
  .wp-block-pullquote{padding:2rem 1.2rem 1.5rem}
  .reactions__btn{min-width:78px}
  .dy-compare{aspect-ratio:4/3}
}

.chips--years{margin-top:-.6rem; margin-bottom:1.6rem}
.chips--years .chip{text-decoration:none; font-family:var(--f-num); font-size:.78rem}

/* سفراء الإحالة [dy_ambassadors] */
.dy-amb{max-width:560px; padding:1.3rem 1.5rem; background:var(--card); border:1px solid var(--rule); border-radius:var(--radius-card)}
.dy-amb__t{margin:0 0 1rem; font-size:1.1rem}
.dy-amb__list{list-style:none; margin:0; padding:0; display:grid; gap:.45rem; counter-reset:amb}
.dy-amb__item{display:flex; align-items:center; gap:.6rem; padding:.55rem .7rem; background:var(--bone); border-radius:9px}
.dy-amb__rank{flex:0 0 auto; font-size:1.05rem; font-family:var(--f-num)}
.dy-amb__name{font-weight:700; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.dy-amb__branch{font-size:.76rem; color:var(--plum); white-space:nowrap}
.dy-amb__n{margin-inline-start:auto; font-family:var(--f-num); color:var(--rose)}
.dy-amb__x{margin:.9rem 0 0; font-size:.78rem; color:var(--plum)}

/* دليل التنظيمات */
.orgdir{display:grid; gap:1.2rem; grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.orgdir__item{display:flex; flex-direction:column; background:var(--deep); border-radius:var(--radius-card); overflow:hidden; box-shadow:0 18px 40px -34px rgba(var(--shadow-rgb),.9)}
.orgdir__logo{display:grid; place-items:center; aspect-ratio:4/3; padding:1.2rem; background:var(--card)}
.orgdir__logo img{max-height:100%; width:auto; object-fit:contain}
.orgdir__b{padding:.9rem 1rem 1.1rem; text-align:center; color:#fff}
.orgdir__b h3{margin:0; font-size:1rem; line-height:1.6; color:#fff}
.orgdir__tag{margin:.3rem 0 0; font-size:.75rem; color:var(--gold)}
.orgdir__link{display:inline-block; margin-top:.6rem; font-size:.8rem; color:var(--gold); text-decoration:underline}

/* البيانات والمواقف */
.statement__date{font-family:var(--f-num); font-size:.78rem; color:var(--plum)}
.statement__act{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:auto; padding-top:.8rem}

/* الفيديوهات القصيرة */
.reels-section{overflow:hidden}
.reels-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}
.reels-nav{display:flex;gap:.55rem;flex:0 0 auto}
.reels-nav__btn{width:44px;height:44px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--ink);font:700 1.4rem/1 system-ui;cursor:pointer;transition:transform .2s ease,border-color .2s ease}
.reels-nav__btn:hover{transform:translateY(-2px);border-color:var(--rose)}
.reels-slider{position:relative;overflow:hidden;margin-inline:calc(var(--gutter,20px) * -1);padding-inline:var(--gutter,20px)}
.reels-track{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--gutter,20px);scrollbar-width:none;padding:.35rem 0 1rem}
.reels-track::-webkit-scrollbar{display:none}
.reel-card{flex:0 0 clamp(230px,24vw,310px);scroll-snap-align:start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.08)}
.reel-card__media{position:relative;background:#080808;aspect-ratio:9/16;overflow:hidden}
.reel-card iframe{display:block;width:100%;height:100%;border:0;background:#080808}
.reel-card__provider{position:absolute;inset-block-start:.7rem;inset-inline-start:.7rem;z-index:2;padding:.35rem .6rem;border-radius:999px;background:rgba(12,10,11,.78);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(8px)}
.reel-card__title{margin:0;padding:.8rem .9rem;color:var(--ink);font-size:.88rem;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:767px){.reels-head{align-items:center}.reels-nav__btn{width:40px;height:40px}.reel-card{flex-basis:min(76vw,280px)}.reels-track{gap:.8rem}}
@media (prefers-reduced-motion:reduce){.reels-track{scroll-behavior:auto}.reels-nav__btn{transition:none}}

/* زر النسخة الفرنسية */
.dy-fr{margin-bottom:1.4rem}
.dy-fr .btn{font-family:var(--f-num); letter-spacing:.04em}

/* استطلاع الرأي [dy_poll] */
.dy-poll{max-width:520px; padding:1.3rem 1.5rem; background:var(--card); border:1px solid var(--rule); border-radius:var(--radius-card)}
.dy-poll__q{margin:0 0 1rem; font-family:var(--f-title); font-size:1.08rem}
.dy-poll__list{display:grid; gap:.5rem}
.dy-poll__opt{
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:.6rem;
  width:100%; padding:.7rem .9rem; border:1px solid var(--rule); border-radius:9px;
  background:var(--bone); color:var(--ink); font:inherit; text-align:start; cursor:pointer; overflow:hidden;
}
.dy-poll__opt:not(:disabled):hover{border-color:var(--rose)}
.dy-poll__opt:disabled{cursor:default}
.dy-poll__opt.is-mine{border-color:var(--rose); font-weight:700}
.dy-poll__bar{position:absolute; inset-block:0; inset-inline-start:0; width:0; background:var(--blush); transition:width .5s ease}
.dy-poll__lbl,.dy-poll__pct{position:relative}
.dy-poll__pct{font-family:var(--f-num); font-size:.82rem; color:var(--plum); opacity:0; transition:opacity .3s}
.dy-poll.is-voted .dy-poll__pct{opacity:1}
.dy-poll__total{margin:.8rem 0 0; font-family:var(--f-num); font-size:.78rem; color:var(--plum)}

/* النشرة البريدية [dy_subscribe] */
.dy-sub{max-width:520px; padding:1.4rem 1.6rem; background:var(--card); border:1px solid var(--rule); border-radius:var(--radius-card)}
.dy-sub__t{margin:0 0 .3rem; font-size:1.15rem}
.dy-sub__x{margin:0 0 1rem; color:var(--plum); font-size:.9rem}
/* Bot traps use .dy-honeypot (clip technique): an off-screen offset widened RTL pages by 10,000px. */

/* البحث الفوري */
.dy-livesearch .f{position:relative}
.dy-live{
  position:absolute; z-index:40; inset-inline:0; top:calc(100% + .4rem); margin:0; padding:.3rem; list-style:none;
  background:var(--card); border:1px solid var(--rule); border-radius:10px; box-shadow:0 22px 46px -30px rgba(var(--shadow-rgb),.8);
  max-height:min(60vh,380px); overflow-y:auto;
}
.dy-live[hidden]{display:none}
.dy-live a{display:block; padding:.6rem .8rem; border-radius:8px}
.dy-live a:hover{background:var(--blush)}
.dy-live b{display:block; font-size:.92rem}
.dy-live span{display:block; font-size:.78rem; color:var(--plum); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* تتبّع الطلب [dy_track] */
.dy-track{max-width:560px}
.dy-track__card{margin-bottom:1.6rem; padding:1.2rem 1.4rem; background:var(--card); border:1px solid var(--rule); border-radius:var(--radius-card)}
.dy-track__ref{margin:0 0 .5rem; font-family:var(--f-num); font-size:.9rem; color:var(--muted, rgba(var(--shadow-rgb),.6))}
.dy-track__ref b{color:var(--ink); letter-spacing:.06em}
.dy-track__state{display:inline-block; margin:0 0 .7rem; padding:.3rem .9rem; border-radius:999px; font-weight:700; font-size:.85rem}
.dy-track__branch,.dy-track__date{margin:.3rem 0 0; font-size:.85rem; color:var(--plum)}

/* فيديوهات المقال */
.post-videos{margin-top:2.8rem}
.post-videos__grid{display:grid; gap:1.2rem}
@media (min-width:680px){ .post-videos__grid--multi{grid-template-columns:1fr 1fr} }

/* مقالات أخرى */

.related-slider__item{height:auto;display:flex;flex:0 0 min(32%,380px);scroll-snap-align:start}
.related-slider .story-card{width:100%}
.related-slider__nav button{border-color:var(--rule); background:transparent; color:var(--ink)}
.related-slider__nav button:hover{background:var(--deep); color:#fff; border-color:var(--deep)}
.related-slider__pagination{display:flex; justify-content:center; gap:.35rem; margin-top:2rem}


@media (max-width:900px){
  .article-layout{grid-template-columns:1fr}
  .article-aside{position:static; display:grid; grid-template-columns:repeat(3,1fr); order:-1; border-top:2px solid var(--gold)}
  .article-aside__box{padding:1rem; border-bottom:1px solid var(--rule); border-inline-end:1px solid var(--rule)}
}
@media (max-width:600px){
  .article-hero{min-height:560px}
  .article-hero__content{padding-block:2.2rem}
  .article-hero .crumb{margin-bottom:3rem}
  .article-hero__meta{gap:.4rem .8rem}.article-hero__meta span::before{margin-inline-end:.8rem}
  .article-aside{grid-template-columns:1fr}
  .article-aside__box{padding:.75rem 0;border-inline-end:0}
  .article-body > p:first-of-type::first-letter{float:none; margin:0; font-size:inherit; font-family:inherit; color:inherit}
  .entry-share strong{width:100%; margin-bottom:.35rem}
}

/* التنقل بين الصفحات */
.pager{display:flex; gap:.4rem; flex-wrap:wrap; justify-content:center; margin-top:clamp(2.4rem,5vw,4rem)}
.pager .page-numbers{
  min-width:42px; height:42px; display:grid; place-items:center; padding-inline:.8rem;
  border:1px solid var(--rule); font-family:var(--f-num); font-size:.88rem; transition:.25s;
}
.pager .page-numbers:hover{border-color:var(--ink)}
.pager .page-numbers.current{background:var(--rose); color:#fff; border-color:var(--rose)}

.post-nav{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--rule); border:1px solid var(--rule); margin-top:clamp(2.4rem,5vw,3.6rem)}
@media (max-width:620px){ .post-nav{grid-template-columns:1fr} }
.post-nav a{background:var(--card); padding:1.4rem 1.5rem; transition:background .25s}
.post-nav a:hover{background:var(--blush)}
.post-nav span{font-family:var(--f-num); font-size:.72rem; letter-spacing:.16em; color:var(--rose)}
.post-nav b{display:block; font-family:var(--f-title); font-size:1.02rem; font-weight:700; margin-top:.35rem}
.post-nav .next{text-align:end}

/* التعليقات */
.comments{max-width:74ch; margin:clamp(2.6rem,5vw,4rem) auto 0}
.comment-list{list-style:none;padding:0;margin:1.5rem 0 2.4rem;display:grid;gap:1rem}
.comment-list li{border-top:1px solid var(--rule); padding:1.3rem 0}
.comment-list .children{list-style:none; padding-inline-start:1.6rem}
.comment-author{font-family:var(--f-title);font-weight:700;display:flex;align-items:center;gap:.55rem}
.comment-meta{font-family:var(--f-num);font-size:.78rem;color:var(--muted);margin-bottom:.75rem}

.comment-form label{font-size:.8rem;font-weight:700;display:block;margin-bottom:.3rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  font-family:var(--f-ui); font-weight:300; font-size:.95rem; padding:.8rem .95rem; width:100%;
  border:0; border-bottom:1px solid var(--rule); background:transparent;
}
.comment-form .submit{
  background:var(--rose); color:#fff; border:0; padding:.85rem 1.7rem; cursor:pointer;
  font-family:var(--f-ui); font-size:.86rem; font-weight:500; border-radius:2px;
}

/* رسائل النماذج */
.alert{padding:1rem 1.2rem; border-inline-start:3px solid; font-size:.9rem; margin-bottom:1.4rem}
.alert--ok{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}
.alert--err{border-color:var(--rose); background:var(--blush); color:var(--plum)}

/* حالة فارغة */
.empty{text-align:center; padding:clamp(3rem,7vw,5rem) 1rem; border:1px dashed var(--rule)}
.empty h3{margin-bottom:.4rem}
.empty p{color:var(--muted); margin:0}

/* ==========================================================================
   واجهة البطاقات (نمط بديل للسلايدر)
   ========================================================================== */
.hero2{background:var(--deep); color:#fff; position:relative; overflow:hidden; max-width:100%}
.hero2::before{
  content:""; position:absolute; inset-block-start:-30%; inset-inline-end:-15%; width:60%; aspect-ratio:1;
  background:radial-gradient(circle, rgba(194,30,86,.28), transparent 68%); pointer-events:none;
}
.hero2 .wrap{position:relative; padding-block:clamp(2.4rem,6vw,4.6rem)}
.hero2__grid{display:grid; grid-template-columns:1fr 1.3fr; gap:clamp(1.6rem,4vw,3.6rem); align-items:center}
.hero2 h1{color:#fff; font-size:clamp(2.2rem,5.4vw,4rem); margin-bottom:.4em}
.hero2 h1 em{font-style:normal; color:var(--gold); display:block}
.hero2 p{color:rgba(255,255,255,.72); max-width:44ch}

/* خانة البحث */
.hero2__search{
  display:flex; align-items:stretch; background:var(--card); border-radius:999px; overflow:hidden;
  margin-top:2rem; max-width:420px; box-shadow:0 24px 44px -30px rgba(0,0,0,.8);
}
.hero2__search input{
  flex:1; border:0; background:transparent; padding:.95rem 1.4rem; min-width:0;
  font-family:var(--f-ui); font-weight:300; font-size:.95rem; color:var(--ink);
}
.hero2__search input:focus{outline:none}
.hero2__search button{
  border:0; background:var(--rose); color:#fff; padding-inline:1.7rem; cursor:pointer;
  font-family:var(--f-ui); font-weight:500; font-size:.88rem; transition:background .25s;
}
.hero2__search button:hover{background:var(--plum)}

/* شبكة البطاقات */
.hero2__cards{display:grid; grid-template-columns:1.65fr 1fr; gap:.75rem; height:clamp(400px,48vw,540px)}
.hero2__side{display:grid; grid-template-columns:1fr 1fr; gap:.75rem; min-width:0}

.tcard{position:relative; overflow:hidden; border-radius:6px; display:block; background:var(--plum); min-width:0}
.tcard img{width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.tcard:hover img{transform:scale(1.06)}
.tcard::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(var(--shadow-rgb),.88) 4%, rgba(var(--shadow-rgb),.25) 46%, transparent 72%);
}
.tcard__cap{position:absolute; z-index:2; inset-block-end:1.15rem; inset-inline-start:1.15rem; inset-inline-end:1.15rem}
.tcard__cap b{display:block; font-family:var(--f-title); font-size:1.35rem; font-weight:700; line-height:1.3}
.tcard__cap span{font-family:var(--f-num); font-size:.74rem; letter-spacing:.1em; color:rgba(255,255,255,.65)}
.tcard__badge{
  position:absolute; z-index:2; inset-block-end:1.15rem; inset-inline-end:1.15rem; text-align:center;
  background:rgba(255,255,255,.14); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.2);
  border-radius:8px; padding:.5rem .8rem;
}
.tcard__badge b{display:block; font-family:var(--f-num); font-weight:800; font-size:1.5rem; line-height:1; color:var(--gold)}
.tcard__badge span{font-size:.66rem; color:rgba(255,255,255,.7)}

/* النص العمودي — للشاشات الكبيرة فقط */
@media (min-width:1024px){
  .tcard--v .tcard__cap{
    inset:auto; inset-block-end:1.3rem; right:1.3rem; left:auto;
    transform:rotate(90deg); transform-origin:right bottom; white-space:nowrap;
  }
  .tcard--v .tcard__cap b{font-size:1.18rem}
  .tcard--v .tcard__cap span{display:none}
  .tcard--big .tcard__cap{inset-inline-end:6.5rem}
}

/* لوح ومتوسط */
@media (max-width:1023px){
  .hero2__grid{grid-template-columns:1fr; gap:2rem}
  .hero2__cards{height:auto; grid-template-columns:1fr; gap:.7rem}
  .hero2__side{grid-template-columns:1fr 1fr}
  .tcard--big{aspect-ratio:16/10}
  .tcard--v{aspect-ratio:3/4}
  .tcard__cap b{font-size:1.05rem}
}

/* الهاتف — الشريط الجانبي كيولّي تمرير أفقي بالإصبع */
@media (max-width:640px){
  .hero2 .wrap{padding-block:2.2rem 2.6rem}
  .hero2__search{max-width:none}
  .hero2__search button{padding-inline:1.2rem}
  .tcard--big{aspect-ratio:4/3; border-radius:8px}
  .hero2__side{
    display:flex; gap:.6rem; overflow-x:auto; scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
    margin-inline:calc(var(--gut) * -1); padding-inline:var(--gut);
  }
  .hero2__side::-webkit-scrollbar{display:none}
  .hero2__side .tcard{flex:0 0 58%; aspect-ratio:3/4; scroll-snap-align:start; border-radius:8px}
  .tcard__badge{inset-block-end:.9rem; inset-inline-end:.9rem; padding:.4rem .65rem}
  .tcard__badge b{font-size:1.15rem}
}
.hero2__hint{
  display:none; font-family:var(--f-num); font-size:.72rem; letter-spacing:.1em;
  color:rgba(255,255,255,.45); margin-top:.7rem;
}
@media (max-width:640px){ .hero2__hint{display:block} }

/* ==========================================================================
   استمارة الانخراط متعدّدة المراحل
   ========================================================================== */
.steps{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--card); border:1px solid var(--rule); padding:clamp(1rem,2.5vw,1.8rem); overflow:hidden}
.steps__bar{height:4px; background:var(--blush); overflow:hidden; margin-bottom:1.1rem}
.steps__fill{height:100%; background:linear-gradient(90deg,var(--rose),var(--gold)); width:20%; transition:width .45s cubic-bezier(.65,0,.35,1)}
.steps__dots{display:flex; justify-content:space-between; gap:.4rem; margin-bottom:.5rem}
.stepdot{
  width:clamp(30px,8vw,36px); height:clamp(30px,8vw,36px); border-radius:50%; flex-shrink:0;
  display:grid; place-items:center; padding:0; line-height:1; text-align:center; box-sizing:border-box; font-family:var(--f-num); font-weight:700; font-size:.8rem;
  border:1px solid var(--rule); background:var(--card); color:var(--muted); transition:.3s;
}
.stepdot.on{background:var(--rose); border-color:var(--rose); color:#fff; transform:scale(1.08)}
.stepdot.is-done{background:var(--plum); border-color:var(--plum); color:#fff}
.steps__names{display:flex; justify-content:space-between; font-size:.68rem; color:var(--muted); font-family:var(--f-num); margin-bottom:1.8rem}
@media (max-width:600px){ .steps__names{display:none} }

.step{display:block}
#joinForm.is-enhanced .step{display:none}
#joinForm.is-enhanced .step.on{display:block; animation:dyIn .45s cubic-bezier(.2,.8,.2,1)}
#joinForm:not(.is-enhanced) #prevBtn,#joinForm:not(.is-enhanced) #nextBtn{display:none}
#joinForm:not(.is-enhanced) #sendBtn{display:inline-flex!important}
#joinForm .f small{display:block;color:var(--muted);font-size:.8rem;margin-block:.45rem}
#joinForm #province{margin-block-end:1rem}
#joinForm .ferr.on{display:block}
#joinForm [aria-invalid="true"]{border-color:#b4233b}
#joinForm select{max-width:100%;min-width:0}
@keyframes dyIn{from{opacity:0; transform:translateX(-14px)} to{opacity:1; transform:none}}
.step h2{font-size:clamp(1.15rem,3vw,1.5rem); display:flex; align-items:center; gap:.7rem; margin-bottom:1.5rem}
.step h2 i{
  width:30px; height:30px; border-radius:50%; background:var(--rose); color:#fff; flex:0 0 30px;
  display:grid; place-items:center; font-style:normal; font-family:var(--f-num); font-size:.82rem; font-weight:700;
}
.req::after{content:" *"; color:var(--rose)}
.f input.bad,.f select.bad,.f textarea.bad{border-color:var(--rose); box-shadow:0 0 0 3px rgba(194,30,86,.12)}
.ferr{font-size:.76rem; color:var(--rose); display:none}
.ferr.on{display:block}
.counter{font-size:.72rem; color:var(--muted); font-family:var(--f-num); text-align:end}

.picks{display:grid; grid-template-columns:1fr 1fr; gap:.6rem}
@media (max-width:520px){ .picks{grid-template-columns:1fr} }
.pick{display:flex; align-items:center; gap:.6rem; padding:.75rem .9rem; border:1px solid var(--rule); cursor:pointer; font-size:.88rem; transition:.25s}
.pick:hover{border-color:var(--rose)}
.pick input{width:auto; margin:0}
.pick:has(input:checked){border-color:var(--rose); background:var(--blush)}

.rev{background:var(--bone); padding:1.1rem 1.2rem; margin-bottom:1rem}
.rev h3{font-size:1rem; color:var(--plum); margin-bottom:.8rem}
.rev__i{border-inline-start:2px solid var(--rose); padding:.5rem .8rem; margin-bottom:.5rem; background:var(--card); word-break:break-word}
.rev__i small{display:block; font-size:.72rem; color:var(--muted)}
.rev__i b{font-weight:600; font-size:.92rem}

.consent{display:flex; gap:.75rem; align-items:flex-start; padding:1rem 1.1rem; border:1px solid var(--rule); font-size:.85rem; margin-bottom:.8rem}
.consent input{width:auto; margin-top:.35rem; flex-shrink:0}
.legal{font-size:.78rem; line-height:1.75; color:var(--muted); background:var(--bone); padding:1.1rem 1.2rem; margin-bottom:1.2rem}
.legal b{display:block; color:var(--plum); margin-bottom:.5rem; font-family:var(--f-title); font-size:.95rem}

.steps__nav{display:flex; gap:.7rem; margin-top:2rem; padding-top:1.4rem; border-top:1px solid var(--rule)}
.steps__nav .btn{flex:1; justify-content:center}
@media (max-width:640px){
  .steps{padding:1.2rem 1rem}
  .step h2{font-size:1.05rem}
  .rev{padding:.9rem 1rem}
  .steps__nav{gap:.6rem}
}
@media (max-width:520px){ .steps__nav{flex-direction:column-reverse} }
.dy-hide{display:none !important}

.join-done{text-align:center; padding:clamp(2.4rem,6vw,4rem) 1rem}
.join-done__tick{
  width:74px; height:74px; border-radius:50%; background:var(--plum); margin:0 auto 1.6rem;
  display:grid; place-items:center; animation:dyPop .55s cubic-bezier(.175,.885,.32,1.275);
}
.join-done__tick svg{width:34px; height:34px; stroke:#fff; stroke-width:2.4; fill:none}
@keyframes dyPop{from{transform:scale(0); opacity:0} to{transform:scale(1); opacity:1}}

/* ==========================================================================
   توافق المحرّرات (Elementor, Gutenberg, WPBakery, Divi…)
   ========================================================================== */
.dy-canvas{width:100%; max-width:100%}
.dy-canvas > *{max-width:100%}

/* في صفحات المحرّرات، ما نضيّقوش المحتوى */
.dy-builder .entry{max-width:none}
.dy-builder .sec{padding-block:0}
.dy-builder .wrap{width:100%}

/* أقسام Elementor بعرض كامل */
.elementor-section.elementor-section-boxed > .elementor-container{max-width:var(--wrap)}
.elementor-widget-heading .elementor-heading-title{font-family:var(--f-title)}
.elementor-button, .elementor-button-link{font-family:var(--f-ui)}

/* قائمة غير مثبّتة */
.hdr--static{position:static}

/* كتل Gutenberg */
.has-dy-rose-color{color:var(--rose) !important}
.has-dy-plum-color{color:var(--plum) !important}
.has-dy-deep-color{color:var(--deep) !important}
.has-dy-gold-color{color:var(--gold) !important}
.has-dy-rose-background-color{background-color:var(--rose) !important}
.has-dy-plum-background-color{background-color:var(--plum) !important}
.has-dy-deep-background-color{background-color:var(--deep) !important}
.has-dy-gold-background-color{background-color:var(--gold) !important}
.has-dy-blush-background-color{background-color:var(--blush) !important}
.wp-block-button__link{
  background:var(--rose); color:#fff; border-radius:2px; padding:.85rem 1.7rem;
  font-family:var(--f-ui); font-weight:500; font-size:.9rem;
}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent; color:var(--ink); border-color:var(--rule)}
.wp-block-quote{border-inline-start:3px solid var(--gold); padding-inline-start:1.4rem; font-family:var(--f-title)}
.wp-block-separator{border:0; border-top:1px solid var(--rule); max-width:120px}
.wp-block-table td,.wp-block-table th{border-color:var(--rule)}
.wp-block-cover{min-height:360px}

/* ودجات */
.widget{margin-bottom:1.8rem}
.widget__t{color:#fff; font-family:var(--f-num); font-size:.76rem; letter-spacing:.18em; font-weight:700; margin-bottom:1.2rem}
.widget ul{list-style:none; margin:0; padding:0; display:grid; gap:.6rem}
.widget a:hover{color:var(--gold)}
.widget select,.widget input[type=search]{
  width:100%; padding:.6rem .8rem; background:rgba(255,255,255,.06);
  border:1px solid var(--rule-lt); color:#fff; font-family:var(--f-ui); font-size:.88rem;
}
.widget .wp-block-search__button, .widget input[type=submit]{
  background:var(--rose); color:#fff; border:0; padding:.6rem 1.1rem; cursor:pointer; font-family:var(--f-ui);
}

/* ==========================================================================
   الفعاليات
   ========================================================================== */
.evmeta{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule)}
@media (max-width:520px){ .evmeta{grid-template-columns:1fr} }
.evmeta > div{background:var(--card); padding:1.1rem 1.2rem}
.evmeta span{display:block; font-family:var(--f-num); font-size:.7rem; letter-spacing:.14em; color:var(--rose); margin-bottom:.25rem}
.evmeta b{font-family:var(--f-title); font-size:1.05rem; font-weight:700}

.evbox{
  background:var(--card); border:1px solid var(--rule); padding:clamp(1.4rem,4vw,2rem);
  position:sticky; top:calc(var(--nav-h) + 20px);
}
@media (max-width:900px){ .evbox{position:static} }
.evbox h2{font-size:1.3rem}
.evbox code{
  font-family:var(--f-num); background:var(--blush); color:var(--plum);
  padding:.2rem .5rem; letter-spacing:.06em; font-weight:700;
}

/* شارة تاريخ الفعالية على البطاقة */
.evcard .shot{position:relative}
.evdate{
  position:absolute; z-index:3; inset-block-start:.8rem; inset-inline-end:.8rem;
  background:var(--card); color:var(--plum); border-radius:6px;
  padding:.45rem .7rem; text-align:center; line-height:1;
  box-shadow:0 10px 26px -14px rgba(var(--shadow-rgb),.7);
}
.evdate b{display:block; font-family:var(--f-num); font-size:1.5rem; font-weight:800; color:var(--rose)}
.evdate span{font-family:var(--f-num); font-size:.66rem; letter-spacing:.1em; opacity:.7}

/* ==========================================================================
   المجلة، الحفظ، الوضع الليلي، والمساعد
   ========================================================================== */
.arabic-title{direction:rtl;unicode-bidi:plaintext;text-align:start;word-break:normal;overflow-wrap:break-word}
.mag-label{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#fff}.mag-label span{background:var(--rose);padding:.35rem .8rem;border-radius:99px;font-weight:700}.mag-label small{opacity:.7}
.trending-strip{background:var(--card);border-block:1px solid var(--rule);padding:1.4rem 0}
.trending-strip .wrap{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;align-items:center}
.trending-strip__head{display:flex;align-items:center;gap:.8rem}.trending-strip__head>span{width:42px;height:42px;display:grid;place-items:center;background:var(--rose);color:#fff;border-radius:50%;font-size:1.35rem}.trending-strip__head b,.trending-strip__head small{display:block}.trending-strip__head small{font-size:.68rem;opacity:.6}
.trending-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule)}
.trending-strip__grid>a{background:var(--card);padding:.75rem;display:flex;gap:.65rem;align-items:flex-start;min-width:0}.trending-strip__grid>a>span{font:700 .72rem var(--f-num);color:var(--rose)}.trending-strip__grid b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;line-height:1.55}.trending-strip__grid small{font-size:.65rem;opacity:.55}
.bookmark-btn{position:absolute;z-index:5;inset-block-start:.75rem;inset-inline-end:.75rem;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(var(--shadow-rgb),.56);color:#fff;font-size:1.35rem;cursor:pointer;backdrop-filter:blur(8px)}
.bookmark-btn.is-saved{background:var(--rose);border-color:var(--rose)}
.bookmark-inline{border:1px solid var(--rule);background:var(--card);color:var(--rose);padding:.45rem .75rem;cursor:pointer}.bookmark-inline.is-saved{background:var(--rose);color:#fff}
.bookmark-drawer{position:fixed;z-index:120;inset-block:0;inset-inline-end:0;width:min(92vw,420px);background:var(--bone-2);border-inline-start:1px solid var(--rule);box-shadow:-20px 0 60px rgba(var(--shadow-rgb),.2);transform:translateX(-110%);transition:transform .35s ease;padding:1.25rem;overflow:auto}.bookmark-drawer.is-open{transform:none}.drawer__head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:1rem}.drawer__head h2{font-size:1.5rem;margin:0}.drawer__head button,.assistant__panel header button{border:0;background:none;font-size:1.7rem;cursor:pointer;color:inherit}.drawer__body{display:grid;gap:.7rem;padding-top:1rem}.drawer-item{display:flex;align-items:center;gap:.75rem;border:1px solid var(--rule);background:var(--card);padding:.8rem}.drawer-item a{font-weight:600;flex:1}.drawer-item button{border:0;background:none;color:var(--rose);cursor:pointer}
.assistant__panel{position:absolute;inset-inline-start:0;bottom:64px;width:min(88vw,380px);height:min(70vh,540px);background:var(--bone-2);border:1px solid var(--rule);box-shadow:0 25px 70px -25px rgba(var(--shadow-rgb),.6);display:none;grid-template-rows:auto 1fr auto auto}.assistant__panel.is-open{display:grid}.assistant__panel header{display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:#fff;padding:.9rem 1rem}.assistant__panel header b,.assistant__panel header small{display:block}.assistant__panel header small{font-size:.65rem;opacity:.65}.assistant__messages{padding:1rem;overflow:auto;display:grid;align-content:start;gap:.65rem}.assistant__messages>a{display:grid;gap:.2rem;border:1px solid var(--rule);background:var(--card);padding:.75rem}.assistant__messages>a b{font-size:.86rem}.assistant__messages>a small{font-size:.7rem;opacity:.65}.assistant__panel form{display:flex;border-top:1px solid var(--rule);padding:.7rem}.assistant__panel input{flex:1;min-width:0;border:1px solid var(--rule);background:var(--card);color:var(--ink);padding:.75rem}.assistant__panel form button{border:0;background:var(--rose);color:#fff;padding:.6rem .9rem}.assistant__support{display:block;text-align:center;font-size:.72rem;padding:.45rem;color:var(--rose);border-top:1px solid var(--rule)}
@media(max-width:900px){.trending-strip .wrap{grid-template-columns:1fr}.trending-strip__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.util__time{display:none}.trending-strip__grid{grid-template-columns:1fr}}

.comments-area{margin-top:clamp(2rem,5vw,4rem);padding-top:2rem;border-top:1px solid var(--rule)}
.dy-member-portal{max-width:760px;margin:2rem auto;background:var(--card);border:1px solid var(--rule);padding:clamp(1.2rem,4vw,2rem)}

/* أدوات الوصول وتثبيت التطبيق */


[data-dy-condition][hidden]{display:none!important}

@media(max-width:520px){
  
  .hdr .nav{width:100vw;max-width:100vw;padding:4.8rem 1rem 1.25rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom));}
  .hdr .nav a{white-space:normal;overflow-wrap:anywhere;min-height:48px}
  .hdr .nav .sub-menu{padding-inline-start:.65rem}
}

@media print{
  .dy-fab,.dy-mnav,.site-assistant,.bookmark-drawer,.hdr,.util,.ftr{display:none!important}
  body *{visibility:hidden}
  .digital-card,.digital-card *{visibility:visible}
  .digital-card{break-inside:avoid;box-shadow:none;position:absolute;inset:20px;width:700px}
  .digital-card button{display:none}
}
.dy-form-intro{margin-bottom:1.4rem}.branch__actions{display:flex;gap:.8rem;flex-wrap:wrap}
.member-result{display:grid;gap:.3rem;border-inline-start:4px solid var(--gold);background:var(--bone);padding:1rem 1.2rem;margin:1rem 0}.member-result strong{font-size:1.35rem;color:var(--plum)}.member-result small{opacity:.6}
.digital-card{position:relative;overflow:hidden;margin:1.2rem 0;padding:2rem;color:#fff;background:linear-gradient(135deg,var(--plum),var(--deep));min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.digital-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--rose);opacity:.28;inset:-60px auto auto -50px}.digital-card__copy{position:relative;z-index:1}.digital-card h3{font-size:1.8rem;margin:.7rem 0;color:#fff}.digital-card b{font:700 1rem var(--f-num);color:var(--gold)}.member-qr{position:relative;z-index:1;width:126px;height:126px;background:var(--card);padding:7px;border-radius:4px;flex:0 0 auto}.digital-card button{position:absolute;z-index:2;inset-block-end:1rem;inset-inline-end:1rem;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:.5rem .8rem;cursor:pointer}@media(max-width:540px){.digital-card{align-items:flex-start;flex-direction:column}.member-qr{width:110px;height:110px}}

.comments-area>h2,.comment-reply-title{font-size:clamp(1.25rem,3vw,1.75rem)}

.comment-body{background:var(--card);border:1px solid var(--rule);padding:1rem}
.comment-author img{border-radius:50%}
.comment-content{line-height:1.85}.comment-reply-link{color:var(--rose);font-weight:700;font-size:.78rem}
.comment-form{display:grid;gap:.85rem}.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;border:1px solid var(--rule);background:var(--card);color:var(--ink);padding:.8rem;font:inherit}.form-submit input{border:0;background:var(--rose);color:#fff;padding:.8rem 1.4rem;font:700 .88rem var(--f-ui);cursor:pointer}

/* ==========================================================================
   الأسئلة الشائعة
   ========================================================================== */
.faq__layout{display:grid; grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr); gap:clamp(2rem,7vw,7rem); align-items:start}
.faq__head{position:sticky; top:calc(var(--nav-h) + 2rem); margin:0}
.faq__head .dek{margin-top:1rem; max-width:38ch}
.faq__list{border-top:1px solid var(--rule)}
.faq__item{border-bottom:1px solid var(--rule)}
.faq__item summary{list-style:none; cursor:pointer; padding:1.45rem 3rem 1.45rem 0; position:relative; font-family:var(--f-title); font-size:clamp(1rem,2vw,1.18rem); font-weight:700}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::before,.faq__item summary::after{content:""; position:absolute; inset-inline-end:.25rem; inset-block-start:50%; width:17px; height:1px; background:var(--rose); transition:transform .25s ease}
.faq__item summary::after{transform:rotate(90deg)}
.faq__item[open] summary::after{transform:rotate(0)}
.faq__item p{padding:0 0 1.45rem; max-width:64ch; color:var(--muted); line-height:1.9}
.faq__item a{color:var(--rose); text-decoration:underline; text-underline-offset:4px}
@media (max-width:760px){.faq__layout{grid-template-columns:1fr}.faq__head{position:static}}

/* ==========================================================================
   الثقة والخصوصية داخل النماذج والتذييل
   ========================================================================== */
.privacy-note{margin:1.25rem 0 .8rem; padding:1.05rem 1.15rem; background:rgba(201,162,39,.08); border:1px solid rgba(201,162,39,.32); border-inline-start:4px solid var(--gold)}
.privacy-note > b{display:block; color:var(--plum); font-family:var(--f-title); margin-bottom:.35rem}
.privacy-note p{font-size:.82rem; line-height:1.75; color:var(--muted); margin:0}
.privacy-note__links{display:flex; flex-wrap:wrap; gap:.7rem 1.2rem; margin-top:.55rem!important}
.privacy-note__links a{color:var(--rose); font-weight:700; text-decoration:underline; text-underline-offset:3px}
.privacy-consent{margin-top:.75rem}
.ftr__legal{display:flex; flex-wrap:wrap; gap:.5rem 1rem; align-items:center; justify-content:flex-end}
.ftr__legal a{color:var(--gold); text-decoration:underline; text-underline-offset:4px}





@media (max-width:640px){.ftr__legal{justify-content:flex-start}.privacy-note__links{display:grid}}



/* ==========================================================================
   V8 CLEAN VISUAL SYSTEM — one owner per component
   ========================================================================== */
body.home{background:var(--surface)}
::selection{background:var(--rose);color:#fff}

/* Header */


.util__soc a{opacity:.76}.util__soc a:hover{opacity:1;color:#fff}

.hdr.is-stuck{background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-soft)}


.hdr__edition{font:800 .58rem/1 var(--f-num);letter-spacing:.16em;border:1px solid var(--rule);padding:.42rem .5rem;border-radius:999px;color:var(--plum);margin-inline-start:-.25rem}








.hdr-tool:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}

/* Global command search */
.dy-search{position:fixed;inset:0;z-index:9999;display:grid;place-items:start center;visibility:hidden;opacity:0;transition:.28s ease}
.dy-search.is-open{visibility:visible;opacity:1}.dy-search__backdrop{position:absolute;inset:0;background:rgba(10,7,9,.74);backdrop-filter:blur(10px)}
.dy-search__panel{position:relative;width:min(calc(100% - 30px),980px);margin-top:clamp(70px,12vh,140px);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-card);padding:clamp(1.4rem,4vw,3rem);box-shadow:0 45px 120px rgba(0,0,0,.28);transform:translateY(-18px) scale(.985);transition:.35s var(--ease-premium)}
.dy-search.is-open .dy-search__panel{transform:none}.dy-search__top{display:flex;align-items:center;justify-content:space-between;font:700 .63rem/1 var(--f-num);letter-spacing:.17em;color:var(--muted)}
.dy-search__top button{width:42px;height:42px;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink);font-size:1.6rem;cursor:pointer}
.dy-search h2{font-size:clamp(2.2rem,6vw,5.3rem);margin:clamp(1.4rem,4vw,3.2rem) 0 1.2rem}
.dy-search__form{display:flex;align-items:center;border-bottom:2px solid var(--ink)}
.dy-search__form input{flex:1;border:0;background:transparent;padding:1rem .15rem 1.1rem;font:600 clamp(1.1rem,2.3vw,1.55rem)/1.5 var(--f-ui);color:var(--ink);outline:0}
.dy-search__form button{width:58px;height:58px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.dy-search__form svg{width:22px}
.dy-search__hints{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:1.2rem}.dy-search__hints span{font-size:.72rem;color:var(--muted)}.dy-search__hints a{font-size:.78rem;padding:.48rem .75rem;border:1px solid var(--rule);border-radius:999px}.dy-search__hints a:hover{background:var(--deep);color:var(--on-dark)}

/* Section language */
.sechead h2,.intro:not(#dy-form) h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.meta,.figs span,.card__b p,.faq__item p,.privacy-note p{color:var(--muted)}

/* Ticker: compositor-only */
.ticker{background:var(--deep);color:var(--on-dark);border-block:1px solid rgba(255,255,255,.07);overflow:hidden}
.ticker__shell{position:relative}.ticker__viewport{overflow:hidden;padding-inline-start:9rem;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker__lbl{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;background:var(--rose);color:#fff;min-width:8.6rem;display:flex;align-items:center;justify-content:center;padding-inline:1.2rem;font:700 .74rem/1 var(--f-num);letter-spacing:.12em;white-space:nowrap}
.ticker__track{display:flex;width:max-content;white-space:nowrap;will-change:transform;transform:translate3d(0,0,0);direction:ltr;animation:dyTickerLoop 42s linear infinite}
.ticker__group{display:flex;align-items:center;gap:2.8rem;flex:none;padding:.78rem 1.4rem;direction:rtl}.ticker__group a{font-size:.86rem;color:rgba(255,255,255,.9)}.ticker__group a::before{content:"•";margin-inline-end:.8rem;color:var(--gold)}
.ticker:hover .ticker__track{animation-play-state:paused}@keyframes dyTickerLoop{to{transform:translate3d(-50%,0,0)}}

/* Quick navigation */
.quicknav{display:block;background:var(--deep);color:var(--on-dark);border-block:1px solid rgba(255,255,255,.08)}
.quicknav__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.quicknav__item{position:relative;display:flex;min-height:150px;padding:1.45rem 1.4rem;align-items:flex-end;gap:1rem;overflow:hidden;color:var(--on-dark);border-inline-start:1px solid rgba(255,255,255,.09);background:transparent}.quicknav__item:first-child{border-inline-start:0}
.quicknav__item::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,var(--plum),var(--rose));transform:translateY(102%);transition:transform .38s var(--ease-premium)}.quicknav__item:hover::before{transform:none}.quicknav__item>*{position:relative;z-index:1}
.quicknav__no{font:800 .63rem/1 var(--f-num);letter-spacing:.14em;color:var(--gold)}.quicknav__copy{display:grid;gap:.35rem}.quicknav__copy b{font-family:var(--f-title);font-size:1.28rem}.quicknav__copy small{font-size:.8rem;line-height:1.7;color:var(--on-dark-muted)}.quicknav__arrow{margin-inline-start:auto;width:22px;color:var(--on-dark-muted)}

/* Membership */
.membership-benefits{background:var(--surface-alt);color:var(--ink);border-block:1px solid var(--rule)}.membership-benefits__head{align-items:flex-end}.membership-benefits__lead{max-width:48ch;color:var(--muted);line-height:1.9}.membership-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.membership-benefit{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card);padding:1.45rem;min-height:210px;display:flex;flex-direction:column}.membership-benefit__icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--blush);color:var(--rose);margin-bottom:1.2rem}.membership-benefit__icon svg{width:21px}.membership-benefit h3{color:var(--ink);font-size:1.25rem}.membership-benefit p{margin:auto 0 0;color:var(--muted);font-size:.9rem;line-height:1.8}.membership-benefits__cta{margin-top:1.4rem}

/* Dakhla stories */
.spotlight{background:var(--surface);color:var(--ink)}.spotlight__lead{max-width:45ch;color:var(--muted)}.spotlight__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.story{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card);overflow:hidden}.story__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-alt)}.story__media img,.story__media .dy-image-fallback{width:100%;height:100%;object-fit:cover}.story__index{position:absolute;inset-inline-start:1rem;bottom:.8rem;color:#fff;font:800 1rem var(--f-num);text-shadow:0 3px 12px rgba(0,0,0,.5)}.story__body{padding:1.2rem}.story__body p{color:var(--muted)}

/* Impact */
.impact-strip{background:var(--deep);color:var(--on-dark);border-block:1px solid rgba(255,255,255,.08)}.impact-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}.impact-strip__item{padding:2rem 1rem;border-inline-start:1px solid rgba(255,255,255,.1)}.impact-strip__item:first-child{border-inline-start:0}.impact-strip__item b{display:block;color:var(--gold);font:800 clamp(2rem,5vw,4.2rem)/1 var(--f-num)}.impact-strip__item span{display:block;margin-top:.55rem;color:var(--on-dark-muted)}

/* Branches */
.branches-showcase{background:var(--surface-alt);color:var(--ink)}.branches-showcase__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.branch-tile{position:relative;display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card);overflow:hidden;min-height:250px}.branch-tile__no{position:absolute;z-index:2;inset-inline-start:.8rem;top:.7rem;color:#fff;font:800 .7rem var(--f-num);text-shadow:0 2px 10px rgba(0,0,0,.5)}.branch-tile__media{position:relative;overflow:hidden;background:var(--surface-alt)}.branch-tile__media img,.branch-tile__media .dy-image-fallback{width:100%;height:100%;object-fit:cover}.branch-tile__body{padding:1.35rem;display:flex;flex-direction:column;justify-content:center}.branch-tile__body p{color:var(--muted)}.branch-tile__go{margin-top:auto;color:var(--rose);font-weight:800;font-size:.8rem}

/* Image fallback */
.dy-image-fallback{display:block;width:100%;height:100%;min-height:inherit;background:radial-gradient(circle at 72% 24%,rgba(212,106,159,.12),transparent 28%),linear-gradient(145deg,var(--deep-2),var(--deep))}
.shot>.dy-image-fallback,.thumb>.dy-image-fallback,.story__media>.dy-image-fallback,.branch-tile__media>.dy-image-fallback,.hero__img>.dy-image-fallback{position:absolute;inset:0}

/* Referral */
.member-referral{margin:1.5rem 0;padding:1.35rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}.member-referral__head h3{margin:.3rem 0 .45rem;color:var(--ink);font-size:clamp(1.35rem,3vw,1.8rem)}.member-referral__head p,.member-referral__feedback,.member-referral__note,.member-referral__stats span{color:var(--muted)}.member-referral__code,.member-referral__url{display:grid;gap:.35rem}.member-referral__code b{font:800 1.35rem var(--f-num);color:var(--rose)}.member-referral__url input{width:100%;direction:ltr;text-align:left;border:1px solid var(--rule);background:var(--surface);color:var(--ink);padding:.82rem .9rem;font:600 .82rem var(--f-num)}

/* Motion helpers: visual enhancement only; never own scroll */
.dy-word-mask{display:inline-block;overflow:hidden;vertical-align:top}.dy-word-mask>.w{display:inline-block}
.dy-motion-media{will-change:clip-path}.dy-magnetic{will-change:transform}.dy-motion-link{position:relative}.dy-motion-link::after{content:"";position:absolute;inset-inline:0;bottom:-.18em;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .28s var(--ease-premium)}.dy-motion-link:hover::after{transform:scaleX(1);transform-origin:left}
html.dy-low-data .grain{display:none}html.dy-low-data [data-parallax]{transform:none!important}

/* Native sliders */
.blog-slider__track{position:relative;min-height:clamp(430px,62vw,650px)}.blog-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}

.article-hero__track{position:absolute;inset:0}.article-hero__slide{position:absolute;inset:0;overflow:hidden;background:var(--deep);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--ease-premium),visibility .7s}.article-hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.article-hero__thumbs::-webkit-scrollbar{display:none}
.related-slider{overflow:hidden}.related-slider__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.35rem}.related-slider__track::-webkit-scrollbar{display:none}.related-slider__item .story-card{width:100%}

/* Theme states */
html.theme-dark{color-scheme:dark;--ink:#F7F1F3;--ink-rgb:247,241,243;--muted:#C9BBC1;--deep:#0F090C;--deep-2:var(--deep);--plum:#E4A0B8;--rose:#F05284;--rose-hover:#FF6B99;--rose-lt:#F6A7C1;--blush:#29171F;--gold:#E0C06A;--bone:#181216;--bone-2:#120E11;--surface:#120E11;--surface-alt:#181216;--card:#21171C;--card-soft:#281A21;--on-dark:#FFF9FB;--on-dark-muted:#D7C8CE;--white:#FFFFFF;--success-bg:#10261C;--success-border:#4FB184;--success-text:#BCEBD2;--rule:rgba(255,255,255,.11);--rule-strong:rgba(255,255,255,.18);--shadow-rgb:0,0,0}
html.theme-dark body{background:var(--surface);color:var(--ink)}

@media(max-width:900px){.quicknav__grid{grid-template-columns:repeat(2,1fr)}.membership-benefits__grid{grid-template-columns:repeat(2,1fr)}.spotlight__rail{grid-template-columns:repeat(2,1fr)}.branches-showcase__grid{grid-template-columns:1fr}.impact-strip__grid{grid-template-columns:repeat(2,1fr)}.related-slider__item{flex-basis:min(47%,360px)}}
@media(max-width:640px){.ticker__lbl{display:none}.ticker__viewport{padding-inline-start:0}.quicknav__grid,.membership-benefits__grid,.spotlight__rail{grid-template-columns:1fr}.quicknav__item{min-height:132px}.branch-tile{grid-template-columns:1fr}.branch-tile__media{aspect-ratio:16/9}.impact-strip__item{padding:1.5rem .8rem}.related-slider__item{flex-basis:88%}}
@media(prefers-reduced-motion:reduce){.ticker__track{animation:none;transform:none}.ticker__group[aria-hidden=true]{display:none}.dy-motion-link::after{transition:none}.blog-slide,.article-hero__slide{transition:none}}


/* ==========================================================================
   V8 HERO — single authoritative implementation
   ========================================================================== */
.hero--motion{position:relative;isolation:isolate;overflow:hidden;min-height:min(900px,calc(100svh - 32px));height:min(900px,calc(100svh - 32px));background:var(--deep);color:var(--on-dark)}
.hero--motion::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,rgba(18,8,13,.65),rgba(18,8,13,.08) 58%,rgba(18,8,13,.15))}
.hero-slider,.hero-slider__track{position:absolute;inset:0;z-index:1}.hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease-premium);overflow:hidden;isolation:isolate}.hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.hero--motion .hero__img{position:absolute;inset:0;background:linear-gradient(135deg,var(--deep-2),var(--deep))}.hero--motion .hero__img::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,8,13,.58),rgba(18,8,13,.18) 48%,rgba(18,8,13,.03));pointer-events:none}
.hero--motion .hero__img img,.hero--motion .hero__img .dy-image-fallback{width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.02) brightness(.98);transform-origin:center}
.hero--motion .hero__inner{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;padding-bottom:clamp(7.2rem,14vh,10rem)}.hero--motion .hero__inner .wrap{position:relative}
.hero--motion .hero__index{position:absolute;inset-inline-end:0;bottom:-.25rem;font:300 clamp(5rem,13vw,11rem)/.75 var(--f-num);color:rgba(255,255,255,.07);letter-spacing:-.08em}
.hero--motion .hero__tag{font:700 .7rem/1 var(--f-num);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.35rem}.hero--motion .hero__tag::before{content:"";display:inline-block;width:30px;height:1px;background:currentColor;margin-inline-end:.8rem;vertical-align:middle}
.hero--motion .hero__title{max-width:850px;font-size:clamp(3.1rem,8vw,7.2rem);line-height:.99;letter-spacing:-.03em;color:#fff;text-wrap:balance;margin-bottom:1.25rem;text-shadow:0 18px 50px rgba(0,0,0,.2)}.hero--motion .hero__title em{font-style:normal;color:var(--gold)}
.hero--motion .hero__inner p:not(.hero__tag):not(.hero__index){max-width:660px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.8;color:rgba(255,255,255,.88)}.hero--motion .hero__cta{margin-top:1.7rem;display:flex;gap:.75rem;flex-wrap:wrap}.hero--motion .btn{border-radius:999px;padding:1rem 1.55rem}
.hero__ambient{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.hero__ambient i{position:absolute;border:1px solid rgba(234,216,189,.1);border-radius:50%;width:42vw;height:42vw;min-width:420px;min-height:420px;left:-12vw;top:-16vw}.hero__ambient i:nth-child(2){width:28vw;height:28vw;left:-7vw;top:-10vw}.hero__ambient i:nth-child(3){width:14vw;height:14vw;left:-2vw;top:-4vw}
.hero__edition{position:absolute;z-index:6;top:42px;inset-inline-end:clamp(1.3rem,5vw,4.2rem);display:flex;align-items:center;gap:.9rem;color:rgba(255,255,255,.66);font:700 .62rem/1 var(--f-num);letter-spacing:.18em}.hero__edition b{color:var(--gold)}
.hero__scroll{position:absolute;z-index:7;bottom:34px;inset-inline-start:clamp(1.3rem,5vw,4.2rem);display:flex;align-items:center;gap:.8rem;color:rgba(255,255,255,.62);font:600 .56rem/1 var(--f-num);letter-spacing:.2em}.hero__scroll i{width:58px;height:1px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}.hero__scroll i::after{content:"";position:absolute;inset:0;background:var(--gold);transform:translateX(100%);animation:dyHeroScan 2.4s ease-in-out infinite}@keyframes dyHeroScan{50%,100%{transform:translateX(-100%)}}
.hero__ctrl{position:absolute;z-index:8;bottom:26px;inset-inline-end:clamp(1.3rem,5vw,4.2rem);display:flex;align-items:center;gap:.65rem;background:rgba(18,8,13,.34);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.3rem .45rem;color:#fff}.hero__ctrl button{width:42px;height:42px;border:0;background:transparent;color:#fff;border-radius:50%;cursor:pointer;display:grid;place-items:center}.hero__ctrl button:hover{background:rgba(255,255,255,.12)}.hero__ctrl svg{width:16px}.hero__count{padding-inline:.4rem;font:700 .78rem var(--f-num);letter-spacing:.12em;color:rgba(255,255,255,.74)}.hero__count b{color:var(--gold)}
.hero-motion{position:absolute;z-index:4;inset:auto auto 1rem 50%;transform:translateX(-50%);width:min(40%,480px);pointer-events:auto}.hero-motion__nodes{display:flex;gap:12px;overflow-x:auto;padding:8px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.hero-motion__node{position:relative;flex:0 0 112px;height:76px;padding:0;border:2px solid rgba(255,255,255,.35);border-radius:var(--radius-card);overflow:hidden;background:var(--deep);cursor:pointer;scroll-snap-align:center}.hero-motion__node.is-active{border-color:var(--gold)}.hero-motion__node:focus-visible{outline:3px solid white;outline-offset:3px}.hero-motion__media{position:absolute;inset:0;display:block}.hero-motion__media img,.hero-motion__media .dy-image-fallback{width:100%;height:100%;object-fit:cover}.hero-motion__num{position:absolute;z-index:2;inset-inline-start:.4rem;bottom:.4rem;color:white;background:var(--deep);padding:4px;border-radius:4px;font:800 .65rem/1 var(--f-num)} 
.hero__progress{position:absolute;z-index:9;inset-inline:0;bottom:0;height:3px;background:rgba(255,255,255,.08);overflow:hidden;pointer-events:none}.hero__progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--gold),var(--rose));transform:scaleX(0);transform-origin:right center;will-change:transform}
@media(max-width:1020px){.hero--motion{height:min(820px,calc(100svh - 32px));min-height:680px}.hero--motion .hero__inner{padding-bottom:8rem}.hero--motion .hero__title{font-size:clamp(3rem,14vw,5.8rem);max-width:94%}}
@media(max-width:979px){.hero-motion{display:none!important}.hero__progress{height:2px}}
@media(max-width:700px){.hero__ctrl{bottom:20px;inset-inline-end:1rem}.hero__scroll{display:none}}
@media(max-width:680px){.hero--motion{min-height:640px;height:calc(100svh - 28px)}.hero--motion .hero__inner{padding-bottom:6.7rem}.hero--motion .hero__title{font-size:clamp(2.7rem,14vw,4.4rem);line-height:1.02}.hero--motion .hero__inner p:not(.hero__tag):not(.hero__index){font-size:.92rem;line-height:1.7;max-width:92%}.hero--motion .hero__cta{margin-top:1.2rem}.hero--motion .btn{padding:.82rem 1.1rem;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.hero-motion{display:none!important}.hero__progress i{transition:none}.hero__slide{transition:none}.hero__scroll i::after{animation:none}}


/* ========================================================================== 
   Support, leadership and post-membership confirmation
   ========================================================================== */

.ftr__support{
  margin:2rem 0 1rem;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-card);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  background:rgba(255,255,255,.045)
}
.ftr__support strong,.ftr__support span{display:block}.ftr__support span{opacity:.72;font-size:.9rem}
.ftr__support a{color:#fff;text-decoration:none;font-weight:800;border-bottom:1px solid rgba(255,255,255,.35)}





.leadership-showcase{background:var(--surface-alt,var(--bone,#f7f1eb))}
.leader-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.leader-card{background:var(--card,#fff);border:1px solid var(--rule);border-radius:var(--radius-card);overflow:hidden;min-width:0}
.leader-card__media{display:block;aspect-ratio:4/4.7;overflow:hidden;background:var(--surface-alt)}
.leader-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.leader-card:hover .leader-card__media img{transform:scale(1.035)}
.leader-card__body{padding:1rem 1rem 1.15rem}
.leader-card__body h3{margin:.25rem 0;font-size:clamp(1rem,1.4vw,1.25rem)}
.leader-card__body h3 a{color:var(--ink);text-decoration:none}.leader-card__body p{margin:.2rem 0;color:var(--muted)}
.leader-level{font:700 .72rem/1.5 var(--f-num);color:var(--rose);letter-spacing:.04em}
.article-shell{max-width:920px;margin-inline:auto}.article-cover{aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-card);background:var(--surface-alt);margin-bottom:1.5rem}.article-cover img{width:100%;height:100%;object-fit:cover}.prose{font-size:clamp(1rem,1.3vw,1.12rem);line-height:2;color:var(--ink)}.prose>p,.prose>ul,.prose>ol,.prose>blockquote{max-width:76ch}.prose a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.leader-grid{grid-template-columns:1fr 1fr;gap:.7rem}.leader-card__body{padding:.8rem}}


/* ==========================================================================
   V8.3 — contrast, form controls and resilient media
   ========================================================================== */
.join-done__message{color:var(--muted);max-width:44ch;margin-inline:auto}
html.theme-dark .join-done__message{color:var(--on-dark-muted)}

/* Native select popups can inherit unreadable OS colours unless both schemes are explicit. */
.f select{color-scheme:light;background-color:var(--card);color:var(--ink);border:1px solid var(--rule);padding-inline:.9rem}
.f select option,.f select optgroup{background:var(--card);color:var(--ink)}
html.theme-dark .f select{color-scheme:dark;background-color:var(--card);color:var(--ink);border-color:var(--rule-strong)}
html.theme-dark .f select option,html.theme-dark .f select optgroup{background:#21171C;color:#F7F1F3}
html.theme-dark input[type=date]{color-scheme:dark}
html:not(.theme-dark) input[type=date]{color-scheme:light}

/* Keep semantic text readable in both themes. */
html.theme-dark .steps,html.theme-dark .rev__i,html.theme-dark .consent{color:var(--ink)}
html.theme-dark .legal,html.theme-dark .note,html.theme-dark .f small,html.theme-dark .steps__names{color:var(--muted)}
html.theme-dark .rev h3,html.theme-dark .legal b{color:var(--plum)}

/* Broken/missing media never leaves an empty transparent tile. */
.gal button,.frame,.tcard,.story-card__media,.branch-tile__media{background:linear-gradient(135deg,var(--card-soft),var(--surface-alt));overflow:hidden}
.gal button img,.frame img,.tcard img,.story-card__media img,.branch-tile__media img{width:100%;height:100%;object-fit:cover}
.dy-image-fallback{display:block;width:100%;height:100%;min-height:180px;background:linear-gradient(135deg,var(--deep-2),var(--plum));position:relative}
.dy-image-fallback::after{content:"صورة غير متوفرة";position:absolute;inset:0;display:grid;place-items:center;color:var(--on-dark-muted);font:600 .78rem var(--f-ui)}
.dy-image-fallback--quiet{min-height:0;background:radial-gradient(circle at 18% 20%,rgba(183,46,114,.24),transparent 34%),radial-gradient(circle at 78% 68%,rgba(212,106,159,.16),transparent 28%),linear-gradient(135deg,var(--deep-2),var(--deep))}.dy-image-fallback--quiet::after{content:none}


/* V8.3 hierarchical branches */
.branch-tree{display:grid;gap:1rem}.branch-tree .branch-tree{margin-top:1rem;margin-inline-start:clamp(.8rem,2.5vw,2rem);padding-inline-start:clamp(.8rem,2.5vw,1.5rem);border-inline-start:1px solid var(--rule-strong)}
.branch-node{border:1px solid var(--rule);background:var(--card);padding:clamp(1rem,2vw,1.35rem);box-shadow:var(--shadow-soft)}
.branch-node__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.branch-node__type{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:var(--blush);color:var(--plum);font:700 .68rem var(--f-num);margin-bottom:.45rem}.branch-node h3{margin:0}.branch-node small{color:var(--muted)}.branch-node__meta{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;font-size:.82rem;color:var(--muted)}.branch-node__meta a{color:var(--rose)}
.branch-tree--depth-0>.branch-node{border-color:var(--rule-strong)}
@media(max-width:640px){.branch-node__head{display:grid}.branch-node__meta{justify-content:flex-start}.branch-tree .branch-tree{margin-inline-start:.35rem;padding-inline-start:.7rem}}


/* V8.4 responsive structural pass */
@media(max-width:1020px){.hdr__inner{gap:.55rem}}
@media(max-width:760px){
 :root{--gut:1rem;--nav-h:68px}.hero--motion{min-height:clamp(560px,82svh,700px);height:clamp(560px,82svh,700px)}.hero--motion .hero__inner{padding-bottom:5.4rem}.hero__scroll{display:none}
 
}
@media(max-width:420px){.hero--motion .hero__cta{display:grid;grid-template-columns:1fr;width:100%}.hero--motion .btn{width:100%;justify-content:center}}
.hero__slide--empty .hero__img{background:radial-gradient(circle at 18% 20%,rgba(183,46,114,.24),transparent 34%),radial-gradient(circle at 78% 68%,rgba(212,106,159,.16),transparent 28%),linear-gradient(135deg,var(--deep-2),var(--deep))}

.join-whatsapp-auto-note{margin-top:1rem;color:var(--muted);font-size:.9rem}html.theme-dark .join-whatsapp-auto-note{color:var(--on-dark-muted)}
/* Referral value: shown after enrollment and in «حسابي». */
.join-ref-note,.member-referral__value{margin:1rem 0 0;padding:.85rem 1rem;border-inline-start:3px solid var(--rose);background:color-mix(in srgb,var(--rose) 7%,transparent);border-radius:6px;color:inherit;font-size:.95rem;line-height:1.8}

/* Brand assets and the permanent designer attribution. */
.logo .dy-logo-image{width:var(--dy-logo-width,46px);height:auto;max-height:100px;object-fit:contain;flex-shrink:0}
.logo .dy-logo-light,.logo .dy-logo-dark{flex-shrink:0}
.logo .dy-logo-dark{display:none}
html.theme-dark .logo .dy-logo-light,.ftr .logo .dy-logo-light{display:none}
html.theme-dark .logo .dy-logo-dark,.ftr .logo .dy-logo-dark{display:block}
.dy-designer-credit{text-align:center;padding:1rem var(--gut);background:var(--surface);color:var(--muted);font-size:.85rem;border-top:1px solid var(--rule)}
.dy-designer-credit a{display:inline-block;padding:.35rem .75rem;text-underline-offset:.3em;text-decoration:underline}
.dy-designer-credit a:hover{color:var(--rose)}
.dy-builder .dy-canvas{padding:0;margin:0;width:100%}
@media(max-width:375px){.logo .dy-logo-image{max-width:58px}.dy-designer-credit{font-size:.8rem}}

/* Keep form typography independent of the large editorial intro headings. */
#dy-form > div,#dy-form > aside,#joinForm{min-width:0}
.dy-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}

.dy-search__form{position:relative}
.dy-search__form .dy-live{z-index:3;max-height:min(45vh,420px);overflow:auto;inset-inline:0;top:100%}
.dy-live>li{padding:.65rem .9rem}
#joinForm .alert[hidden]{display:none}

/* Shared membership layout: preserve the local rounded-field design. */
.membership-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(1rem,3vw,2.4rem);align-items:start}.membership-layout>*{min-width:0}.membership-preview{position:sticky;top:110px}.membership-preview .mcard{position:relative;top:auto;min-height:250px;aspect-ratio:auto;gap:1rem}.membership-layout .f--wide{grid-column:1/-1}.membership-layout .steps__names{margin-bottom:1.2rem}.membership-layout .step h2{font-size:clamp(1.1rem,2.5vw,1.4rem);margin-bottom:1.1rem}.membership-layout .steps__nav .btn{border-radius:var(--radius-card);min-height:48px}.mcard__meta{display:flex;gap:.5rem;flex-wrap:wrap}.mcard__meta span{border:1px solid #ffffff40;border-radius:99px;padding:.25rem .5rem;font-size:.7rem}.membership-layout .rev,.membership-layout .consent,.membership-layout .legal,.membership-layout .pick{border-radius:var(--radius-card)}
@media(max-width:1024px){.membership-layout{grid-template-columns:1fr}.membership-preview{position:static;max-width:540px;width:100%;margin-inline:auto}}

/* Floating actions + phone bottom navigation: one launcher instead of overlapping buttons. */
:root{--fab-gap:1rem;--mnav-h:0px}
.dy-fab{position:fixed;z-index:90;inset-inline-end:var(--fab-gap);bottom:calc(var(--fab-gap) + var(--mnav-h) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}
.dy-fab__toggle{width:54px;height:54px;border-radius:50%;border:0;background:var(--rose);color:#fff;display:grid;place-items:center;box-shadow:0 14px 35px -14px rgba(var(--shadow-rgb),.8);cursor:pointer;transition:transform .2s ease}
.dy-fab__toggle:hover{transform:translateY(-2px)}.dy-fab__toggle svg{width:24px;height:24px}
.dy-fab__close,.dy-fab.is-open .dy-fab__open{display:none}.dy-fab.is-open .dy-fab__close{display:block}
.dy-fab__menu{display:grid;gap:.25rem;padding:.45rem;min-width:min(240px,calc(100vw - 2rem));background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:0 22px 60px -24px rgba(var(--shadow-rgb),.7)}
.dy-fab__menu[hidden],.dy-fab__item[hidden],.dy-fab__item--top:not(.is-visible){display:none}
.dy-fab__item{display:flex;align-items:center;gap:.7rem;width:100%;min-height:46px;padding:.55rem .8rem;border:0;border-radius:var(--radius-card);background:transparent;color:inherit;font:600 .9rem var(--f-ui);text-align:start;text-decoration:none;cursor:pointer}
.dy-fab__item:hover,.dy-fab__item:focus-visible{background:var(--surface-alt)}.dy-fab__item svg{width:22px;height:22px;flex:none;color:var(--rose)}.dy-fab__item--wa svg{color:#198754}
.site-assistant{position:fixed;z-index:95;inset-inline-end:var(--fab-gap);bottom:calc(var(--fab-gap) + var(--mnav-h) + env(safe-area-inset-bottom,0px) + 66px)}
.site-assistant .assistant__panel{bottom:0;inset-inline-start:auto;inset-inline-end:0;max-height:calc(100svh - var(--mnav-h) - 120px)}
.dy-mnav{display:none}
@media(max-width:768px){
  :root{--mnav-h:64px;--fab-gap:.75rem}
  body{padding-bottom:calc(var(--mnav-h) + env(safe-area-inset-bottom,0px))}
  .dy-mnav{position:fixed;z-index:88;inset-inline:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);height:calc(var(--mnav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--card);border-top:1px solid var(--rule);box-shadow:0 -10px 30px -22px rgba(var(--shadow-rgb),.6)}
  .dy-mnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;border:0;background:none;color:var(--muted);font:600 .68rem var(--f-ui);text-decoration:none;cursor:pointer}
  .dy-mnav__item svg{width:22px;height:22px}.dy-mnav__item[aria-current="page"]{color:var(--rose)}
  .dy-mnav__item.is-primary{color:var(--ink)}.dy-mnav__item.is-primary svg{width:46px;height:46px;padding:11px;margin-top:-24px;border-radius:50%;background:var(--rose);color:#fff;box-shadow:0 10px 24px -10px rgba(var(--shadow-rgb),.8)}
  .dy-fab__toggle{width:48px;height:48px}
}
@media print{.dy-fab,.dy-mnav{display:none!important}}

/* ==========================================================================
   V9 design layer — cream / blush / magenta / deep plum (one place, token-driven)
   ========================================================================== */
body,h1,h2,h3,h4,.btn,.kicker{letter-spacing:0}
h1,h2,h3,h4{font-weight:600}
.sechead h2,.intro:not(#dy-form) h2{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.2;letter-spacing:0;font-weight:700}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
html.theme-dark :focus-visible{outline-color:var(--gold)}

/* Section rhythm + surfaces. These classes were in the markup but had no rules, so sections touched each other
   and .sec--deep printed white headings on the light page. */
.sec:not(.sec--tight){padding-block:var(--section-y)}
.sec--bone{background:var(--surface-alt)}
.sec--blush{background:var(--blush)}
.sec--deep{background:var(--deep);color:var(--on-dark)}
.sec--deep p,.sec--deep .axis p,.sec--deep small{color:var(--on-dark-muted)}
.sec--deep a{color:inherit}

/* Missing media: quiet brand surface, never a "صورة غير متوفرة" label in front of visitors. */
.dy-image-fallback{background:linear-gradient(140deg,var(--blush),var(--card-shadow))}
.dy-image-fallback::after{content:none}
.sec--deep .dy-image-fallback,.hero .dy-image-fallback{background:radial-gradient(circle at 20% 20%,rgba(183,46,114,.28),transparent 40%),linear-gradient(135deg,var(--deep-2),var(--deep))}

/* Cards: calm at rest, offset "paper" shadow on hover/focus. */
.membership-benefit,.card,.evcard{transition:transform .25s var(--ease-premium),box-shadow .25s var(--ease-premium),border-color .25s}
.membership-benefit:hover,.membership-benefit:focus-within,.card:hover,.card:focus-within{transform:translate(4px,-4px);box-shadow:-8px 8px 0 var(--card-shadow);border-color:transparent}
.membership-benefit__icon{background:var(--pill);color:var(--pill-ink)}
@media(prefers-reduced-motion:reduce){.membership-benefit:hover,.card:hover{transform:none}}

/* Footer contrast on the deep surface. */
.ftr__support a{color:#fff;font-weight:600}
.ftr__about{margin-top:1.4rem}
.ftr__hint{opacity:.6}

/* Theme Check essentials. */
.sticky{position:relative}
.bypostauthor>.comment-body{border-inline-start:3px solid var(--rose);padding-inline-start:1rem}
.gallery-caption,.wp-caption-text{font-size:.82rem;color:var(--muted);margin-top:.4rem}
.entry-tags{margin-top:2rem;font-size:.88rem;color:var(--muted)}.entry-tags a{display:inline-block;margin:.15rem;padding:.2rem .6rem;background:var(--pill);color:var(--pill-ink);border-radius:var(--radius-card);text-decoration:none}
.article-body--narrow{max-width:var(--read,760px);margin-inline:auto}

/* «مكانك بيننا» — homepage join section (template-parts/join-cta.php). */
.join-cta{background:var(--blush);padding-block:clamp(4rem,8vw,7rem)}
.join-cta__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.join-cta__kicker{margin:0 0 1rem;color:var(--rose);font-size:.82rem;font-weight:600}
.join-cta__title{margin:0 0 1.25rem;color:var(--ink);font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.18;font-weight:700}
.join-cta__title span{display:block}
.join-cta__lead{max-width:54ch;margin:0 0 2rem;color:var(--muted);line-height:1.95}
.join-cta__steps{list-style:none;margin:0;padding:0}
.join-cta__step{display:flex;align-items:flex-start;gap:1.1rem;padding-block:1.15rem;border-bottom:1px solid var(--rule-strong)}
.join-cta__step:last-child{border-bottom:0}
.join-cta__check{flex:none;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--rose);color:var(--rose);border-radius:var(--radius-card);transition:background .2s,color .2s}
.join-cta__check svg{width:18px;height:18px}
.join-cta__step:hover .join-cta__check{background:var(--rose);color:#fff}
.join-cta__step b{display:block;margin-bottom:.2rem;color:var(--ink);font-weight:600}
.join-cta__step small{display:block;color:var(--muted);font-size:.88rem;line-height:1.75}
.join-cta__card{background:var(--card);padding:clamp(1.6rem,3.5vw,2.5rem);border-radius:var(--radius-card);box-shadow:var(--shadow-offset);transition:transform .3s var(--ease-premium),box-shadow .3s var(--ease-premium)}
.join-cta__card:hover{transform:translate(-3px,-3px);box-shadow:15px 15px 0 var(--card-shadow)}
.join-cta__badge{display:inline-block;margin-bottom:1.2rem;padding:.35rem .75rem;background:var(--pill);color:var(--pill-ink);font-size:.8rem;font-weight:600;border-radius:var(--radius-card)}
.join-cta__card h3{margin:0 0 .8rem;color:var(--ink);font-size:clamp(1.45rem,2.6vw,1.95rem);font-weight:500;line-height:1.35}
.join-cta__card p{margin:0 0 1.8rem;color:var(--muted);line-height:1.95}
.join-cta__btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:56px;padding:.8rem 1.2rem;background:var(--rose);color:#fff;font-weight:600;border-radius:var(--radius-card);text-decoration:none;transition:background .2s,transform .2s}
.join-cta__btn:hover{background:var(--rose-hover);color:#fff;transform:translateY(-1px)}
.join-cta__btn svg{width:20px;height:20px}
.join-cta__link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;color:var(--rose);font-size:.9rem;font-weight:600;text-decoration:none}
.join-cta__link svg{width:16px;height:16px;transition:transform .2s}.join-cta__link:hover svg{transform:translateX(-3px)}
@media(max-width:860px){.join-cta__grid{grid-template-columns:1fr}.join-cta__card{margin-inline-end:12px}}

/* Dark mode: give the new surfaces dark equivalents (Customizer dark tokens still win for the base palette). */
html.theme-dark{--blush:#170F14;--surface-alt:#1A1217;--bone:#1A1217;--pill:#3A2230;--pill-ink:#F3B8D4;--card-shadow:#4A2E3D;--rule-strong:rgba(255,255,255,.18)}
/* Dark mode: the bright pink action colour needs dark text to reach WCAG AA (white on it is ~3.4:1). */
html.theme-dark .btn:not(.btn--light):not(.btn--line){--fg:var(--deep)}
html.theme-dark .join-cta__btn,html.theme-dark .join-cta__btn:hover{color:var(--deep)}

/* ==========================================================================
   9.1 mobile layer: video facades, full-screen member card, join draft, keyboard-aware bar
   ========================================================================== */
.vfacade{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(160deg,var(--plum),var(--deep));color:#fff;text-decoration:none}
.vfacade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vfacade::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,.05) 55%)}
.vfacade__play{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--rose);color:#fff;box-shadow:0 12px 30px -10px rgba(0,0,0,.6);transition:transform .2s ease}
.vfacade__play svg{margin-inline-start:4px}
.vfacade:hover .vfacade__play,.vfacade:focus-visible .vfacade__play{transform:scale(1.08)}
.vfacade:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.vfacade__frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#080808}
.reel-card__media .vfacade__frame{position:static;display:block}

.digital-card:not(.is-full){flex-wrap:wrap}.digital-card__actions{position:relative;z-index:2;flex:1 0 100%;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}
.digital-card__actions button{position:static!important;min-height:40px}
.digital-card.is-full{position:fixed;inset:0;z-index:10000;margin:0;flex-direction:column;justify-content:center;text-align:center;padding:2rem 1.25rem calc(5rem + env(safe-area-inset-bottom,0px));min-height:100%}
.digital-card.is-full h3{font-size:clamp(1.6rem,7vw,2.6rem)}
.digital-card.is-full .member-qr{width:min(78vw,52vh);height:auto;aspect-ratio:1;padding:12px}
.digital-card.is-full .digital-card__actions{position:absolute;flex:none;inset-inline:0;justify-content:center;inset-block-end:calc(1.25rem + env(safe-area-inset-bottom,0px))}
.dy-card-open,.dy-card-open body{overflow:hidden}
.dy-card-open .dy-mnav,.dy-card-open .dy-fab{display:none!important}

.join-draft-note{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.7rem 1rem;background:var(--bone);border-inline-start:3px solid var(--gold);font-size:.9rem}
.join-draft-note__clear{border:0;background:none;padding:.25rem 0;color:var(--rose);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;min-height:36px}
#consentErr{margin-top:.6rem}

.ev-cal{margin-top:1.2rem}

@media (max-width:1023px){
  .dy-typing .dy-mnav,.dy-typing .dy-fab{transform:translateY(130%);visibility:hidden;transition:transform .18s ease,visibility 0s .18s}
}
@media (prefers-reduced-motion:reduce){.vfacade__play{transition:none}}
@media (max-width:540px){.digital-card:not(.is-full) .digital-card__actions{margin-top:.25rem}.digital-card:not(.is-full) .digital-card__actions button{flex:1 1 auto}}

/* ==========================================================================
   9.2 layer: member account, youth voice, calendar, quiz, votes, branch map, press kit, French page
   ========================================================================== */
.member-login,.member-account{margin-top:2rem}
.member-login{padding:1.4rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}
.member-account__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.member-account__head h2{margin:.2rem 0}.member-account__head p{margin:0;color:var(--muted)}
.member-term{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin:1rem 0;padding:1rem 1.2rem;background:var(--bone);border-inline-start:4px solid var(--rose)}
.member-term strong{font:700 1.15rem var(--f-num)}.member-term.is-expired{border-color:#C2261E}.member-term form{margin-inline-start:auto}
.member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.member-stats div{padding:1rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card);text-align:center}
.member-stats strong{display:block;font:700 1.6rem var(--f-num);color:var(--rose)}.member-stats span{font-size:.82rem;color:var(--muted)}
.member-badges{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0}
.member-badges li{padding:.35rem .8rem;border-radius:999px;background:var(--rose);color:#fff;font-size:.8rem;font-weight:700}
.member-panel{margin:.8rem 0;border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--card)}
.member-panel>summary{padding:1rem 1.2rem;font-weight:700;cursor:pointer;min-height:48px}
.member-panel>*:not(summary){margin-inline:1.2rem}.member-panel>*:last-child{margin-bottom:1.2rem}
.member-pending{padding:1rem 1.1rem;margin-bottom:1rem;background:var(--blush);border-inline-start:4px solid var(--gold);border-radius:10px}
.member-pending p{margin:0 0 .5rem}.member-pending ul{margin:0 0 .6rem;padding-inline-start:1.1rem}.member-pending li{margin:.2rem 0;overflow-wrap:anywhere}
.member-pending li img{vertical-align:middle;margin-inline-start:.4rem}
.member-photo{width:88px;height:88px;object-fit:cover;border-radius:50%;border:2px solid var(--rule);flex:0 0 auto}
.member-photo--sm{width:56px;height:56px}
.member-photo-field{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.member-photo-field>div{flex:1 1 220px;min-width:0}
.member-photo-field input[type=file]{max-width:100%}
.member-form__group{margin:1.4rem 0 .6rem;padding-bottom:.35rem;font-size:1rem;border-bottom:1px solid var(--rule);color:var(--plum)}
.member-panel select{max-width:100%}
.member-docs{list-style:none;margin:0;padding:0}.member-docs li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--rule)}
.member-docs li:last-child{border-bottom:0}.member-docs small{color:var(--muted)}.member-docs__cert{font-weight:700;color:var(--rose)}
.member-vote{padding:1rem 0;border-bottom:1px solid var(--rule)}.member-vote:last-child{border-bottom:0}.member-vote h4{margin:0 0 .5rem}
.member-vote__results{list-style:none;padding:0;margin:.5rem 0 0}.member-vote__results li{display:flex;justify-content:space-between;padding:.35rem 0}
@media (max-width:480px){.member-stats{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.member-stats strong{font-size:1.25rem}}

.dy-ideas__list{display:grid;gap:1rem;margin-bottom:1.4rem}
.dy-idea{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}
.dy-idea__vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:56px;min-height:64px;border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--surface,transparent);color:var(--ink);font:inherit;cursor:pointer}
.dy-idea__vote b{font:700 1.1rem var(--f-num)}.dy-idea__vote.is-voted{background:var(--rose);border-color:var(--rose);color:#fff}
.dy-idea__vote:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.dy-idea__topic{display:inline-block;font-size:.75rem;font-weight:700;color:var(--rose)}.dy-idea h3{margin:.2rem 0 .4rem}.dy-idea small{color:var(--muted)}
.dy-idea__reply{margin-top:.8rem;padding:.8rem 1rem;background:var(--bone);border-inline-start:3px solid var(--rose)}.dy-idea__reply p{margin:.3rem 0 0}
.dy-ideas__form>summary{display:inline-flex;list-style:none}.dy-ideas__form>summary::-webkit-details-marker{display:none}.dy-ideas__form form{margin-top:1rem}

.dy-calendar__subscribe{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1.4rem;padding:1rem 1.2rem;background:var(--bone)}
.dy-calendar__subscribe p{margin:0;flex:1 1 220px}
.dy-calendar__month{margin:1.6rem 0 .6rem;font-size:1.1rem}.dy-calendar__list{list-style:none;margin:0;padding:0}
.dy-calendar__item{display:flex;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--rule)}.dy-calendar__item.is-past{opacity:.55}
.dy-calendar__item time{display:grid;place-items:center;min-width:58px;padding:.4rem;background:var(--rose);color:#fff;border-radius:var(--radius-card);line-height:1.1}
.dy-calendar__item time b{font:700 1.4rem var(--f-num)}.dy-calendar__item time span{font-size:.72rem}
.dy-calendar__item a{font-weight:700;color:var(--ink);text-decoration:none}.dy-calendar__item small{display:block;color:var(--muted)}

.dy-quiz{margin-top:2.4rem;padding:1.4rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}
.dy-quiz__q{margin:0 0 1rem;padding:0;border:0}.dy-quiz__q legend{font-weight:700;margin-bottom:.5rem}

.dy-branch-map__frame{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;min-height:220px;margin-bottom:1.4rem;background:linear-gradient(160deg,var(--blush),var(--bone));border-radius:var(--radius-card)}
.dy-branch-map__iframe{width:100%;height:360px;border:0;border-radius:var(--radius-card)}
.dy-branch-map__total strong{font:700 1.6rem var(--f-num);color:var(--rose)}
.dy-branch-map__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.dy-branch-map__group{padding:1rem 1.2rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}
.dy-branch-map__group ul{list-style:none;margin:0;padding:0}.dy-branch-map__group li{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px dashed var(--rule)}
.dy-branch-map__group li:last-child{border-bottom:0}.dy-branch-map__group span{font:700 .9rem var(--f-num);color:var(--rose)}

.dy-year-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.dy-year-stats__year{padding:1.2rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}
.dy-year-stats__year h3{margin:0 0 .6rem;font:700 1.6rem var(--f-num);color:var(--rose)}
.dy-year-stats dl{margin:0;display:grid;gap:.3rem}.dy-year-stats dl div{display:flex;justify-content:space-between}.dy-year-stats dd{margin:0;font-weight:700}

.dy-years{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.dy-years a{padding:.4rem .9rem;min-height:40px;display:inline-flex;align-items:center;border:1px solid var(--rule);border-radius:999px;color:var(--ink);text-decoration:none;font-family:var(--f-num)}
.dy-years a[aria-current]{background:var(--rose);border-color:var(--rose);color:#fff}

.press__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}
.press__logos{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}
.press__logo{display:grid;gap:.4rem;justify-items:center;padding:1rem;border:1px solid var(--rule);border-radius:var(--radius-card);text-decoration:none;color:var(--ink)}
.press__logo img{max-height:90px;width:auto}
.press__colors{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.press__colors li{display:flex;align-items:center;gap:.7rem}
.press__colors span{width:34px;height:34px;border-radius:6px;border:1px solid var(--rule)}.press__colors code{margin-inline-start:auto}

.partner-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;padding:1.2rem 1.4rem;background:var(--bone);border-inline-start:4px solid var(--rose)}
.partner-cta h2{margin:0 0 .3rem;font-size:1.2rem}.partner-cta p{margin:0}

.dy-french{text-align:left}.dy-french__title{font-family:var(--f-num)}.dy-french__lead{font-size:1.15rem;color:var(--muted)}.dy-french__cta{margin-top:2rem}
/* Buttons inside page content keep their own colour (.entry a would otherwise win on specificity). */
.entry a.btn,.entry a.btn:visited,.entry a.btn:hover{color:var(--fg);text-decoration:none}

/* Membership form: dashboard-configured intro */
.join-intro{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--rose) 9%,transparent);line-height:1.8}
/* ===== 9.4: next-event bar, display panel, start page, quiz, timeline, ask, challenge, event album ===== */
.nextbar{background:var(--deep);color:var(--on-dark);font-size:.9rem}
.nextbar__in{display:flex;align-items:center;gap:.4rem .9rem;flex-wrap:wrap;padding-block:.55rem;padding-inline-end:2.2rem;position:relative}
.nextbar__k{background:var(--rose);color:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600}
.nextbar__t{color:inherit;font-weight:600;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.nextbar__t:hover{text-decoration:underline}
.nextbar__c{color:var(--on-dark-muted);font-variant-numeric:tabular-nums}
.nextbar__go{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.nextbar__x{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);background:none;border:0;color:inherit;font-size:1.4rem;line-height:1;width:2.2rem;height:2.2rem;cursor:pointer}
.nextbar__x:focus-visible,.nextbar a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:480px){.nextbar__t{flex:1 1 60%}}

.dispanel{position:relative}
.dispanel>.hdr-tool{font-weight:700;font-size:.9rem}
.dispanel__box{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);z-index:60;width:min(290px,calc(100vw - 32px));background:var(--card);color:var(--ink);border:1px solid var(--rule-strong);border-radius:16px;box-shadow:var(--shadow-card);padding:1rem;display:grid;gap:.8rem}
.dispanel__box[hidden]{display:none}
.dispanel__fs{border:0;padding:0;margin:0;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.dispanel__fs legend{font-weight:600;margin-bottom:.4rem;width:100%}
.dispanel__fs button{flex:1;min-height:44px;border:1px solid var(--rule-strong);background:transparent;color:inherit;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
.dispanel__fs button[aria-pressed="true"]{background:var(--rose);border-color:var(--rose);color:#fff}
.dispanel__t{display:flex;gap:.5rem;align-items:center;min-height:44px;cursor:pointer}
.dispanel__t input{width:1.15rem;height:1.15rem;accent-color:var(--rose)}
html.fs-1{font-size:112.5%}html.fs-2{font-size:125%}
html.fs-1 body,html.fs-2 body{font-size:1rem}
html.hc{--ink:#000;--ink-rgb:0,0,0;--muted:#1d1d1d;--rule:rgba(0,0,0,.45);--rule-strong:#000;--rose:#8A1A52;--rose-hover:#6D1441;--pill-ink:#6D1441}
html.hc.theme-dark{--ink:#fff;--ink-rgb:255,255,255;--muted:#f2f2f2;--rule:rgba(255,255,255,.55);--rule-strong:#fff;--rose:#FF8DB8;--surface:#000;--bone-2:#000;--card:#0b0b0b}
html.hc .entry a,html.hc main p a{text-decoration:underline;text-underline-offset:3px}
html.hc :focus-visible{outline:3px solid currentColor!important;outline-offset:2px}

.start__intro{display:grid;gap:2rem;align-items:start;margin-bottom:3rem}
@media (min-width:900px){.start__intro{grid-template-columns:1.1fr .9fr}}
.start__video{border-radius:18px;overflow:hidden}
.start__benefits{list-style:none;padding:0;margin:0 0 3rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.start__benefits li{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:1.3rem}
.start__benefits h3{margin:.4rem 0;font-size:1.1rem}
.start__benefits p{margin:0;color:var(--muted)}
.start__n{color:var(--rose);font-weight:700;font-variant-numeric:tabular-nums}
.start__steps{list-style:none;counter-reset:st;padding:0;margin:0 0 2.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.start__steps li{counter-increment:st;display:grid;gap:.3rem;padding:1.2rem 1.2rem 1.2rem 1.2rem;border-inline-start:4px solid var(--rose);background:var(--card-soft);border-radius:0 14px 14px 0}
.start__steps li::before{content:counter(st);font-size:2rem;font-weight:700;color:var(--rose);line-height:1}
.start__steps span{color:var(--muted)}
.start__cta,.quiz__actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}

.quiz{max-width:760px}
.quiz__form{display:grid;gap:1.4rem}
.quiz__q{border:1px solid var(--rule);border-radius:18px;padding:1.1rem;margin:0;display:grid;gap:.5rem;background:var(--card)}
.quiz__q legend{font-weight:600;font-size:1.05rem;padding:0 .3rem}
.quiz__q legend span{color:var(--rose);font-variant-numeric:tabular-nums;margin-inline-end:.3rem}
.quiz__result{background:var(--card);border:2px solid var(--rose);border-radius:22px;padding:clamp(1.3rem,4vw,2.4rem)}
.quiz__result h2{font-size:clamp(1.6rem,5vw,2.4rem);margin:.2rem 0 .6rem;color:var(--rose)}

.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;inset-block:0;inset-inline-start:2.6rem;width:2px;background:var(--rule-strong)}
.timeline__i{position:relative;display:grid;grid-template-columns:5.2rem 1fr;gap:1rem;padding-bottom:1.6rem}
.timeline__y{position:relative;z-index:1;align-self:start;justify-self:center;background:var(--rose);color:#fff;font-weight:700;border-radius:999px;padding:.25rem .7rem;font-variant-numeric:tabular-nums;font-size:.9rem;max-width:100%;text-align:center}
.timeline__b{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:1rem 1.2rem;min-width:0}
.timeline__b h3{margin:0 0 .3rem;font-size:1.1rem}
.timeline__b p{margin:0;color:var(--muted)}
.timeline__b img{width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:12px;margin-bottom:.8rem;display:block}

.ask{display:grid;gap:2rem;align-items:start}
@media (min-width:900px){.ask{grid-template-columns:1.4fr 1fr}.ask__form{position:sticky;top:6rem}}
.ask__item{border:1px solid var(--rule);border-radius:14px;background:var(--card);margin-bottom:.7rem}
.ask__item summary{cursor:pointer;padding:1rem 1.1rem;font-weight:600;list-style-position:inside}
.ask__a{padding:0 1.1rem 1rem;color:var(--ink)}
.ask__form{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:1.3rem}
.ask__form h2{margin-top:0}

.challenge{max-width:820px}
.challenge__img{margin:0 0 1.5rem}.challenge__img img{width:100%;height:auto;border-radius:18px;display:block}
.dy-challenge{margin-top:2rem;padding:1.3rem;border:2px solid var(--rose);border-radius:18px;background:var(--card)}
.dy-challenge__count strong{font-size:1.8rem;color:var(--rose);font-variant-numeric:tabular-nums}

.ev-album{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,320px);gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:.5rem}
.ev-album__item{scroll-snap-align:start;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--card)}
.ev-album__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease-premium)}
.ev-album__item:hover img{transform:scale(1.04)}
@media (min-width:900px){.ev-album{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;overflow:visible}}

.join-share{margin-top:1.2rem;display:grid;gap:.6rem;justify-items:start}
.join-share p{margin:0}
@media (prefers-reduced-motion:reduce){.ev-album__item img{transition:none}}
@media (max-width:640px){.dispanel__box{position:fixed;top:auto;inset-inline:16px;width:auto;margin-top:.5rem}}

/* ===== 9.5: professional membership form — help text, custom field grid, photo, video, organisations ===== */
.fhelp{display:block;margin-top:.35rem;color:var(--muted);font-size:.82rem;line-height:1.6}
.cf-grid{display:grid;gap:0 1rem;grid-template-columns:1fr}
@media (min-width:640px){.cf-grid{grid-template-columns:1fr 1fr}.cf-grid>.f{grid-column:1/-1}.cf-grid>.f--half{grid-column:auto}}
.photo-field__box{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.photo-field__label{display:block;font-weight:600;margin-bottom:.5rem}
.photo-field__label.req::after{content:" *";color:var(--rose)}
.photo-field__preview{width:88px;height:88px;flex:0 0 88px;border-radius:50%;border:2px dashed var(--rule-strong);display:grid;place-items:center;color:var(--muted);background:var(--card) center/cover no-repeat;overflow:hidden}
.photo-field__preview svg{width:44px;height:44px}
.photo-field__preview.has-photo{border-style:solid;border-color:var(--rose)}
.photo-field__preview.has-photo svg{display:none}
.photo-field input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.photo-field__btn{cursor:pointer}
.photo-field input[type=file]:focus-visible+.fhelp,.photo-field__btn:focus-within{outline:2px solid var(--rose);outline-offset:2px}
.join-video{margin:0 0 1.2rem;border:1px solid var(--rule);border-radius:16px;background:var(--card);overflow:hidden}
.join-video summary{cursor:pointer;display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;font-weight:600;list-style:none}
.join-video summary::-webkit-details-marker{display:none}
.join-video__ic{width:34px;height:34px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font-size:.8rem;flex:0 0 34px}
.join-video__body{padding:0 1.1rem 1.1rem}
.orgs-field{border:0;padding:0;margin:0 0 1rem;min-width:0}
.orgs-field legend{font-weight:600;padding:0;margin-bottom:.3rem}
.orgs-field legend.req::after{content:" *";color:var(--rose)}
.orgs-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin-top:.6rem}
.org-card{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem .9rem;border:1px solid var(--rule-strong);border-radius:14px;background:var(--card);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.org-card input{margin-top:.25rem;width:1.1rem;height:1.1rem;accent-color:var(--rose);flex:0 0 auto}
.org-card span{display:grid;gap:.15rem}
.org-card small{color:var(--muted);font-size:.8rem;line-height:1.5}
.org-card:has(input:checked){border-color:var(--rose);box-shadow:0 0 0 1px var(--rose) inset}
.org-card:focus-within{outline:2px solid var(--rose);outline-offset:2px}
.mcard__photo{width:64px;height:64px;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.6);display:block}
.mcard__photo[hidden]{display:none}
.mcard__photo img{width:100%;height:100%;object-fit:cover;display:block}
@media (prefers-reduced-motion:reduce){.org-card{transition:none}}
/* Organisation logos */
.org-card .org-logo{width:44px;height:44px;flex:0 0 44px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--rule)}
.org-logo--empty{display:grid;place-items:center;font-weight:700;color:var(--rose);background:var(--pill)!important;font-size:1.1rem}
.orgs-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}

/* ---------- Home: admin coach, branches, participate ---------- */
.home-coach{background:var(--gold, #C9A64C);color:#1B0D14}
.home-coach .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding-block:.7rem}
.home-coach p{margin:0;font-size:.88rem;line-height:1.6}.home-coach span{opacity:.85}
.home-coach .btn{padding:.45rem 1rem;font-size:.8rem;border-color:#1B0D14;color:#1B0D14}
.branch-province{margin:1.6rem 0 .7rem;font-size:1.05rem;color:var(--plum)}.branch-province small{font-weight:400;color:var(--muted, #8A7580);font-size:.8rem}
.branch-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem}
.branch-chip{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}
.branch-chip a{color:inherit;text-decoration:none}.branch-chip b{display:block;font-size:1rem}.branch-chip small{display:block;font-size:.76rem;color:var(--muted, #8A7580);margin-top:.15rem}
.branch-chip__join{align-self:flex-start;font-size:.8rem;font-weight:600;color:var(--rose)!important;padding:.25rem .65rem;border:1px solid currentColor;border-radius:999px}
.branch-chip:hover{border-color:var(--rose)}
.participate__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.participate__card{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:1.3rem 1.2rem 1.1rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card);color:inherit;text-decoration:none;transition:border-color .22s,transform .22s}
.participate__card b{font-size:1.05rem}.participate__card>span:not(.membership-benefit__icon):not(.participate__go){font-size:.88rem;color:var(--muted, #8A7580);line-height:1.6}
.participate__go{position:absolute;inset-inline-end:1rem;inset-block-start:1.2rem;color:var(--rose)}
.participate__card:hover{border-color:var(--rose);transform:translateY(-2px)}
.participate__card:focus-visible,.branch-chip a:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.participate__card:hover{transform:none}}
/* ---------- Branch page ---------- */
.branch-path{margin-bottom:1rem}
.branch-figs{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;margin:0 0 2rem}.branch-figs b{display:block;font:700 2rem/1 var(--f-num)}.branch-figs span{font-size:.85rem;color:var(--muted, #8A7580)}
.branch-events{display:grid;gap:.7rem}
.branch-event{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card);color:inherit;text-decoration:none}
.branch-event__date{flex:0 0 auto;min-width:4.2rem;text-align:center;padding:.45rem .5rem;background:var(--deep);color:var(--on-dark);border-radius:10px;font:700 .85rem var(--f-num)}
.branch-event>span:nth-child(2){flex:1;min-width:0}.branch-event b{display:block;overflow-wrap:anywhere}.branch-event small{color:var(--muted, #8A7580)}
.branch-event__go{flex:0 0 auto;color:var(--rose);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.3rem}
/* ---------- «حسابي»: upcoming events ---------- */
.member-events__list{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.6rem}
.member-events__list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding:.8rem .9rem;border:1px solid var(--rule);border-radius:10px}
.member-events__list li>div{min-width:0;flex:1 1 200px}.member-events__list b{display:block;overflow-wrap:anywhere}.member-events__list small{display:block;color:var(--muted, #8A7580)}
.member-events__list form{margin:0}.member-events__list .btn{padding:.45rem 1.1rem;font-size:.85rem}
.member-events__done{font-weight:600}.member-events__closed{color:var(--muted, #8A7580)}
/* Tap targets of at least 24px (WCAG 2.2) for footer lists and breadcrumbs, without changing their look. */
.ftr li a,.ftr__g a,.ftr__legal a,.crumb a,.wp-block-archives-list a,.cat-item a{display:inline-flex;align-items:center;min-height:24px}

/* QR sign-in panel (member portal). */
.qr-login{margin-top:1rem;text-align:center}.qr-login__start{width:100%;padding:.8rem;border:1px dashed currentColor;border-radius:var(--radius-card);background:none;color:inherit;cursor:pointer;font:inherit}
.qr-login__svg svg{width:min(220px,70vw);height:auto;margin:.8rem auto;display:block;background:#fff;padding:6px;border-radius:8px}.qr-login__code b{font:700 1.6rem var(--f-num);letter-spacing:.1em}.qr-login__hint{font-size:.85rem;color:var(--muted)}

/* Fingerprint sign-in and account security (Core: src/Service/Passkeys.php). */
.pk-box{margin:1rem 0 .4rem}.pk-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;width:100%;justify-content:center}.pk-btn[hidden]{display:none}.pk-status{margin:.4rem 0 0;font-size:.9rem;color:var(--muted);min-height:1.2em}
.pk-recovery{margin-top:.8rem}.pk-recovery summary{cursor:pointer;color:var(--muted);font-size:.92rem;min-height:44px;display:flex;align-items:center}
.member-remember{margin:.6rem 0}
.member-security h4,.member-password h4{margin:1.1rem 0 .4rem;font-size:1rem}

/* Password sign-in, «نسيت كلمة السر», Google/Facebook (Core: MemberPassword, SocialLogin). */
.member-password-login .btn{width:100%;min-height:48px}
.member-code-login,.pk-recovery{margin-top:.8rem}.member-code-login summary{cursor:pointer;color:var(--muted);font-size:.92rem;min-height:44px;display:flex;align-items:center}
.member-social{margin-top:1rem;display:grid;gap:.5rem}.member-social .note{margin:0;font-size:.9rem;color:var(--muted)}.member-social__form{margin:0}
.member-social__btn{width:100%;min-height:48px;justify-content:center}
/* «نسيت كلمة السر» / recovery: keep the browser's own disclosure marker (flex layout removed it). */
.member-code-login>summary,.pk-recovery>summary{display:list-item;padding-block:.7rem;line-height:1.5}

/* «حسابي» tabs (Core: dy_member_account_html). Without JS all sections show in order; with JS one at a time. */
.member-tabs{margin-top:1rem}
.member-tabs__nav{position:sticky;top:var(--member-tabs-top,var(--nav-h,64px));z-index:5;display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;margin:0 0 1rem;padding:.4rem;background:var(--card);border:1px solid var(--rule);border-radius:999px}
.member-tabs__nav::-webkit-scrollbar{display:none}
.member-tabs a.member-tabs__link{position:relative;flex:1 1 0;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.4rem 1rem;border:0;border-radius:999px;background:none;box-shadow:none;color:var(--muted);font-weight:700;text-decoration:none;white-space:nowrap}
.member-tabs a.member-tabs__link:hover{color:var(--ink)}.member-tabs a.member-tabs__link.is-active{background:var(--rose);color:#fff}
@media (max-width:480px){.member-tabs__nav{gap:.15rem;padding:.3rem}.member-tabs a.member-tabs__link{min-width:0;padding:.4rem .45rem;font-size:.9rem}}
.member-tabs__link:focus-visible{outline:3px solid var(--rose);outline-offset:2px}
.member-tabs__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--rose);box-shadow:0 0 0 2px var(--card)}.member-tabs__link.is-active .member-tabs__dot{background:#fff;box-shadow:none}
.member-tab{scroll-margin-top:calc(var(--member-tabs-top,var(--nav-h,64px)) + 4.5rem)}.member-tab:focus{outline:none}
.member-tab__title{margin:1.4rem 0 .6rem;font-size:1.15rem}
.member-tabs.is-enhanced .member-tab__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.member-tab [id]{scroll-margin-top:calc(var(--member-tabs-top,var(--nav-h,64px)) + 4.5rem)}
.member-empty{padding:1.2rem;border:1px dashed var(--rule);border-radius:var(--radius-card);color:var(--muted);text-align:center}

/* «أكمل حسابك» checklist. */
.member-checklist{margin:0 0 1rem;padding:1rem 1.2rem;background:var(--card);border:1px solid var(--rule);border-inline-start:4px solid var(--rose);border-radius:var(--radius-card)}
.member-checklist__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.member-checklist__head h3{margin:0;font-size:1.05rem}.member-checklist__head span{font:700 .95rem var(--f-num);color:var(--rose)}
.member-checklist__bar{height:8px;margin:.7rem 0 .9rem;border-radius:999px;background:var(--rule);overflow:hidden}.member-checklist__bar span{display:block;height:100%;border-radius:inherit;background:var(--rose)}
.member-checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.member-checklist li{display:flex;align-items:center;gap:.7rem}
.member-checklist li>a,.member-checklist li>span:last-child{flex:1;display:grid;gap:.1rem;min-height:44px;align-content:center;color:inherit;text-decoration:none}
.member-checklist li>a{padding:.2rem 0}.member-checklist li>a b{text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:3px}
.member-checklist small{color:var(--muted);font-size:.82rem}
.member-checklist__mark{flex:0 0 auto;display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border:2px solid var(--rule);border-radius:50%;font-size:.85rem;font-weight:700}
.member-checklist li.is-done{opacity:.7}.member-checklist li.is-done .member-checklist__mark{border-color:#1E7A46;background:#1E7A46;color:#fff}

/* Password fields: show/hide button, Caps Lock, strength. */
.pw-field{position:relative;display:block}.pw-field input{width:100%}
html[dir=rtl] .pw-field input{padding-left:3rem}html:not([dir=rtl]) .pw-field input{padding-right:3rem}
.pw-toggle{position:absolute;top:50%;inset-inline-end:.25rem;transform:translateY(-50%);display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}
.pw-toggle:hover,.pw-toggle[aria-pressed=true]{color:var(--rose)}.pw-toggle:focus-visible{outline:3px solid var(--rose);outline-offset:-3px}
.pw-caps[hidden]{display:none}.pw-caps{display:block;margin-top:.3rem;color:#B45309;font-size:.82rem;font-weight:700}
.pw-meter{margin-top:.4rem}.pw-meter__bar{display:block;height:6px;border-radius:999px;background:var(--rule);overflow:hidden}
.pw-meter__bar span{display:block;height:100%;width:0;border-radius:inherit;transition:width .2s,background-color .2s}
.pw-meter[data-level="1"] .pw-meter__bar span{width:25%;background:#C2261E}.pw-meter[data-level="2"] .pw-meter__bar span{width:55%;background:#D97706}
.pw-meter[data-level="3"] .pw-meter__bar span{width:80%;background:#2E8B57}.pw-meter[data-level="4"] .pw-meter__bar span{width:100%;background:#1E7A46}
.pw-meter__label,.pw-match{display:block;min-height:1.2em;margin-top:.25rem;font-size:.82rem;color:var(--muted)}
.pw-match[data-ok="1"]{color:#1E7A46}.pw-match[data-ok="0"]{color:#B45309}
html.theme-dark .pw-caps,html.theme-dark .pw-match[data-ok="0"]{color:#FBBF24}html.theme-dark .pw-match[data-ok="1"],html.theme-dark .member-checklist li.is-done .member-checklist__mark{color:#fff}html.theme-dark .pw-match[data-ok="1"]{color:#6EE7A0}
@media (prefers-reduced-motion:reduce){.pw-meter__bar span{transition:none}}
.pk-keys{list-style:none;margin:.4rem 0 .8rem;padding:0;display:grid;gap:.5rem}.pk-keys li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--rule);border-radius:8px}.pk-keys li span{display:grid;gap:.15rem;min-width:0}.pk-keys small{color:var(--muted);overflow-wrap:anywhere}.pk-keys .pk-empty{color:var(--muted)}
.pk-codes{margin:.8rem 0;padding:.9rem 1rem;border:2px dashed var(--rose);border-radius:8px}.pk-codes ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.3rem;margin:.6rem 0;padding-inline-start:1.4rem}.pk-codes code{font-size:1rem;letter-spacing:.04em}
.btn--sm{min-height:40px;padding:.35rem .8rem;font-size:.85rem}
/* ==========================================================================
   9.12 Visitor UX: compact service headers, one-line phone header, help in the bottom bar, empty states,
   event filters and seat badges, next steps after joining, member greeting, nearest branch, image placeholders.
   ========================================================================== */
.phead--compact .wrap{padding-block:1.1rem 1.2rem}
.phead--compact h1{font-size:clamp(1.4rem,4.2vw,2.1rem);line-height:1.3;margin:0}
.phead--compact p{margin-top:.3rem;font-size:.92rem}
.phead--compact .crumb{margin:0 0 .35rem;font-size:.8rem}

.hdr-tools__extra{display:contents}
.nav-tools{display:none}
@media (max-width:1020px){.hdr__edition{display:none}} /* no grid cell below 1020px: it used to drop to a row of its own */
@media (max-width:768px){
  .util{display:none}
  .hdr .nav .nav-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--rule)}
  .nav-tools__t{flex:1 0 100%;font-size:.8rem;color:var(--muted)}
  .nav-tools .hdr-tools__extra{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}
  .nav-tools .hdr-tool{width:44px;height:44px}
  .nav-tools .dispanel{flex:1 0 100%;display:grid;gap:.5rem;justify-items:start}
  .nav-tools .dispanel__box{position:static;inset:auto;width:100%;margin:0;box-shadow:none}
  .has-mnav .dy-fab__toggle{display:none}
}

.search-page__form{max-width:520px;margin-bottom:2.2rem}
.empty--rich h3{margin-bottom:.4rem}
.empty__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.2rem}
.empty__links .btn{min-height:44px}
.empty__links [hidden]{display:none}
.empty__admin{display:inline-block;margin:1.2rem 0 0;padding:.6rem .8rem;border:1px dashed var(--rule-strong);border-radius:8px;font-size:.85rem;color:var(--muted)}

.ev-filter{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.2rem;margin-bottom:1.6rem}
.ev-filter__tabs{display:flex;gap:.25rem;padding:.3rem;background:var(--card);border:1px solid var(--rule);border-radius:999px;max-width:100%;overflow-x:auto}
a.ev-filter__tab{display:inline-flex;align-items:center;min-height:40px;padding:.3rem 1rem;border-radius:999px;color:var(--muted);font-weight:700;text-decoration:none;white-space:nowrap}
a.ev-filter__tab:hover{color:var(--ink)}a.ev-filter__tab.is-active{background:var(--rose);color:#fff}
.ev-filter__branch{display:grid;gap:.25rem;font-size:.85rem;min-width:min(260px,100%)}
.ev-filter__branch select{min-height:44px;max-width:100%}
.ev-seats{position:absolute;z-index:2;inset-block-start:.9rem;inset-inline-end:.9rem;padding:.3rem .75rem;border-radius:999px;background:#B45309;color:#fff;font:700 .75rem/1.3 var(--f-ui)}
.ev-seats.is-full{background:#57534E}
.ev-seats--inline{position:static;display:inline-block;margin-inline-start:.5rem;vertical-align:middle}
.ev-cal{display:flex;flex-wrap:wrap;gap:.6rem}

.join-next{list-style:none;counter-reset:jn;display:grid;gap:.7rem;margin:1.4rem 0;padding:0;text-align:start}
.join-next li{counter-increment:jn;position:relative;display:grid;gap:.2rem;padding:.85rem 1rem;padding-inline-start:3.3rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-card)}
.join-next li::before{content:counter(jn);position:absolute;inset-inline-start:.9rem;top:.85rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--rose);color:#fff;font:700 .85rem var(--f-num)}
.join-next span{color:var(--muted);font-size:.9rem}
.join-next a{justify-self:start;font-weight:700;color:var(--rose)}

.member-hello{background:var(--bone);border-bottom:1px solid var(--rule)}
.member-hello[hidden]{display:none}
.member-hello__in{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;padding-block:1rem}
.member-hello__head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.member-hello__hi{margin:0;font-size:1.1rem;font-weight:800}
.member-hello__status{padding:.2rem .65rem;border:1px solid var(--rule);border-radius:999px;background:var(--card);font-size:.78rem}
.member-hello__status.is-ok{border-color:#1E7A46;color:#1E7A46}
html.theme-dark .member-hello__status.is-ok{border-color:#6EE7A0;color:#6EE7A0}
.member-hello__chips{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:.5rem;min-width:0}
.member-hello__chip{display:inline-flex;align-items:center;max-width:100%;min-height:36px;padding:.3rem .8rem;border:1px solid var(--rule);border-radius:999px;background:var(--card);color:var(--ink);font-size:.85rem;text-decoration:none;overflow-wrap:anywhere}
a.member-hello__chip:hover{border-color:var(--rose);color:var(--rose)}
.member-hello__go{margin-inline-start:auto}
@media (max-width:640px){.member-hello__go{width:100%;margin:0;justify-content:center}}

.branch-near{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 0 1.4rem}
.branch-near[hidden]{display:none}
.branch-near__status{margin:0;font-size:.85rem;color:var(--muted)}
.branch-node.is-nearest{outline:3px solid var(--rose);outline-offset:4px;border-radius:var(--radius-card)}

/* Image placeholders while pictures load (JS marks each box when its image arrives; nothing without JS). */
.dy-skel .shot:not(.is-loaded),.dy-skel .reel-card__media:not(.is-loaded),.dy-skel .vfacade:not(.is-loaded){background-color:var(--rule);background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);background-size:200% 100%;animation:dySkel 1.3s linear infinite}
html.theme-dark.dy-skel .shot:not(.is-loaded),html.theme-dark.dy-skel .reel-card__media:not(.is-loaded),html.theme-dark.dy-skel .vfacade:not(.is-loaded){background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%)}
@keyframes dySkel{from{background-position:120% 0}to{background-position:-80% 0}}
@media (prefers-reduced-motion:reduce){.dy-skel .shot,.dy-skel .reel-card__media,.dy-skel .vfacade{animation:none!important}}