/* مدونة ومضة — الواجهة العامة (ananaam.com/w/<username>).
   موقعٌ شخصي بأقسام لا خطٌّ زمني. أربعة مظاهر يختار الكاتب أحدها (data-theme على html) ولونٌ مميِّز واحد (--ac):
   «فجر» عاجيّ ومضة الافتراضي · «ليل» ليل الأنواء · «ورق» أبيض هادئ · «حبر» داكن محايد.
   العناوين Cairo، والمتن IBM Plex Sans Arabic بقياس قراءة (~68 حرفاً، سطر 1.95)، والشعر والاقتباس El Messiri — كلها محلية.
   اللون المميِّز للإشارة لا للأزرار: الزرّ الأساسي بحبر الصفحة، فيبقى مقروءاً مع أي لون يختاره. */
:root{
  --bg:#F7F3EB;--bg-2:#EFE9DC;--card:#FFFDF8;--ink:#14302E;--ink-2:#44605C;--ink-3:#748A86;
  --line:rgba(20,48,46,.11);--line-2:rgba(20,48,46,.2);--ac:#C8892B;--sky:#0A1230;
  --f-d:'Cairo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-b:'IBM Plex Sans Arabic','Cairo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-q:'El Messiri','Cairo',serif;
  --r:18px;--r-s:12px;--wrap:1060px;--read:720px;--e:cubic-bezier(.16,1,.3,1);
  --shadow:0 1px 2px rgba(10,18,48,.04),0 8px 28px rgba(10,18,48,.06);
  color-scheme:light;
}
html[data-theme=layl]{--bg:#0A1230;--bg-2:#0E1738;--card:#121C45;--ink:#F3EEDF;--ink-2:#C9CADF;--ink-3:#8E94B8;
  --line:rgba(201,202,223,.13);--line-2:rgba(201,202,223,.26);--sky:#060B22;--shadow:0 1px 2px rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.28);color-scheme:dark}
html[data-theme=waraq]{--bg:#FBFAF6;--bg-2:#F1EFE8;--card:#FFFFFF;--ink:#1C1B19;--ink-2:#55524C;--ink-3:#8B877F;
  --line:rgba(28,27,25,.1);--line-2:rgba(28,27,25,.2);--sky:#1C1B19}
html[data-theme=hibr]{--bg:#0E0F11;--bg-2:#131518;--card:#181A1E;--ink:#ECE9E2;--ink-2:#B5B1A8;--ink-3:#7F7C75;
  --line:rgba(236,233,226,.1);--line-2:rgba(236,233,226,.22);--sky:#050506;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.4);color-scheme:dark}
:root{--ac-t:color-mix(in srgb,var(--ac) 72%,var(--ink));--ac-bg:color-mix(in srgb,var(--ac) 11%,var(--card));--ac-line:color-mix(in srgb,var(--ac) 38%,transparent)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.8 var(--f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
h1,h2,h3{font-family:var(--f-d);font-weight:800;margin:0;letter-spacing:0;line-height:1.35;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
small{font-size:13px;color:var(--ink-3)}
::selection{background:color-mix(in srgb,var(--ac) 30%,transparent)}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:8px}
[hidden]{display:none!important}
.wb-wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
@media (max-width:560px){.wb-wrap{width:calc(100% - 32px)}}
.wb-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ── الأزرار ── */
.wb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;
  border:1px solid var(--line-2);background:var(--card);color:var(--ink);font:700 14.5px/1 var(--f-d);white-space:nowrap;
  transition:transform .18s var(--e),background .18s,border-color .18s,color .18s}
.wb-btn:hover{border-color:var(--ink-3);transform:translateY(-1px)}
.wb-btn:active{transform:none}
.wb-btn.pri{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.wb-btn.pri:hover{opacity:.9}
.wb-btn.ghost{background:transparent}
.wb-btn.on{background:transparent;color:var(--ink-2);border-color:var(--line-2)}
.wb-btn[disabled]{opacity:.55;pointer-events:none}
.wb-ib{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;color:var(--ink-2);transition:background .18s}
.wb-ib:hover{background:var(--line)}

/* ── الصور الرمزية ── */
.wb-av,.wb-av-s{border-radius:50%;object-fit:cover;background:var(--bg-2);flex:none}
.wb-av{width:116px;height:116px;border:4px solid var(--bg);box-shadow:0 0 0 1.5px var(--ac-line),var(--shadow)}
.wb-av-s{width:36px;height:36px}
.wb-av-t{display:inline-grid;place-items:center;font:800 44px/1 var(--f-d);color:var(--ac-t);background:var(--ac-bg)}
.wb-av-s.wb-av-t{font-size:15px}
.wb-av-s.wb-av-t .wb-i{width:16px;height:16px}

/* ── الشريط العلوي ── */
.wb-top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.wb-top.stuck{border-bottom-color:var(--line)}
.wb-top-in{display:flex;align-items:center;gap:8px;height:58px}
.wb-sp{flex:1}
.wb-mark{display:inline-flex;align-items:center;gap:8px;font:800 17px/1 var(--f-d);color:var(--ink)}
.wb-mark img{width:26px;height:26px;border-radius:7px}
.wb-who{display:inline-flex;align-items:center;gap:10px;min-width:0}
.wb-who b{font:700 15.5px/1.2 var(--f-d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-top .wb-follow{min-height:36px;padding:0 15px;font-size:13.5px}
.wb-rib{background:var(--ac-bg);color:var(--ac-t);border-bottom:1px solid var(--ac-line);text-align:center;font:600 13.5px/1.6 var(--f-d);padding:8px 16px}
.wb-prog{position:fixed;inset:0 0 auto 0;height:3px;z-index:40;pointer-events:none}
.wb-prog i{display:block;height:100%;width:0;background:var(--ac);border-radius:0 0 0 3px}

/* ── الغلاف والواجهة ── */
.wb-cover{position:relative;height:clamp(150px,23vw,270px);margin-top:-58px;overflow:hidden;
  background:radial-gradient(120% 140% at 85% -10%,color-mix(in srgb,var(--ac) 46%,var(--sky)) 0%,var(--sky) 62%)}
.wb-cover::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(0deg,var(--bg),transparent)}
.wb-cover-i{width:100%;height:100%;object-fit:cover}
.wb-con{position:absolute;inset:0;width:100%;height:100%}
.wb-con .d circle{fill:#fff}
.wb-con .l line{stroke:rgba(247,233,200,.34);stroke-width:1}
.wb-con .s circle{fill:#F7E9C8;filter:drop-shadow(0 0 5px rgba(247,233,200,.85))}
.wb-hero{position:relative;display:flex;flex-direction:column;gap:16px;margin-top:-62px;padding-bottom:26px}
.wb-hero h1{font-size:clamp(29px,5.2vw,44px);line-height:1.25}
.wb-hl{font:600 clamp(17px,2.3vw,20.5px)/1.65 var(--f-d);color:var(--ink-2);margin-top:6px;max-width:44ch}
.wb-bio{margin-top:12px;color:var(--ink-2);max-width:62ch;font-size:16.5px;white-space:pre-line}
.wb-facts{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:13.5px;color:var(--ink-3)}
.wb-facts span{display:inline-flex;align-items:center;gap:5px}
.wb-facts .wb-i{width:15px;height:15px}
.wb-fc{color:var(--ac-t)!important;font-weight:600}
.wb-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.wb-sos{display:inline-flex;flex-wrap:wrap;gap:2px;margin-inline-start:4px}
.wb-so{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;color:var(--ink-2);transition:background .18s,color .18s}
.wb-so:hover{background:var(--line);color:var(--ink)}
.wb-so .wb-i{width:19px;height:19px}
@media (min-width:760px){.wb-hero{flex-direction:row;align-items:flex-end;gap:28px}.wb-hero-b{flex:1;padding-top:70px}.wb-av{width:148px;height:148px}.wb-av-t{font-size:56px}}

/* ── تبويب الأقسام ── */
.wb-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0 12px;margin-bottom:6px;border-block:1px solid var(--line);
  position:sticky;top:58px;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wb-tabs::-webkit-scrollbar{display:none}
.wb-tabs a{flex:none;padding:7px 14px;border-radius:999px;font:600 14px/1.3 var(--f-d);color:var(--ink-2);transition:background .18s,color .18s}
.wb-tabs a:hover{background:var(--line)}
.wb-tabs a.on{background:var(--ink);color:var(--bg)}

/* ── الأقسام ── */
.wb-sec{padding:38px 0 8px;scroll-margin-top:118px}
.wb-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.wb-sec-h h2{font-size:clamp(21px,3vw,26px);display:inline-flex;align-items:center;gap:11px}
.wb-sec-h h2::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 4px var(--ac-bg);flex:none}
.wb-more{display:inline-flex;align-items:center;gap:4px;font:700 14px/1 var(--f-d);color:var(--ac-t);white-space:nowrap;padding:6px 0}
.wb-more:hover{text-decoration:underline;text-underline-offset:.3em}
.wb-more .wb-i{width:15px;height:15px}
.wb-x{color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wb-void{text-align:center;color:var(--ink-3);padding:70px 0}
.wb-empty-s{color:var(--ink-3);font-size:15px;margin-bottom:14px}
.wb-sub{font-size:17px;color:var(--ink-3);margin:34px 0 14px}

/* المختارات */
.wb-pin-g{display:grid;gap:14px;grid-template-columns:1fr}
.wb-pin{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;
  transition:transform .25s var(--e),box-shadow .25s,border-color .25s}
.wb-pin:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}
.wb-pin-c{aspect-ratio:16/9;overflow:hidden;background:var(--bg-2)}
.wb-pin-c img{width:100%;height:100%;object-fit:cover}
.wb-pin-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:7px}
.wb-pin-b small{display:inline-flex;align-items:center;gap:6px;color:var(--ac-t);font:700 12.5px/1 var(--f-d)}
.wb-pin-b small .wb-i{width:14px;height:14px}
.wb-pin-b b{font:800 19px/1.5 var(--f-d)}
.wb-pin.first .wb-pin-b b{font-size:clamp(21px,2.6vw,26px)}
.wb-pin:not(.has-c){background:linear-gradient(160deg,var(--ac-bg),var(--card) 70%)}
.wb-pin:not(.has-c) .wb-pin-b{padding-block:24px}
.wb-pin:not(.has-c) .wb-x{-webkit-line-clamp:5}
@media (min-width:760px){
  .wb-pin-g.n2{grid-template-columns:1.25fr 1fr}
  .wb-pin-g.n3{grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto}.wb-pin-g.n3 .first{grid-row:span 2}
  .wb-pin-g.n4{grid-template-columns:1.3fr 1fr 1fr}.wb-pin-g.n4 .first{grid-row:span 2}.wb-pin-g.n4 .wb-pin:nth-child(2){grid-column:span 2}
  .wb-pin-g .wb-pin:not(.first) .wb-pin-c{aspect-ratio:2.4/1}
  .wb-pin.first .wb-pin-c{flex:1;aspect-ratio:auto;min-height:200px}
}

/* كتابات */
.wb-g-es{display:grid;gap:0}
.wb-es{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.wb-es:first-child{padding-top:4px}
.wb-es:last-child{border-bottom:0}
.wb-es-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.wb-es-b b{font:800 clamp(18.5px,2.2vw,21px)/1.5 var(--f-d);transition:color .18s}
.wb-es:hover b{color:var(--ac-t)}
.wb-es-c{flex:none;width:clamp(96px,22vw,168px);aspect-ratio:4/3;border-radius:var(--r-s);overflow:hidden;background:var(--bg-2)}
.wb-es-c img{width:100%;height:100%;object-fit:cover}
.wb-es small{margin-top:3px}
.wb-es.big{flex-direction:column;align-items:stretch;padding-bottom:26px}
.wb-es.big .wb-es-c{width:100%;aspect-ratio:21/9;border-radius:var(--r)}
.wb-es.big b{font-size:clamp(23px,3.4vw,31px)}
.wb-es.big .wb-x{-webkit-line-clamp:3;font-size:17.5px}

/* خواطر */
.wb-g-nt{columns:1;column-gap:14px}
@media (min-width:620px){.wb-g-nt{columns:2}}
@media (min-width:940px){.wb-g-nt{columns:3}}
.wb-nt{break-inside:avoid;display:flex;flex-direction:column;gap:9px;margin-bottom:14px;padding:18px 20px;border-radius:var(--r);background:var(--card);
  border:1px solid var(--line);transition:transform .25s var(--e),box-shadow .25s,border-color .25s}
.wb-nt:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-2)}
.wb-nt b{font:800 17px/1.5 var(--f-d)}
.wb-nt-t{font-size:16.5px;line-height:1.85;color:var(--ink);white-space:pre-line}
.wb-nt-c{border-radius:var(--r-s);margin:-4px -6px 2px;width:calc(100% + 12px);max-width:none;aspect-ratio:16/10;object-fit:cover}
.wb-nt small{display:flex;align-items:center;gap:8px}
.wb-nt small span{margin-inline-start:auto}
.wb-stage{font:700 11.5px/1 var(--f-d);font-style:normal;padding:5px 9px;border-radius:999px;background:var(--ac-bg);color:var(--ac-t)}
.wb-stage.s-seed{background:color-mix(in srgb,#B58A4A 14%,var(--card));color:color-mix(in srgb,#B58A4A 75%,var(--ink))}
.wb-stage.s-sprout{background:color-mix(in srgb,#3FA66A 14%,var(--card));color:color-mix(in srgb,#3FA66A 70%,var(--ink))}
.wb-stage.s-fruit{background:color-mix(in srgb,#D4526E 13%,var(--card));color:color-mix(in srgb,#D4526E 75%,var(--ink))}
.wb-hasaud{display:inline-grid;color:var(--ac-t)}

/* أعمال */
.wb-g-wk{display:grid;gap:18px 16px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.wb-g-wk{grid-template-columns:repeat(3,1fr)}}
.wb-wk{display:flex;flex-direction:column;gap:4px}
.wb-wk-c{display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--bg-2);margin-bottom:8px;border:1px solid var(--line)}
.wb-wk-c img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e)}
.wb-wk:hover .wb-wk-c img{transform:scale(1.04)}
.wb-wk-c .wb-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--ac-t);background:linear-gradient(150deg,var(--ac-bg),var(--bg-2))}
.wb-wk-c .wb-ph .wb-i{width:34px;height:34px;stroke-width:1.3}
.wb-wk b{font:800 16.5px/1.5 var(--f-d)}
.wb-wk small{display:flex;gap:8px;align-items:center}
.wb-wk small i{font-style:normal;color:var(--ac-t);font-weight:600}

/* مؤلّفات — رفّ */
.wb-g-bk{display:grid;gap:26px 22px;grid-template-columns:repeat(2,1fr)}
@media (min-width:620px){.wb-g-bk{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.wb-g-bk{grid-template-columns:repeat(4,1fr)}}
.wb-bk{display:flex;flex-direction:column;gap:3px}
.wb-bk-c{display:grid;place-items:center;aspect-ratio:2/3;border-radius:5px 10px 10px 5px;overflow:hidden;margin-bottom:12px;position:relative;
  background:linear-gradient(145deg,color-mix(in srgb,var(--ac) 80%,#14302E),color-mix(in srgb,var(--ac) 40%,#0A1230));
  box-shadow:0 2px 4px rgba(10,18,48,.12),0 14px 30px rgba(10,18,48,.18);transition:transform .35s var(--e),box-shadow .35s}
.wb-bk-c::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:9px;background:linear-gradient(90deg,rgba(0,0,0,.26),transparent);z-index:1}
[dir=rtl] .wb-bk-c{border-radius:10px 5px 5px 10px}
[dir=rtl] .wb-bk-c::before{background:linear-gradient(270deg,rgba(0,0,0,.26),transparent)}
.wb-bk:hover .wb-bk-c{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 4px 8px rgba(10,18,48,.14),0 24px 44px rgba(10,18,48,.24)}
.wb-bk-c img{width:100%;height:100%;object-fit:cover}
.wb-bk-t{padding:18px;text-align:center;color:#FFF8E8;font:700 19px/1.6 var(--f-q)}
.wb-bk b{font:800 16px/1.5 var(--f-d)}

/* فعاليات */
.wb-g-ev{display:grid;gap:10px}
.wb-ev{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);
  transition:border-color .2s,transform .2s var(--e)}
.wb-ev:hover{border-color:var(--line-2);transform:translateX(-3px)}
.wb-ev-d{flex:none;width:60px;height:62px;border-radius:14px;background:var(--ac-bg);color:var(--ac-t);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.wb-ev-d b{font:800 22px/1 var(--f-d)}
.wb-ev-d i{font:600 11.5px/1 var(--f-d);font-style:normal}
.wb-ev-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wb-ev-b b{font:800 17px/1.5 var(--f-d)}
.wb-ev>.wb-i{color:var(--ink-3)}
.wb-ev.past{opacity:.62}
.wb-ev.past .wb-ev-d{background:var(--bg-2);color:var(--ink-3)}

/* معرض */
.wb-g-ph{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
@media (min-width:620px){.wb-g-ph{grid-template-columns:repeat(4,1fr)}}
.wb-ph-i{display:block;aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;background:var(--bg-2)}
.wb-ph-i img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e)}
.wb-ph-i:hover img{transform:scale(1.05)}
@media (min-width:620px){.wb-g-ph:not(.full) .wb-ph-i:first-child{grid-column:span 2;grid-row:span 2}}

/* من ورشتي */
.wb-g-ag{display:grid;gap:12px}
@media (min-width:760px){.wb-g-ag{grid-template-columns:repeat(3,1fr)}.wb-g-ag.full{grid-template-columns:repeat(2,1fr)}}
.wb-ag{display:flex;gap:14px;padding:18px;border-radius:var(--r);border:1px dashed var(--line-2);background:var(--card);transition:border-color .2s,transform .25s var(--e)}
.wb-ag:hover{border-color:var(--ac-line);transform:translateY(-2px)}
.wb-ag-av{width:44px;height:44px;border-radius:50%;flex:none;object-fit:cover;background:var(--bg-2)}
.wb-ag-b{min-width:0;display:flex;flex-direction:column;gap:4px}
.wb-ag-b small{color:var(--ac-t);font:700 12.5px/1.3 var(--f-d)}
.wb-ag-b b{font:800 16.5px/1.5 var(--f-d)}
.wb-ag .wb-x{font-size:15px;-webkit-line-clamp:3}

/* الآن */
.wb-now{position:relative;padding:22px 24px 20px;border-radius:var(--r);background:linear-gradient(150deg,var(--ac-bg),var(--card) 75%);border:1px solid var(--ac-line)}
.wb-now p{font:500 18.5px/1.9 var(--f-b)}
.wb-now small{display:inline-flex;align-items:center;gap:8px;margin-top:12px}
.wb-now small::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac);animation:wbPulse 2.4s ease-in-out infinite}
@keyframes wbPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ac) 50%,transparent)}50%{box-shadow:0 0 0 7px transparent}}

/* روابط */
.wb-lks{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:620px){.wb-lks{grid-template-columns:repeat(2,1fr)}}
@media (min-width:940px){.wb-lks{grid-template-columns:repeat(3,1fr)}}
.wb-lk{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);
  transition:border-color .2s,transform .2s var(--e)}
.wb-lk:hover{border-color:var(--line-2);transform:translateY(-2px)}
.wb-lk>.wb-i{width:42px;height:42px;padding:11px;border-radius:12px;background:var(--bg-2);color:var(--ink)}
.wb-lk>span{min-width:0;display:flex;flex-direction:column}
.wb-lk b{font:700 15.5px/1.5 var(--f-d)}
.wb-lk small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}

/* تواصل واحجز */
.wb-bkg{padding:22px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.wb-bkg-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;width:100%}
.wb-bkg-h>span:nth-child(2){flex:1;min-width:200px;display:flex;flex-direction:column}
.wb-bkg-h b{font:800 17px/1.5 var(--f-d)}
.wb-bkg-m{width:46px;height:46px;border-radius:13px;background:var(--bg-2);display:grid;place-items:center;flex:none}
.wb-bkg-m img{width:28px;height:28px}
.wb-status{font:600 13px/1.4 var(--f-d);font-style:normal;color:var(--ac-t);background:var(--ac-bg);padding:6px 12px;border-radius:999px}
.wb-svcs{display:flex;flex-wrap:wrap;gap:8px}
.wb-svc{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;border:1px solid var(--line-2);font:600 14.5px/1.2 var(--f-d);transition:background .18s,border-color .18s}
.wb-svc:hover{background:var(--ac-bg);border-color:var(--ac-line)}
.wb-svc .wb-i{width:14px;height:14px;color:var(--ink-3)}
.wb-slots{width:100%;display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.wb-slots>b{font:700 14.5px/1.4 var(--f-d);color:var(--ink-2)}
.wb-day{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.wb-day small{min-width:74px;font-weight:600}
.wb-day div{display:flex;flex-wrap:wrap;gap:7px}
.wb-slot{padding:7px 13px;border-radius:10px;background:var(--bg-2);font:600 13.5px/1.2 var(--f-d);transition:background .18s,color .18s}
.wb-slot:hover{background:var(--ink);color:var(--bg)}

/* أقرأ لهم */
.wb-rds{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:620px){.wb-rds{grid-template-columns:repeat(2,1fr)}}
.wb-rd{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);transition:border-color .2s}
.wb-rd:hover{border-color:var(--line-2)}
.wb-rd>span:not(.wb-av-t){min-width:0;display:flex;flex-direction:column}
.wb-rd b{font:700 15.5px/1.4 var(--f-d)}
.wb-rd small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* دفتر الزوّار */
.wb-gbs{display:grid;gap:12px;margin-bottom:18px}
@media (min-width:760px){.wb-gbs{grid-template-columns:repeat(2,1fr)}}
.wb-gb{margin:0;padding:18px 20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.wb-gb blockquote{margin:0;font:500 17px/1.9 var(--f-q);white-space:pre-line}
.wb-gb-r{margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--bg-2);font-size:15px;color:var(--ink-2)}
.wb-gb figcaption{margin-top:10px;font-size:13px;color:var(--ink-3)}

/* ── النصّ ── */
.wb-prose{font:400 19px/1.95 var(--f-b);color:var(--ink);overflow-wrap:break-word}
.wb-prose>*{margin:0 0 1.15em}
.wb-prose>*:last-child{margin-bottom:0}
.wb-prose h2{font-size:1.42em;margin:1.9em 0 .6em;line-height:1.5}
.wb-prose h3{font-size:1.2em;margin:1.7em 0 .5em;line-height:1.5}
.wb-prose h4{font:800 1.05em/1.6 var(--f-d);margin:1.5em 0 .4em}
.wb-prose a{color:var(--ac-t);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.32em}
.wb-prose strong{font-weight:700}
.wb-prose ul,.wb-prose ol{padding-inline-start:1.4em}
.wb-prose li{margin-bottom:.45em}
.wb-prose li::marker{color:var(--ac-t)}
.wb-prose hr{border:0;height:1px;background:var(--line-2);width:120px;margin:2.4em auto}
.wb-prose blockquote{margin-inline:0;padding:.3em 1.2em .3em 0;border-inline-start:3px solid var(--ac);font:500 1.08em/1.95 var(--f-q);color:var(--ink)}
[dir=rtl] .wb-prose blockquote{padding:.3em 1.2em .3em 0;border-inline-start:0;border-right:3px solid var(--ac)}
.wb-prose blockquote cite{display:block;margin-top:.5em;font:600 .78em/1.6 var(--f-d);font-style:normal;color:var(--ink-3)}
.wb-prose blockquote cite::before{content:"— "}
.wb-prose code{font:500 .86em/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg-2);padding:.15em .4em;border-radius:6px;direction:ltr;unicode-bidi:embed}
.wb-prose pre{background:var(--bg-2);padding:16px 18px;border-radius:var(--r-s);overflow-x:auto;text-align:left;font-size:.8em;line-height:1.7}
.wb-prose pre code{background:none;padding:0}
.wb-prose figure,.wb-art>figure{margin:1.8em 0}
.wb-prose figure img,.wb-art>figure img{width:100%;border-radius:var(--r-s)}
figcaption{margin-top:9px;text-align:center;font-size:14px;color:var(--ink-3)}
.wb-yt{position:relative;aspect-ratio:16/9;border-radius:var(--r-s);overflow:hidden;background:#000}
.wb-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wb-prose.note{font-size:21px;line-height:2}
/* الشعر: كل بيتٍ بشطرين متقابلين — وعلى الشاشة الضيّقة يتدرّج العجز تحت الصدر */
.wb-poem{margin-block:1.6em;display:grid;gap:.75em;font:600 1.06em/1.9 var(--f-q)}
.wb-bayt{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,7vw,64px);align-items:baseline}
.wb-bayt span:first-child{text-align:start}
.wb-bayt span:last-child{text-align:end}
@media (max-width:620px){.wb-bayt{grid-template-columns:1fr;gap:0}.wb-bayt span:last-child{padding-inline-start:2.2em;text-align:start}.wb-poem{gap:1em}}
.wb-about.clip{max-height:15.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent);margin-bottom:10px}

/* ── صفحة المنشور ── */
.wb-post{padding:34px 0 20px}
.wb-art{max-width:var(--read)}
.wb-phd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;color:var(--ink-3);margin-bottom:16px}
.wb-kind{font:700 12.5px/1 var(--f-d);color:var(--ac-t);background:var(--ac-bg);padding:7px 12px;border-radius:999px}
.wb-art>h1{font-size:clamp(29px,5.4vw,46px);line-height:1.36;margin-bottom:.45em}
.wb-lead{font:500 clamp(18.5px,2.4vw,22px)/1.85 var(--f-d);color:var(--ink-2);margin-bottom:1.3em}
.wb-pcover{margin:0 0 2em}
.wb-pcover img{width:100%;border-radius:var(--r);max-height:74vh;object-fit:cover}
.wb-pcover.tall img{max-height:none}
.wb-bookrow{display:flex;gap:26px;align-items:flex-start;margin-bottom:2em;flex-wrap:wrap}
.wb-bookrow .wb-pcover{width:min(210px,46%);margin:0;flex:none}
.wb-bookrow .wb-pcover img{border-radius:5px 10px 10px 5px;box-shadow:0 14px 34px rgba(10,18,48,.22)}
.wb-bookrow>div{flex:1;min-width:220px}
.wb-info{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);margin-bottom:2em}
.wb-info>div:first-child{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--ink-2);font:600 15.5px/1.6 var(--f-d)}
.wb-info span{display:inline-flex;align-items:center;gap:8px}
.wb-info .wb-i{color:var(--ac-t)}
.wb-info-a{display:flex;flex-wrap:wrap;gap:10px}
.wb-info-a:empty{display:none}
.wb-info.ag{flex-direction:row;align-items:center;border-style:dashed;border-color:var(--line-2)}
.wb-info.ag .wb-av-s{width:46px;height:46px}
.wb-info.ag>div{display:flex;flex-direction:column;gap:2px}
.wb-info.ag b{font:800 16px/1.4 var(--f-d);color:var(--ink)}
.wb-info.ag small{font-weight:400}
.wb-aud{padding:14px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.wb-aud audio{width:100%;display:block}
.wb-file{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--r-s);border:1px solid var(--line-2);font:600 15px/1.3 var(--f-d);margin:1em 0}
.wb-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:2em}
.wb-tags span{font-size:14px;color:var(--ink-3)}
.wb-ai{display:flex;align-items:center;gap:8px;margin-top:1.6em;font-size:13.5px;color:var(--ink-3)}
.wb-ai .wb-i{width:15px;height:15px;color:var(--ac-t)}
/* نقاش الورشة */
.wb-th{margin-top:2.2em;border:1px dashed var(--line-2);border-radius:var(--r);background:var(--card)}
.wb-th summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 18px}
.wb-th summary::-webkit-details-marker{display:none}
.wb-th summary .wb-i{color:var(--ac-t)}
.wb-th summary b{font:800 15.5px/1.4 var(--f-d)}
.wb-th summary::after{content:"";width:8px;height:8px;border:solid var(--ink-3);border-width:0 0 1.7px 1.7px;transform:rotate(-45deg);margin-inline-start:auto;transition:transform .2s}
.wb-th[open] summary::after{transform:rotate(135deg)}
.wb-th ol{list-style:none;margin:0;padding:4px 18px 18px;display:grid;gap:16px}
.wb-th li{display:flex;gap:12px}
.wb-th li>div{min-width:0;flex:1}
.wb-th li b{font:700 14.5px/1.4 var(--f-d);margin-inline-end:8px}
.wb-th li p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:3px}
.wb-th li small{font-size:12.5px;color:var(--ink-3)}
.wb-th li.me b{color:var(--ac-t)}
.wb-th li.rep{margin-inline-start:26px}
.wb-th li .wb-gb-r{margin-top:8px;font-size:15px}
.wb-th-a{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 18px 18px}
.wb-th-a small{font-size:13px;color:var(--ink-3)}
.wb-th ol+.wb-th-a{padding-top:2px}
.wb-mat{font:600 14px/1.7 var(--f-d);color:var(--ink-2);margin-top:4px}
/* التفاعل والمشاركة */
.wb-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:2.4em;padding-block:18px;border-block:1px solid var(--line)}
.wb-rxs{display:flex;flex-wrap:wrap;gap:8px}
.wb-rx{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font:600 14px/1 var(--f-d);color:var(--ink-2);
  transition:background .18s,border-color .18s,color .18s,transform .18s var(--e)}
.wb-rx:hover{border-color:var(--ac-line);transform:translateY(-1px)}
.wb-rx.on{background:var(--ac-bg);border-color:var(--ac-line);color:var(--ac-t)}
.wb-rx.on .wb-i{fill:color-mix(in srgb,var(--ac) 30%,transparent)}
.wb-rx i{font-style:normal;font-variant-numeric:tabular-nums}
.wb-rx i:empty{display:none}
.wb-shr{display:flex;flex-wrap:wrap;gap:8px}
.wb-author{display:flex;align-items:center;gap:16px;margin-top:2em;padding:20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.wb-author .wb-av{width:64px;height:64px;border-width:0;box-shadow:0 0 0 1.5px var(--ac-line)}
.wb-author .wb-av-t{font-size:26px}
.wb-author>div{flex:1;min-width:0}
.wb-author b{font:800 17.5px/1.4 var(--f-d)}
.wb-author p{font-size:14.5px;color:var(--ink-2);line-height:1.6}
@media (max-width:480px){.wb-author{flex-wrap:wrap}.wb-author .wb-follow{width:100%}}
.wb-also{padding-top:46px}

/* ── صفحة القسم ── */
.wb-secpage{padding:36px 0 30px}
.wb-sp-h{margin-bottom:26px}
.wb-sp-h a{font:600 14.5px/1 var(--f-d);color:var(--ac-t)}
.wb-sp-h h1{font-size:clamp(30px,5vw,42px);margin-top:6px}
.wb-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:20px}
.wb-chips a{flex:none;padding:6px 13px;border-radius:999px;border:1px solid var(--line);font:600 13.5px/1.3 var(--f-d);color:var(--ink-2)}
.wb-chips a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.wb-gone{text-align:center;padding:16vh 0}
.wb-gone img{margin:0 auto 22px;border-radius:14px}
.wb-gone h1{font-size:26px;margin-bottom:8px}
.wb-gone p{color:var(--ink-3);margin-bottom:24px}

/* ── التذييل ── */
.wb-foot{margin-top:60px;padding:34px 0 calc(34px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-2)}
.wb-inv{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);margin-bottom:22px;
  transition:border-color .2s,transform .25s var(--e)}
.wb-inv:hover{border-color:var(--ac-line);transform:translateY(-2px)}
.wb-inv .wb-av-s{width:46px;height:46px}
.wb-inv>span:not(.wb-av-t){flex:1;min-width:0;display:flex;flex-direction:column}
.wb-inv b{font:800 15.5px/1.5 var(--f-d)}
.wb-inv i{display:inline-flex;align-items:center;gap:4px;font:700 14px/1 var(--f-d);font-style:normal;color:var(--bg);background:var(--ink);padding:11px 16px;border-radius:999px;white-space:nowrap}
.wb-inv i .wb-i{width:14px;height:14px}
@media (max-width:480px){.wb-inv{flex-wrap:wrap}.wb-inv i{width:100%;justify-content:center}}
.wb-fl{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--ink-3)}
.wb-fl a,.wb-fl button{display:inline-flex;align-items:center;gap:6px;color:inherit}
.wb-fl a:hover,.wb-fl button:hover{color:var(--ink)}
.wb-fl .wb-i{width:14px;height:14px}

/* ── اللوحات المنبثقة ── */
.wb-sheet-bg{position:fixed;inset:0;z-index:60;background:rgba(6,10,28,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;
  opacity:0;transition:opacity .22s}
.wb-sheet-bg.in{opacity:1}
.wb-sheet{width:min(480px,100%);max-height:90vh;overflow-y:auto;background:var(--card);color:var(--ink);border-radius:24px 24px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));
  transform:translateY(24px);transition:transform .3s var(--e);box-shadow:0 -10px 50px rgba(0,0,0,.25)}
.wb-sheet-bg.in .wb-sheet{transform:none}
@media (min-width:620px){.wb-sheet-bg{align-items:center}.wb-sheet{border-radius:24px}}
.wb-sh-h{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.wb-sh-h h3{font-size:19px;flex:1}
.wb-sh-h button{width:36px;height:36px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;font-size:20px;line-height:1;color:var(--ink-2)}
.wb-sheet p.s{color:var(--ink-2);font-size:15px;margin-bottom:16px}
.wb-sh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.wb-sh-it{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;border-radius:16px;font:600 12.5px/1.2 var(--f-d);color:var(--ink-2);transition:background .18s}
.wb-sh-it:hover{background:var(--bg-2)}
.wb-sh-it .wb-i{width:46px;height:46px;padding:12px;border-radius:50%;background:var(--bg-2);color:var(--ink)}
.wb-sh-it.wa .wb-i{background:#25D366;color:#fff}
.wb-sh-url{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--bg-2);margin-bottom:6px}
[dir=rtl] .wb-sh-url{padding:6px 14px 6px 6px}
.wb-sh-url span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--ink-2);direction:ltr;text-align:left}
.wb-field{width:100%;border:1px solid var(--line-2);border-radius:14px;background:var(--bg);color:var(--ink);font:400 16px/1.8 var(--f-b);padding:12px 14px;margin-bottom:12px;resize:vertical}
.wb-field:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:transparent}
select.wb-field{appearance:none;-webkit-appearance:none}
.wb-sh-seg{display:flex;gap:6px;padding:4px;border-radius:999px;background:var(--bg-2);margin-bottom:14px}
.wb-sh-seg button{flex:1;padding:9px 10px;border-radius:999px;font:700 13.5px/1.2 var(--f-d);color:var(--ink-2)}
.wb-sh-seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.wb-sh-me{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);margin-bottom:12px}
.wb-sh-me img{width:28px;height:28px;border-radius:50%}
.wb-sheet .wb-btn{width:100%}
.wb-sheet .wb-btn+.wb-btn{margin-top:8px}
.wb-qprev{width:100%;border-radius:14px;margin-bottom:14px;border:1px solid var(--line)}
.wb-qpop{position:absolute;z-index:50;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;background:var(--ink);color:var(--bg);font:700 13.5px/1 var(--f-d);
  box-shadow:0 8px 26px rgba(0,0,0,.28);transform:translate(-50%,-100%);white-space:nowrap}
.wb-qpop .wb-i{width:15px;height:15px}
.wb-toast{position:fixed;inset-inline:0;bottom:calc(26px + env(safe-area-inset-bottom));z-index:80;margin-inline:auto;width:max-content;max-width:calc(100% - 40px);padding:12px 20px;border-radius:999px;
  background:var(--ink);color:var(--bg);font:600 14.5px/1.5 var(--f-d);box-shadow:0 10px 34px rgba(0,0,0,.3);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .3s var(--e)}
.wb-toast.in{opacity:1;transform:none}
.wb-own{position:fixed;inset-inline-start:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:35;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;
  background:var(--ink);color:var(--bg);font:700 14px/1 var(--f-d);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.wb-own .wb-i{width:16px;height:16px}

/* ── الإشراف ── */
.wb-adm h2{font-size:19px;margin:28px 0 12px}
.wb-adm-r{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);margin-bottom:8px;font-size:14.5px}
.wb-adm-r b{font:700 15px/1.4 var(--f-d)}
.wb-adm-r p{flex-basis:100%;color:var(--ink-2)}
.wb-adm-r .sp{flex:1}
.wb-adm-r button{padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);font:600 13px/1.2 var(--f-d)}
.wb-adm-r .st{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--bg-2)}
.wb-adm-r .st.suspended{background:#D4526E22;color:#D4526E}

@media print{.wb-top,.wb-foot,.wb-act,.wb-author,.wb-also,.wb-prog,.wb-own,.wb-tabs{display:none!important}body{background:#fff;color:#000}}