/* صفحات المقالات: المكتبة وصفحة المقال (inc/articles.php)، بمتغيرات الهوية */
.sx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tz-tag{display:inline-flex;width:max-content;border-radius:99px;padding:2px 12px;font-size:12.5px;font-weight:700;background:var(--x-ac2B);color:var(--x-on-ac2)}
.tz-tag.l{background:color-mix(in srgb,var(--x-ac2B) 16%,transparent);color:var(--x-ac)}

/* رأس المكتبة */
.tz-lib-hero{padding-block:calc(130px*var(--x-sp)) calc(110px*var(--x-sp));overflow:hidden;text-align:center}
.tz-lib-hero::before{content:"";position:absolute;inset:0;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z M20 8L32 20L20 32L8 20Z' fill='none' stroke='%23ffffff' stroke-width='.8'/%3E%3C/svg%3E")}
.tz-lib-hero .xw{display:grid;gap:16px;justify-items:center}
.tz-lib-k{display:inline-flex;background:#ffffff14;border-radius:99px;padding:4px 14px;font-size:14px}
.tz-lib-hero .xlead{color:#cfe3c8;max-width:56ch;margin-inline:auto}
.tz-lib-search{position:relative;width:min(640px,100%);margin-top:10px}
.tz-lib-search input{width:100%;border:0;border-radius:99px;padding:16px 54px 16px 20px;font:inherit;font-size:17px;background:#fff;color:#132018;box-shadow:0 20px 50px -20px #000c}
.tz-lib-search svg{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--x-ac);pointer-events:none}
.tz-lib{padding-top:0!important}
.tz-lib-bar{margin-top:-46px;position:relative;z-index:2;background:var(--x-surfaceB);border-radius:22px;padding:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;box-shadow:0 20px 50px -30px color-mix(in srgb,var(--x-deep) 60%,transparent)}
.sx .tz-chip{border-radius:99px;padding:7px 16px;background:color-mix(in srgb,var(--x-ink) 4%,var(--x-bg));color:var(--x-ink);font-weight:600;font-size:14.5px;display:inline-flex;gap:8px;align-items:center}
.tz-chip em{font-style:normal;background:var(--x-surfaceB);border-radius:99px;padding:0 8px;font-size:12.5px;color:var(--x-muted)}
.sx .tz-chip[aria-pressed="true"]{background:var(--x-ac);color:var(--x-on-ac)}
.tz-chip[aria-pressed="true"] em{background:#ffffff26;color:inherit}
.tz-count{font-size:14px;color:var(--x-muted);margin-inline-start:auto}
.tz-lib-bar select{font:inherit;font-size:14px;border:1px solid var(--x-line);border-radius:99px;padding:6px 12px;background:var(--x-surfaceB);color:var(--x-ink)}
.tz-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin-top:30px}
.tz-path{background:var(--x-surfaceB);border-radius:22px;padding:20px;display:grid;gap:12px;box-shadow:0 1px 0 var(--x-line)}
.tz-path-h{display:flex;align-items:center;gap:12px}
.tz-path-h i{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--x-ac2B) 16%,transparent);display:grid;place-items:center;color:var(--x-ac)}
.tz-path-h svg{width:22px;height:22px}
.tz-path-h b{display:block;font-size:18px}
.tz-path-h small{color:var(--x-muted)}
.tz-path ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tz-path li{display:flex;align-items:center;gap:6px}
.tz-path li+li::before{content:"←";color:var(--x-ac2B);font-weight:700}
.tz-path a{background:color-mix(in srgb,var(--x-ink) 4%,var(--x-bg));border-radius:12px;padding:6px 12px;font-weight:600;font-size:14px;display:inline-flex;gap:6px}
.tz-path a:hover{color:var(--x-ac)}
.tz-path a em{font-style:normal;color:var(--x-ac)}
.tz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.tz-card{background:var(--x-surfaceB);border-radius:24px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .35s,box-shadow .35s;animation:tz-pop .45s both;animation-delay:calc(var(--k,0)*.05s);box-shadow:0 1px 0 var(--x-line)}
.tz-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px color-mix(in srgb,var(--x-deep) 55%,transparent)}
.tz-card[hidden]{display:none}
@keyframes tz-pop{from{transform:translateY(10px);opacity:.3}}
.tz-card-im{aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--x-soft)}
.tz-card-im img,.tz-card-im svg{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.tz-card:hover .tz-card-im img{transform:scale(1.06)}
.tz-card-im .tz-tag{position:absolute;top:14px;right:14px}
.tz-card-b{padding:18px 20px 20px;display:grid;gap:10px;align-content:start}
.tz-card-b small{color:var(--x-muted);font-size:13px}
.tz-card-b h2,.tz-card-b h3{font-size:19px;font-family:var(--x-fd);line-height:1.45}
.tz-card-b p{color:var(--x-muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tz-rt{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--x-muted);margin-top:4px}
.tz-rt i{flex:1;height:4px;border-radius:99px;background:var(--x-line);overflow:hidden}
.tz-rt u{display:block;height:100%;background:var(--x-ac2B);width:var(--w)}
.tz-card mark{background:#fde98a;border-radius:3px;padding-inline:2px;color:inherit}
.tz-card.feat{grid-column:span 2;grid-row:span 2;grid-template-rows:1fr auto}
.tz-card.feat .tz-card-im{aspect-ratio:auto;min-height:340px}
.tz-card.feat h2{font-size:calc(27px*var(--x-scale))}
.tz-none{grid-column:1/-1;background:var(--x-surfaceB);border-radius:24px;padding:40px;text-align:center;color:var(--x-muted)}
.tz-none b{display:block;font-size:20px;color:var(--x-ink)}
.tz-empty{color:var(--x-muted);text-align:center}
@container sx (max-width:1000px){.tz-grid{grid-template-columns:1fr 1fr}}
@container sx (max-width:640px){.tz-grid{grid-template-columns:1fr}.tz-card.feat{grid-column:auto;grid-row:auto}.tz-card.feat .tz-card-im{min-height:220px}.tz-count{margin-inline-start:0}}

/* رأس المقال */
.tz-art-hero{position:relative;min-height:460px;display:grid;align-items:end;overflow:hidden;padding-block:150px 60px;--x-ink:#fff}
.tz-art-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:xw-kb 20s ease-in-out infinite alternate}
.tz-art-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--x-deep) 8%,color-mix(in srgb,var(--x-deep) 60%,transparent) 50%,color-mix(in srgb,var(--x-deep) 35%,transparent))}
.tz-art-hero .xw{position:relative;z-index:1;display:grid;gap:14px;width:100%}
.tz-art-hero .xh1{max-width:none;text-wrap:pretty;color:#fff;font-size:calc(clamp(30px,4.4cqi,52px)*var(--x-scale))}
.tz-meta{display:flex;gap:10px;align-items:center;color:#d7e8d2;font-size:14.5px}
.tz-meta i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}

/* جسم المقال */
.tz-art .x-readbar{display:none}
.tz-art-w{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.tz-art-w:has(.x-toc-l:empty){grid-template-columns:minmax(0,860px);justify-content:center}
.tz-toc{position:sticky;top:90px;background:var(--x-surfaceB);border-radius:22px;padding:18px;display:grid;gap:4px;box-shadow:0 1px 0 var(--x-line)}
.tz-toc>b{font-size:15px;margin-bottom:6px}
.tz-toc .x-toc-l{display:grid;gap:2px}
.tz-toc .x-toc-l a{font-size:14px;color:var(--x-muted);padding:6px 10px;border-radius:10px;line-height:1.5;transition:all .25s}
.tz-toc .x-toc-l a.on{background:color-mix(in srgb,var(--x-ac2B) 16%,transparent);color:var(--x-ac);font-weight:700}
.tz-toc .x-toc-l:empty+.tz-left{border-top:0;margin-top:0;padding-top:0}
.tz-left{margin-top:10px;font-size:13px;color:var(--x-muted);border-top:1px solid var(--x-line);padding-top:10px}
.tz-art-main{min-width:0}
.tz-art .x-prose{margin-inline:0;max-width:740px}
.tz-art .x-prose li::marker{color:var(--x-ac2B)}
.tz-art .x-prose strong{color:var(--x-ac)}
@container sx (max-width:960px){.tz-art-w{grid-template-columns:1fr}.tz-toc{position:relative;top:auto}}

/* أزرار المشاركة بألوان المنصات (من برق) */
.tz-sb{--c:var(--x-ac);display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--c);color:#fff;padding:0;transition:transform .2s cubic-bezier(.2,1.4,.4,1),box-shadow .2s,background-color .2s}
.sx .tz-sb{color:#fff}
.tz-sb svg{width:18px;height:18px}
.tz-sb[data-net="whatsapp"]{--c:#128c7e}.tz-sb[data-net="x"]{--c:#0f1419}.tz-sb[data-net="telegram"]{--c:#1c7fc4}.tz-sb[data-net="facebook"]{--c:#1877f2}.tz-sb[data-net="copy"]{--c:#3f4a56}
.tz-sb.ok{--c:var(--x-ac)}
.tz-sb:hover,.tz-sb:focus-visible{transform:translateY(-4px) scale(1.08);box-shadow:0 10px 20px -8px var(--c),0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}
.tz-sb:active{transform:scale(.9)}
.tz-endbar{margin-top:44px;border-radius:24px;background:var(--x-surfaceB);padding:20px 22px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 1px 0 var(--x-line)}
.tz-endbar b{font-size:16.5px;display:block;margin-bottom:10px}
.tz-shr{display:flex;gap:8px;flex-wrap:wrap}
.sx .tz-cteaser{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--x-line);background:color-mix(in srgb,var(--x-ink) 3%,var(--x-bg));border-radius:99px;padding:9px 18px;color:var(--x-ink);font-size:15px;transition:border-color .2s,color .2s}
.sx .tz-cteaser:hover{border-color:var(--x-ac);color:var(--x-ac)}
.tz-cteaser svg{width:20px;height:20px;color:var(--x-ac)}
.tz-rel-h{font-size:24px;margin-block:40px 16px;font-family:var(--x-fd)}
.tz-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tz-rel .tz-card-b h3{font-size:16.5px}
@container sx (max-width:760px){.tz-rel{grid-template-columns:1fr}}

/* الشريط الثابت: تقدّم القراءة والمشاركة والتعليقات */
.tz-dock{position:fixed;z-index:70;left:16px;top:50%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 7px;border-radius:999px;background:color-mix(in srgb,#fff 88%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid color-mix(in srgb,var(--x-line) 85%,transparent);box-shadow:0 22px 44px -14px rgba(15,26,22,.32),0 2px 6px rgba(15,26,22,.08);opacity:0;visibility:hidden;translate:-24px -50%;transition:opacity .35s,translate .5s cubic-bezier(.2,1.35,.4,1),visibility 0s .5s;color:#132018}
.tz-dock.on{opacity:1;visibility:visible;translate:0 -50%;transition-delay:0s}
.tz-dline{display:none}
.tz-dmeta{display:grid;justify-items:center}
.tz-dring{position:relative;width:40px;height:40px;flex:none}
.tz-dring svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.tz-dring .t{fill:none;stroke:#e1e8dc;stroke-width:3.2}
.tz-dring .p{fill:none;stroke:var(--x-ac);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .25s,stroke .3s}
.tz-dring b{position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;font-weight:800}
.tz-dock.done .p{stroke:var(--x-ac2B)}
.tz-dock.done .tz-dring{animation:tz-dpulse .9s ease-out 1}
@keyframes tz-dpulse{40%{scale:1.14}100%{scale:1}}
.tz-dtxt{display:none}
.tz-dsep{width:22px;height:1px;background:#e1e8dc}
.tz-dl{display:flex;flex-direction:column;gap:7px}
.tz-dock .tz-sb{width:38px;height:38px;opacity:0;translate:-10px 0;scale:.55}
.tz-dock.on .tz-sb{animation:tz-dpop .55s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(.15s + var(--i,0) * .06s)}
@keyframes tz-dpop{to{opacity:1;translate:0 0;scale:1}}
.tz-dock .tz-sb:hover,.tz-dock .tz-sb:focus-visible{transform:translateX(4px) scale(1.08)}
.sx .tz-dshare{display:none;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--x-ac);color:var(--x-on-ac);padding:0}
.tz-dshare svg{width:18px;height:18px}
.sx .tz-dcom{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid #e1e8dc;background:#fff;color:var(--x-ac);padding:0;flex:none;transition:transform .2s cubic-bezier(.2,1.4,.4,1),border-color .2s}
.sx .tz-dcom:hover{transform:scale(1.08);border-color:var(--x-ac)}
.tz-dcom svg{width:18px;height:18px}
.tz-dcom em{position:absolute;top:-3px;left:-3px;min-width:18px;height:18px;border-radius:99px;background:var(--x-ac2B);color:var(--x-on-ac2);font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;padding-inline:4px}
.sx .tz-dx{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:transparent;color:#5c6b60;flex:none;padding:0}
.sx .tz-dx:hover{background:#eef2ea;color:#132018}
.tz-dx svg{width:13px;height:13px}
/* الجوال والشاشات الضيقة: عمود صغير في الزاوية، والمشاركة تنفتح من زرها */
@media (max-width:1100px){.tz-dock{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:12px;translate:-24px 0;padding:8px 6px}.tz-dock.on{translate:0 0}.tz-dl{display:none}.tz-dock.open .tz-dl{display:flex}.sx .tz-dshare{display:grid}.tz-dock .tz-dsep:first-of-type{display:none}}

/* درج التعليقات */
.tz-cdrawer{position:fixed;inset:0;z-index:90;background:transparent;transition:background .35s}
.tz-cdrawer.open{background:color-mix(in srgb,var(--x-deep) 35%,transparent)}
.tz-cpanel{position:absolute;inset-block:0;left:0;width:min(420px,100%);background:var(--x-bg);display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 0 60px -10px #0007;translate:-100% 0;transition:translate .4s cubic-bezier(.2,1,.3,1)}
.tz-cdrawer.open .tz-cpanel{translate:0 0}
.tz-chd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--x-line);background:var(--x-surfaceB)}
.tz-chd b{font-size:18px}
.tz-chd small{display:block;color:var(--x-muted);font-size:12.5px}
.tz-clist{list-style:none;margin:0;padding:16px 18px;overflow-y:auto;display:grid;gap:14px;align-content:start}
.tz-cempty{color:var(--x-muted);text-align:center;padding:30px 10px}
.tz-cm{display:grid;grid-template-columns:40px 1fr;gap:12px;animation:tz-pop .4s both}
.tz-cm.rep{margin-inline-start:30px}
.tz-av{width:40px;height:40px;border-radius:50%;background:hsl(var(--h) 45% 88%);color:hsl(var(--h) 50% 28%);display:grid;place-items:center;font-weight:800;font-size:13px}
.tz-cm>div{background:var(--x-surfaceB);border-radius:18px 4px 18px 18px;padding:10px 14px}
.tz-cm.pend>div{outline:1.5px dashed #c9a54a99}
.tz-ch{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.tz-ch b{font-size:14.5px}
.tz-ch small{color:var(--x-muted);font-size:12px}
.tz-ch em{font-style:normal;font-size:11px;font-weight:700;color:#8a6100;background:#fdf3d9;border-radius:99px;padding:0 8px}
.tz-cm p{font-size:14.5px;line-height:1.75;margin-top:4px}
.sx .tz-rep{color:var(--x-muted);font-size:13px;font-weight:600;margin-top:4px}
.sx .tz-rep:hover{color:var(--x-ac)}
.tz-cform{background:var(--x-surfaceB);border-top:1px solid var(--x-line);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));display:grid;gap:8px}
.tz-cform input,.tz-cform textarea{font:inherit;font-size:14.5px;border:1px solid var(--x-line);border-radius:14px;padding:9px 12px;background:var(--x-bg);color:var(--x-ink);resize:none;width:100%}
.tz-cform textarea{min-height:44px}
.tz-crow{display:flex;gap:8px;align-items:center;justify-content:space-between}
.tz-crow small{color:var(--x-muted);font-size:12px}
.sx .tz-cform button{border-radius:99px;background:var(--x-ac);color:var(--x-on-ac);font-weight:700;padding:9px 20px;transition:opacity .2s}
.tz-cform button:disabled{opacity:.4}
.tz-toast{position:fixed;z-index:100;bottom:96px;inset-inline:0;margin-inline:auto;width:max-content;max-width:90vw;background:var(--x-deep);color:#fff;border-radius:99px;padding:10px 20px;font-size:14.5px;opacity:0;translate:0 10px;transition:opacity .3s,translate .3s;pointer-events:none}
.tz-toast.on{opacity:1;translate:0 0}
/* العناصر العائمة تتنحّى ما دام الشريط ظاهراً */
.xfab{transition:opacity .3s,translate .3s}
html.tz-dock-on .xfab{opacity:0;translate:0 20px;pointer-events:none}
@media (prefers-reduced-motion:reduce){.tz-card,.tz-art-bg,.tz-dock,.tz-dock .tz-sb,.tz-cm{animation:none!important;transition:none!important;opacity:1;translate:none;scale:none}}

/* الجداول داخل المقال والصفحات: رأس داكن، وصفوف متناوبة، وتمرير أفقي على الجوال */
.x-prose .tz-tw{overflow-x:auto;margin:1.6em 0;border-radius:18px;box-shadow:0 1px 0 var(--x-line),0 14px 34px -26px color-mix(in srgb,var(--x-deep) 50%,transparent);background:var(--x-surfaceB)}
.x-prose .tz-tw table{margin:0;min-width:560px;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.75}
.x-prose .tz-tw thead th,.x-prose .tz-tw tr:first-child th{background:var(--x-deep);color:#fff;font-weight:700;padding:14px 16px;border:0;text-align:right;white-space:nowrap}
.x-prose .tz-tw th:first-child{border-start-start-radius:0}
.x-prose .tz-tw td{padding:13px 16px;border-bottom:1px solid var(--x-line);vertical-align:top;color:var(--x-ink)}
.x-prose .tz-tw tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--x-ac2B) 6%,var(--x-surfaceB))}
.x-prose .tz-tw tbody tr:last-child td{border-bottom:0}
.x-prose .tz-tw td:first-child{font-weight:700;color:var(--x-ac)}
.x-prose .tz-tw tbody tr{transition:background .2s}
.x-prose .tz-tw tbody tr:hover td{background:color-mix(in srgb,var(--x-ac2B) 12%,var(--x-surfaceB))}
.x-prose figure.wp-block-table{margin:0}

/* الصفحات النصية (سياسة الخصوصية وأمثالها) */
.tz-page-hero{padding-block:150px 70px;text-align:center;--x-ink:#fff}
.tz-page-hero .xw{display:grid;gap:12px;justify-items:center}
.tz-page-hero .xh1{color:#fff;font-size:calc(clamp(30px,4.2cqi,50px)*var(--x-scale));text-wrap:pretty}
.tz-page-hero p{color:#cfe3c8;font-size:14.5px}
.tz-page-sec{padding-block:calc(48px*var(--x-sp)) calc(70px*var(--x-sp))}
.tz-page-card{max-width:860px;margin-inline:auto;background:var(--x-surfaceB);border-radius:26px;padding:clamp(22px,4cqi,48px);box-shadow:0 1px 0 var(--x-line),0 24px 60px -40px color-mix(in srgb,var(--x-deep) 45%,transparent)}
.tz-page-card .x-prose{max-width:none}
.tz-page-card .x-prose h2{position:relative;padding-inline-start:16px;margin-top:1.8em}
.tz-page-card .x-prose h2::before{content:"";position:absolute;inset-inline-start:0;top:.35em;width:7px;height:7px;border-radius:2px;background:var(--x-ac2B);transform:rotate(45deg)}
.tz-page-card .x-prose h2:first-child{margin-top:0}