انتقل إلى المحتوى

ميدياويكي:Common.css: الفرق بين النسختين

من دَعوة ويكي
→ التعديل السابقالتعديل اللاحق ←
DawahAgent (نقاش | مساهمات)
٤٤ تعديلًا
nav: full-width 24px padding (match home)
DawahAgent (نقاش | مساهمات)
٤٤ تعديلًا
nav: bar height 74
سطر ١٬٣٣٨: سطر ١٬٣٣٨:
.dw-wikinav::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--du-line);z-index:3}
.dw-wikinav::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--du-line);z-index:3}
.dw-wikinav .dw-headin{position:relative;padding-inline:max(24px,calc((100vw - 1680px)/2 + 24px));padding-top:12px;padding-bottom:0}
.dw-wikinav .dw-headin{position:relative;padding-inline:max(24px,calc((100vw - 1680px)/2 + 24px));padding-top:12px;padding-bottom:0}
.dw-wikinav .dw-band{display:flex;align-items:flex-end;gap:22px;min-height:62px}
.dw-wikinav .dw-band{display:flex;align-items:flex-end;gap:22px;min-height:61px}
.dw-wikinav .brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none;align-self:flex-end;margin:0 0 6px 0}
.dw-wikinav .brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none;align-self:flex-end;margin:0 0 6px 0}
.dw-wikinav .brand img{box-sizing:border-box;width:52px;height:52px;object-fit:contain;border-radius:50%;background:var(--du-panel);border:1px solid var(--du-edge);box-shadow:var(--du-psh);filter:contrast(1.05) saturate(1.05);flex:0 0 auto}
.dw-wikinav .brand img{box-sizing:border-box;width:52px;height:52px;object-fit:contain;border-radius:50%;background:var(--du-panel);border:1px solid var(--du-edge);box-shadow:var(--du-psh);filter:contrast(1.05) saturate(1.05);flex:0 0 auto}

مراجعة ٢٢:٣٢، ٢٠ يونيو ٢٠٢٦


/* ============================================================
   URETHANE DESIGN — portable token sheet + generic components
   App-agnostic. Pair with 05-theme-engine.js, which sets on <html>:
     data-du-mode  = light | dark     (auto resolved by the engine)
     data-du-glass = faithful | modern | flat
     --du-h        = accent hue (inline style, number)
   No-JS defaults: light + faithful + blue (205).
   Self-host this file (content-app CSP blocks CDNs). Link it LAST
   in <head> so it wins cascade ties against app CSS.
   ============================================================ */

/* ------------------------------------------------------------------
   ACCESSIBLE CONTRAST (WCAG 2.x) — measured at hue 205, faithful glass.
   Body text target >=4.5:1 ; large text / icon glyph target >=3:1.
   Computed from the HSL token values below (sRGB relative luminance).

   LIGHT (data-du-mode="light")
     --du-text  on --du-panel ....... 15.02:1   (body  PASS)
     --du-text  on --du-page ........ 13.12:1   (body  PASS)
     --du-text  on --du-panel2 ...... 14.05:1   (body  PASS)
     --du-muted on --du-panel ........ 6.04:1   (body  PASS)
     --du-muted on --du-page ......... 5.28:1   (body  PASS)
     --du-link  on --du-page ......... 6.27:1   (body  PASS)
     --du-link  on --du-panel ........ 7.18:1   (body  PASS)
     --du-glyph on --du-face(mid) .... 3.06:1   (large/glyph PASS)

   DARK (data-du-mode="dark")
     --du-text  on --du-panel ....... 12.70:1   (body  PASS)
     --du-text  on --du-page ........ 14.62:1   (body  PASS)
     --du-text  on --du-panel2 ...... 11.49:1   (body  PASS)
     --du-muted on --du-panel ........ 5.81:1   (body  PASS)
     --du-muted on --du-page ......... 6.69:1   (body  PASS)
     --du-link  on --du-page ......... 9.23:1   (body  PASS)
     --du-link  on --du-panel ........ 8.02:1   (body  PASS)
     --du-glyph on --du-face(mid) ... 13.10:1   (large/glyph PASS)

   FIXED tile glyphs (mode-independent gradients; large glyph, >=3:1).
   The glyph centroid sits on the bright body bands; only the 1px 45%
   hard-break stop (the intentional bottom-lit recipe break) dips lower.
     hot  glyph hsl(10 80% 19%) on --du-hot  body band 60%L .. 5.06:1 PASS
       (worst single stop, 45% hard-break ............ 2.56:1)
     gold glyph hsl(35 90% 18%) on --du-gold body band 60%L .. 6.42:1 PASS
       (worst single stop, 45% hard-break ............ 3.17:1)
   ------------------------------------------------------------------ */

/* === TIER: PRIMITIVE === */
:root{
	--du-h:205;
	--du-c:1;
	--du-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38'%3E%3Cg fill='none' stroke='white' stroke-opacity='.14'%3E%3Crect x='11' y='11' width='16' height='16'/%3E%3Crect x='11' y='11' width='16' height='16' transform='rotate(45 19 19)'/%3E%3C/g%3E%3C/svg%3E");
	--du-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)'/%3E%3C/svg%3E");

	/* === TIER: SEMANTIC === */
	/* light base */
	--du-page:hsl(var(--du-h) calc(30% * var(--du-c)) 93%);
	--du-panel:hsl(var(--du-h) calc(40% * var(--du-c)) 99%);
	--du-panel2:hsl(var(--du-h) calc(35% * var(--du-c)) 96%);
	--du-text:hsl(var(--du-h) calc(55% * var(--du-c)) 14%);
	--du-muted:hsl(var(--du-h) calc(20% * var(--du-c)) 38%);
	--du-line:hsl(var(--du-h) calc(28% * var(--du-c)) 86%);
	--du-link:hsl(var(--du-h) calc(80% * var(--du-c)) 31%);
	--du-glyph:hsl(var(--du-h) calc(62% * var(--du-c)) 21%);
	--du-gsh:0 -1px 0 hsl(var(--du-h) calc(90% * var(--du-c)) 97% / .6),0 1px 1px hsl(var(--du-h) calc(70% * var(--du-c)) 16% / .35);
	--du-tsh:0 1px rgb(255 255 255 / .4);
	--du-psh:0 2px 6px hsl(var(--du-h) calc(55% * var(--du-c)) 30% / .14);
	--du-chbev:inset 0 1px hsl(var(--du-h) calc(90% * var(--du-c)) 99% / .85),inset 0 -1px hsl(var(--du-h) calc(92% * var(--du-c)) 92% / .9);
	--du-tabbg:linear-gradient(180deg,hsl(var(--du-h) calc(32% * var(--du-c)) 86%),hsl(var(--du-h) calc(32% * var(--du-c)) 76%) 44%,hsl(var(--du-h) calc(46% * var(--du-c)) 59%) 45%,hsl(var(--du-h) calc(55% * var(--du-c)) 71%) 100%);
	--du-tabon:linear-gradient(180deg,#fff,hsl(var(--du-h) calc(50% * var(--du-c)) 92%) 60%,hsl(var(--du-h) calc(65% * var(--du-c)) 96%) 100%);
	--du-fade:linear-gradient(180deg,hsl(var(--du-h) calc(45% * var(--du-c)) 58% / .10),hsl(var(--du-h) calc(45% * var(--du-c)) 50% / .26));

	/* light + faithful glass */
	--du-chrome:linear-gradient(180deg,hsl(var(--du-h) calc(80% * var(--du-c)) 97%),hsl(var(--du-h) calc(58% * var(--du-c)) 82%) 44%,hsl(var(--du-h) calc(52% * var(--du-c)) 66%) 45%,hsl(var(--du-h) calc(56% * var(--du-c)) 73%) 76%,hsl(var(--du-h) calc(72% * var(--du-c)) 86%) 100%);
	--du-face:linear-gradient(180deg,hsl(var(--du-h) calc(85% * var(--du-c)) 98%) 0%,hsl(var(--du-h) calc(35% * var(--du-c)) 85%) 9%,hsl(var(--du-h) calc(35% * var(--du-c)) 74%) 44%,hsl(var(--du-h) calc(55% * var(--du-c)) 49%) 45%,hsl(var(--du-h) calc(58% * var(--du-c)) 57%) 65%,hsl(var(--du-h) calc(68% * var(--du-c)) 71%) 88%,hsl(var(--du-h) calc(90% * var(--du-c)) 86%) 100%);
	--du-prim:linear-gradient(180deg,hsl(var(--du-h) calc(78% * var(--du-c)) 88%) 0%,hsl(var(--du-h) calc(62% * var(--du-c)) 62%) 9%,hsl(var(--du-h) calc(60% * var(--du-c)) 53%) 44%,hsl(var(--du-h) calc(76% * var(--du-c)) 30%) 45%,hsl(var(--du-h) calc(72% * var(--du-c)) 38%) 65%,hsl(var(--du-h) calc(70% * var(--du-c)) 51%) 88%,hsl(var(--du-h) calc(88% * var(--du-c)) 70%) 100%);
	--du-edge:hsl(var(--du-h) calc(42% * var(--du-c)) 52%);
	--du-bev:inset 0 0 0 1px hsl(var(--du-h) calc(85% * var(--du-c)) 96% / .5),inset 0 1px hsl(var(--du-h) calc(90% * var(--du-c)) 99% / .95),inset 0 -1px hsl(var(--du-h) calc(95% * var(--du-c)) 88% / .95),inset 0 -2px hsl(var(--du-h) calc(70% * var(--du-c)) 68% / .45),0 1px 2px hsl(var(--du-h) calc(60% * var(--du-c)) 28% / .25);
	--du-glow:0 0 9px hsl(var(--du-h) calc(85% * var(--du-c)) 58% / .6);
	--du-hot:linear-gradient(180deg,hsl(26 100% 90%) 0%,hsl(22 92% 72%) 9%,hsl(20 88% 64%) 44%,hsl(12 85% 42%) 45%,hsl(14 84% 48%) 65%,hsl(20 90% 60%) 88%,hsl(30 100% 75%) 100%);
	--du-gold:linear-gradient(180deg,hsl(48 100% 88%) 0%,hsl(45 95% 72%) 9%,hsl(42 90% 62%) 44%,hsl(34 85% 42%) 45%,hsl(36 85% 48%) 65%,hsl(42 90% 60%) 88%,hsl(50 100% 76%) 100%);
}

html[data-du-mode="light"][data-du-glass="modern"]{
	--du-chrome:linear-gradient(180deg,hsl(var(--du-h) calc(70% * var(--du-c)) 97%),hsl(var(--du-h) calc(52% * var(--du-c)) 84%) 72%,hsl(var(--du-h) calc(66% * var(--du-c)) 91%) 100%);
	--du-face:linear-gradient(180deg,hsl(var(--du-h) calc(70% * var(--du-c)) 98%),hsl(var(--du-h) calc(48% * var(--du-c)) 87%) 72%,hsl(var(--du-h) calc(64% * var(--du-c)) 93%) 100%);
	--du-prim:linear-gradient(180deg,hsl(var(--du-h) calc(72% * var(--du-c)) 58%),hsl(var(--du-h) calc(70% * var(--du-c)) 42%) 72%,hsl(var(--du-h) calc(75% * var(--du-c)) 56%) 100%);
	--du-edge:hsl(var(--du-h) calc(36% * var(--du-c)) 66%);
	--du-bev:inset 0 0 0 1px hsl(var(--du-h) calc(85% * var(--du-c)) 96% / .4),inset 0 1px hsl(var(--du-h) calc(90% * var(--du-c)) 99% / .9),inset 0 -1px hsl(var(--du-h) calc(90% * var(--du-c)) 88% / .7),0 1px 2px hsl(var(--du-h) calc(50% * var(--du-c)) 40% / .14);
	--du-glow:0 0 8px hsl(var(--du-h) calc(80% * var(--du-c)) 62% / .45);
}
html[data-du-mode="light"][data-du-glass="flat"]{
	--du-chrome:hsl(var(--du-h) calc(42% * var(--du-c)) 88%);
	--du-face:hsl(var(--du-h) calc(40% * var(--du-c)) 97%);
	--du-prim:hsl(var(--du-h) calc(66% * var(--du-c)) 42%);
	--du-edge:hsl(var(--du-h) calc(26% * var(--du-c)) 76%);
	--du-bev:0 0 0 transparent;
	--du-glow:0 0 0 transparent;
	--du-hot:hsl(16 80% 48%);
	--du-gold:hsl(40 85% 50%);
}
html[data-du-mode="dark"]{
	--du-page:hsl(var(--du-h) calc(26% * var(--du-c)) 9%);
	--du-panel:hsl(var(--du-h) calc(20% * var(--du-c)) 14%);
	--du-panel2:hsl(var(--du-h) calc(18% * var(--du-c)) 17%);
	--du-text:hsl(var(--du-h) calc(28% * var(--du-c)) 91%);
	--du-muted:hsl(var(--du-h) calc(13% * var(--du-c)) 62%);
	--du-line:hsl(var(--du-h) calc(17% * var(--du-c)) 23%);
	--du-link:hsl(var(--du-h) calc(82% * var(--du-c)) 72%);
	--du-glyph:hsl(var(--du-h) calc(38% * var(--du-c)) 90%);
	--du-gsh:0 -1px 0 rgb(0 0 0 / .5),0 1px 2px hsl(var(--du-h) calc(80% * var(--du-c)) 65% / .35);
	--du-tsh:0 1px rgb(0 0 0 / .4);
	--du-psh:0 2px 8px rgb(0 0 0 / .45);
	--du-chbev:inset 0 1px hsl(var(--du-h) calc(40% * var(--du-c)) 72% / .28),inset 0 -1px hsl(var(--du-h) calc(85% * var(--du-c)) 62% / .3);
	--du-tabbg:linear-gradient(180deg,hsl(var(--du-h) calc(22% * var(--du-c)) 24%),hsl(var(--du-h) calc(24% * var(--du-c)) 18%) 44%,hsl(var(--du-h) calc(32% * var(--du-c)) 11%) 45%,hsl(var(--du-h) calc(42% * var(--du-c)) 19%) 100%);
	--du-tabon:linear-gradient(180deg,hsl(var(--du-h) calc(26% * var(--du-c)) 34%),hsl(var(--du-h) calc(22% * var(--du-c)) 20%) 70%,hsl(var(--du-h) calc(32% * var(--du-c)) 24%) 100%);
	--du-fade:linear-gradient(180deg,hsl(var(--du-h) calc(60% * var(--du-c)) 60% / .08),hsl(var(--du-h) calc(60% * var(--du-c)) 55% / .2));
	--du-chrome:linear-gradient(180deg,hsl(var(--du-h) calc(32% * var(--du-c)) 31%),hsl(var(--du-h) calc(34% * var(--du-c)) 21%) 44%,hsl(var(--du-h) calc(42% * var(--du-c)) 13%) 45%,hsl(var(--du-h) calc(44% * var(--du-c)) 17%) 76%,hsl(var(--du-h) calc(56% * var(--du-c)) 27%) 100%);
	--du-face:linear-gradient(180deg,hsl(var(--du-h) calc(32% * var(--du-c)) 42%) 0%,hsl(var(--du-h) calc(26% * var(--du-c)) 29%) 9%,hsl(var(--du-h) calc(28% * var(--du-c)) 23%) 44%,hsl(var(--du-h) calc(46% * var(--du-c)) 12%) 45%,hsl(var(--du-h) calc(46% * var(--du-c)) 16%) 65%,hsl(var(--du-h) calc(56% * var(--du-c)) 26%) 88%,hsl(var(--du-h) calc(72% * var(--du-c)) 40%) 100%);
	--du-prim:linear-gradient(180deg,hsl(var(--du-h) calc(70% * var(--du-c)) 64%) 0%,hsl(var(--du-h) calc(68% * var(--du-c)) 50%) 9%,hsl(var(--du-h) calc(70% * var(--du-c)) 44%) 44%,hsl(var(--du-h) calc(80% * var(--du-c)) 26%) 45%,hsl(var(--du-h) calc(76% * var(--du-c)) 32%) 65%,hsl(var(--du-h) calc(72% * var(--du-c)) 44%) 88%,hsl(var(--du-h) calc(85% * var(--du-c)) 60%) 100%);
	--du-edge:hsl(var(--du-h) calc(32% * var(--du-c)) 6%);
	--du-bev:inset 0 0 0 1px hsl(var(--du-h) calc(45% * var(--du-c)) 70% / .18),inset 0 1px hsl(var(--du-h) calc(45% * var(--du-c)) 76% / .4),inset 0 -1px hsl(var(--du-h) calc(88% * var(--du-c)) 66% / .5),inset 0 -2px hsl(var(--du-h) calc(70% * var(--du-c)) 45% / .35),0 1px 2px rgb(0 0 0 / .5);
	--du-glow:0 0 9px hsl(var(--du-h) calc(90% * var(--du-c)) 58% / .45);
}
html[data-du-mode="dark"][data-du-glass="modern"]{
	--du-chrome:linear-gradient(180deg,hsl(var(--du-h) calc(26% * var(--du-c)) 23%),hsl(var(--du-h) calc(28% * var(--du-c)) 15%) 75%,hsl(var(--du-h) calc(40% * var(--du-c)) 22%) 100%);
	--du-face:linear-gradient(180deg,hsl(var(--du-h) calc(22% * var(--du-c)) 28%),hsl(var(--du-h) calc(24% * var(--du-c)) 18%) 75%,hsl(var(--du-h) calc(36% * var(--du-c)) 25%) 100%);
	--du-prim:linear-gradient(180deg,hsl(var(--du-h) calc(70% * var(--du-c)) 54%),hsl(var(--du-h) calc(72% * var(--du-c)) 38%) 75%,hsl(var(--du-h) calc(76% * var(--du-c)) 50%) 100%);
	--du-edge:hsl(var(--du-h) calc(28% * var(--du-c)) 6%);
	--du-bev:inset 0 0 0 1px hsl(var(--du-h) calc(40% * var(--du-c)) 70% / .15),inset 0 1px hsl(var(--du-h) calc(40% * var(--du-c)) 72% / .3),inset 0 -1px hsl(var(--du-h) calc(80% * var(--du-c)) 60% / .35),0 1px 2px rgb(0 0 0 / .35);
	--du-glow:0 0 8px hsl(var(--du-h) calc(85% * var(--du-c)) 58% / .35);
}
html[data-du-mode="dark"][data-du-glass="flat"]{
	--du-chrome:hsl(var(--du-h) calc(24% * var(--du-c)) 16%);
	--du-face:hsl(var(--du-h) calc(21% * var(--du-c)) 21%);
	--du-prim:hsl(var(--du-h) calc(70% * var(--du-c)) 46%);
	--du-edge:hsl(var(--du-h) calc(18% * var(--du-c)) 26%);
	--du-bev:0 0 0 transparent;
	--du-glow:0 0 0 transparent;
	--du-hot:hsl(16 75% 45%);
	--du-gold:hsl(40 70% 42%);
}


/* === TIER: SEMANTIC (typography) === */
:root{
	--du-body-size: 16px;
	--du-body-lh: 1.55;
	--du-body-track: 0;            /* letter-spacing, LTR only */
	--du-font-ui: Inter, ui-sans-serif, system-ui, sans-serif;
	--du-font-ar: "Noto Sans Arabic", "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;
}
html:lang(ar), html[lang="ar"], html[dir="rtl"]{
	--du-body-size: 18px;          /* ~+12% step-up: Arabic glyphs read smaller at same px */
	--du-body-lh: 1.75;            /* more leading for stacked harakat / voweled Qur'anic text */
	--du-body-track: normal;       /* NEVER letter-space cursive Arabic */
}

/* === TIER: COMPONENT === */
/* ============ generic components (opt-in classes) ============ */

html{background:var(--du-page)}
.du-body{background:var(--du-page);color:var(--du-text)}

.du-chrome{background:var(--du-noise),var(--du-chrome);box-shadow:var(--du-chbev);border-bottom:1px solid var(--du-edge);color:var(--du-text);text-shadow:var(--du-tsh)}
.du-chrome--hero{background:var(--du-star),var(--du-noise),var(--du-chrome)}
html[data-du-glass="flat"] .du-chrome,html[data-du-glass="flat"] .du-chrome--hero{background:var(--du-chrome)}

.du-panel{background:var(--du-panel);border:1px solid var(--du-edge);border-radius:9px;box-shadow:var(--du-psh);color:var(--du-text)}
.du-panel2{background:var(--du-panel2)}

.du-button{display:inline-flex;gap:7px;align-items:center;background:var(--du-face);border:1px solid var(--du-edge);border-radius:7px;box-shadow:var(--du-bev);color:var(--du-text);text-shadow:var(--du-tsh);padding:7px 15px;cursor:pointer;transition:box-shadow .15s,filter .15s;text-decoration:none}
.du-button:hover{box-shadow:var(--du-bev),var(--du-glow);filter:brightness(1.06)}
.du-button:active{transform:translateY(1px);filter:brightness(.93)}
.du-button--primary{background:var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0 / .3);position:relative;overflow:hidden}
.du-button--primary::after{content:"";position:absolute;top:0;inset-inline-start:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .5),transparent);transform:skewX(-20deg);transition:inset-inline-start .5s;pointer-events:none}
.du-button--primary:hover::after{inset-inline-start:120%}

.du-tile{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--du-face);border:1px solid var(--du-edge);box-shadow:var(--du-bev);color:var(--du-glyph);text-shadow:var(--du-gsh);cursor:pointer}
.du-tile:hover{box-shadow:var(--du-bev),var(--du-glow);filter:brightness(1.07)}
.du-tile:active{transform:translateY(1px);filter:brightness(.92)}
.du-tile--hot{background:var(--du-hot);border-color:hsl(14 65% 34%);color:hsl(10 80% 19%);text-shadow:0 -1px 0 hsl(30 100% 88% / .7),0 1px 1px hsl(8 80% 12% / .4)}
.du-tile--hot.du-pulse{animation:du-unread 3.2s ease-in-out infinite}
.du-tile--gold{background:var(--du-gold);border-color:hsl(34 65% 36%);color:hsl(35 90% 18%);text-shadow:0 -1px 0 hsl(52 100% 88% / .75),0 1px 1px hsl(30 80% 12% / .4)}

.du-input{background:var(--du-panel);border:1px solid var(--du-edge);border-radius:7px;color:var(--du-text);padding:6px 11px;box-shadow:inset 0 1px 2px hsl(var(--du-h) calc(40% * var(--du-c)) 35% / .18)}
.du-input:focus{border-color:hsl(var(--du-h) calc(70% * var(--du-c)) 50%);box-shadow:0 0 6px hsl(var(--du-h) calc(85% * var(--du-c)) 58% / .4);outline:none}

.du-tab{padding:7px 15px 8px;border:1px solid var(--du-edge);border-bottom:none;border-radius:8px 8px 0 0;background:var(--du-tabbg);color:var(--du-text);text-shadow:var(--du-tsh);box-shadow:inset 0 1px hsl(var(--du-h) calc(80% * var(--du-c)) 96% / .5);cursor:pointer}
.du-tab:hover{filter:brightness(1.05)}
.du-tab.on,.du-tab[aria-selected="true"]{background:var(--du-tabon);box-shadow:var(--du-chbev);font-weight:500}

.du-crumb{background:hsl(var(--du-h) calc(50% * var(--du-c)) 52% / .13);padding:2px 10px;border-radius:99px;box-shadow:inset 0 1px hsl(var(--du-h) calc(80% * var(--du-c)) 94% / .5);color:var(--du-muted)}

.du-pill{font-size:11px;padding:1px 8px;border-radius:99px;font-weight:500}
.du-pill--new{background:linear-gradient(180deg,hsl(22 95% 70%),hsl(12 82% 46%) 60%,hsl(20 90% 58%));color:#fff;text-shadow:0 1px rgb(0 0 0 / .25);box-shadow:inset 0 1px rgb(255 255 255 / .5),inset 0 -1px hsl(28 100% 70% / .7)}
.du-pill--mod{background:linear-gradient(180deg,hsl(145 55% 52%),hsl(148 65% 28%) 60%,hsl(143 55% 42%));color:#fff;text-shadow:0 1px rgb(0 0 0 / .25);box-shadow:inset 0 1px rgb(255 255 255 / .45),inset 0 -1px hsl(140 80% 60% / .6)}

.du-quote{border-inline-start:3px solid hsl(var(--du-h) calc(60% * var(--du-c)) 55%);background:linear-gradient(180deg,hsl(var(--du-h) calc(55% * var(--du-c)) 50% / .06),hsl(var(--du-h) calc(55% * var(--du-c)) 50% / .14));box-shadow:inset 0 1px hsl(var(--du-h) calc(80% * var(--du-c)) 92% / .4);padding:7px 11px;color:var(--du-text);border-radius:0}

.du-row-hover:hover{background:var(--du-fade)}
.du-fade--gold{background:linear-gradient(180deg,hsl(42 95% 60% / .12),hsl(42 95% 55% / .3))}
.du-fade--red{background:linear-gradient(180deg,hsl(8 75% 50% / .12),hsl(8 75% 45% / .26))}

.du-dot{width:7px;height:7px;border-radius:50%;background:hsl(135 70% 45%);box-shadow:0 0 0 0 hsl(135 70% 45% / .5);animation:du-pulse 2.2s infinite}

@keyframes du-unread{50%{box-shadow:var(--du-bev),0 0 8px hsl(18 92% 55% / .55)}}
@keyframes du-pulse{70%{box-shadow:0 0 0 6px transparent}}
@media (prefers-reduced-motion:reduce){
	.du-tile--hot.du-pulse,.du-dot{animation:none}
	.du-button--primary::after{display:none}
}


/* Dawah.Wiki MediaWiki URETHANE layer: Vector 2022 selector mapping. */
body.skin-vector {
  margin: 0;
  background: var(--du-page) !important;
  color: var(--du-text) !important;
  font-family: var(--du-font-ui);
  font-size: var(--du-body-size);
  line-height: var(--du-body-lh);
}
html[dir="rtl"] body.skin-vector,
body.rtl,
.mw-content-rtl {
  font-family: var(--du-font-ar);
  line-height: var(--du-body-lh);
  letter-spacing: normal;
}
body.skin-vector a { color: var(--du-link); }
body.skin-vector a:hover { text-decoration-thickness: 2px; }
body.skin-vector ::selection { background: hsl(var(--du-h) calc(75% * var(--du-c)) 58% / .28); }

.vector-header-container,
.mw-header,
.vector-sticky-header {
  background: var(--du-star), var(--du-noise), var(--du-chrome) !important;
  border-bottom: 1px solid var(--du-edge) !important;
  box-shadow: var(--du-chbev), 0 1px 0 hsl(var(--du-h) calc(50% * var(--du-c)) 30% / .18) !important;
  color: var(--du-text) !important;
}
.mw-header { min-height: 58px; }
.mw-logo,
.mw-logo-container { color: var(--du-text) !important; text-decoration: none !important; }
.mw-logo-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 9px !important;
  background: var(--du-face) !important;
  border: 1px solid var(--du-edge) !important;
  box-shadow: var(--du-bev) !important;
  padding: 2px;
}
.mw-logo-wordmark { filter: drop-shadow(0 1px rgb(255 255 255 / .28)); }
.vector-user-links,
.vector-header-end { color: var(--du-text) !important; }

.vector-search-box input,
.vector-search-box .cdx-text-input__input,
#searchInput,
input[type="search"],
input[type="text"],
textarea,
select {
  background: var(--du-panel) !important;
  color: var(--du-text) !important;
  border: 1px solid var(--du-edge) !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 2px hsl(var(--du-h) calc(40% * var(--du-c)) 35% / .18) !important;
}
.vector-search-box input:focus,
.vector-search-box .cdx-text-input__input:focus,
#searchInput:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: hsl(var(--du-h) calc(70% * var(--du-c)) 50%) !important;
  box-shadow: 0 0 6px hsl(var(--du-h) calc(85% * var(--du-c)) 58% / .4) !important;
  outline: 2px solid transparent !important;
}
.cdx-button,
.mw-ui-button,
.vector-dropdown-label,
.vector-menu-tabs a,
.vector-page-tools a,
.vector-user-menu a {
  border-color: var(--du-edge) !important;
  color: var(--du-text) !important;
  text-shadow: var(--du-tsh);
}
.cdx-button:not(.cdx-button--weight-quiet),
.mw-ui-button,
.vector-dropdown-label {
  background: var(--du-face) !important;
  box-shadow: var(--du-bev) !important;
}
.cdx-button:hover,
.mw-ui-button:hover,
.vector-dropdown-label:hover,
.vector-menu-tabs a:hover {
  filter: brightness(1.05);
  box-shadow: var(--du-bev), var(--du-glow) !important;
}

.mw-page-container {
  background: transparent !important;
  max-width: 1280px !important;
  margin-top: 18px !important;
}
.mw-page-container-inner { column-gap: 22px !important; }
.mw-body,
.mw-body-content,
.vector-body {
  color: var(--du-text) !important;
}
.mw-body {
  background: var(--du-panel) !important;
  border: 1px solid var(--du-edge) !important;
  border-radius: 9px !important;
  box-shadow: var(--du-psh) !important;
  padding: clamp(18px, 2.4vw, 34px) !important;
}
.mw-body-header,
.vector-page-titlebar,
.vector-page-toolbar-container {
  border-color: var(--du-line) !important;
}
.mw-first-heading,
.mw-page-title-main,
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3 {
  color: var(--du-text) !important;
  letter-spacing: 0;
}
.mw-parser-output h2,
.mw-parser-output h3 { border-bottom-color: var(--du-line) !important; }
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output td,
.mw-parser-output th { font-size: 1rem; line-height: var(--du-body-lh); }
body:not(.page-Main_Page) .mw-parser-output > p,
body:not(.page-Main_Page) .mw-parser-output > ul,
body:not(.page-Main_Page) .mw-parser-output > ol,
body:not(.page-Main_Page) .mw-parser-output > blockquote { max-width: 72ch; }
body.page-Main_Page .mw-first-heading { display: none !important; }

.vector-main-menu,
.vector-main-menu .vector-pinnable-element,
.vector-toc,
.vector-page-tools,
.vector-appearance,
.vector-dropdown-content {
  background: var(--du-panel2) !important;
  border: 1px solid var(--du-edge) !important;
  border-radius: 9px !important;
  box-shadow: var(--du-psh) !important;
  color: var(--du-text) !important;
}
.vector-main-menu .vector-menu-heading,
.vector-toc .vector-pinnable-header-label,
.vector-page-tools .vector-pinnable-header-label,
.vector-menu-heading {
  color: var(--du-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}
html[dir="rtl"] .vector-main-menu .vector-menu-heading,
html[dir="rtl"] .vector-toc .vector-pinnable-header-label,
html[dir="rtl"] .vector-page-tools .vector-pinnable-header-label,
html[dir="rtl"] .vector-menu-heading { letter-spacing: normal; }
.vector-main-menu a,
.vector-toc a,
.vector-page-tools a,
.vector-menu-content-list a {
  border-radius: 7px;
  color: var(--du-text) !important;
}
.vector-main-menu a:hover,
.vector-toc a:hover,
.vector-page-tools a:hover,
.vector-menu-content-list a:hover,
.vector-toc-list-item-active > .vector-toc-link {
  background: var(--du-fade) !important;
  text-decoration: none !important;
}
.vector-toc-numb,
.mw-editsection,
.mw-editsection a,
#siteSub,
.mw-parser-output .mw-empty-elt { color: var(--du-muted) !important; }

.catlinks,
.mw-parser-output .hatnote,
.mw-parser-output blockquote,
.mw-parser-output .quotebox,
.mw-parser-output pre,
.mw-parser-output code {
  background: linear-gradient(180deg, hsl(var(--du-h) calc(55% * var(--du-c)) 50% / .06), hsl(var(--du-h) calc(55% * var(--du-c)) 50% / .14)) !important;
  border: 1px solid var(--du-line) !important;
  border-inline-start: 3px solid hsl(var(--du-h) calc(60% * var(--du-c)) 55%) !important;
  border-radius: 0 !important;
  color: var(--du-text) !important;
  box-shadow: inset 0 1px hsl(var(--du-h) calc(80% * var(--du-c)) 92% / .4) !important;
}
.mw-parser-output pre,
.mw-parser-output code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: pre-wrap;
}
.wikitable,
.mw-parser-output table {
  background: var(--du-panel) !important;
  border-color: var(--du-line) !important;
  color: var(--du-text) !important;
}
.wikitable th,
.wikitable td,
.mw-parser-output table th,
.mw-parser-output table td { border-color: var(--du-line) !important; }
.wikitable th,
.mw-parser-output table th { background: var(--du-panel2) !important; color: var(--du-muted) !important; }

.mw-footer-container,
.mw-footer,
#footer {
  background: transparent !important;
  border-top: 0 !important;
  box-shadow: none !important;
  color: var(--du-muted) !important;
}
.mw-footer a,
#footer a { color: var(--du-text) !important; text-decoration: none; }
.mw-footer a:hover,
#footer a:hover { color: var(--du-link) !important; text-decoration: underline; }
#footer-icons,
#footer-poweredbyico { display: none !important; }
#footer-places,
#footer-info,
.dw-footer-links {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
  list-style: none;
  padding: 0 !important;
}
#footer-places li,
#footer-info li,
.dw-footer-links li { margin: 0 !important; }
#footer-info,
#footer-info li { color: var(--du-muted) !important; }
#footer-info-lastmod { display: none !important; }
#footer-info-copyright { font-size: 12px !important; color: var(--du-muted) !important; }

/* Main Page portal classes used by Plan 007 wikitext. */
.dw-mainpage {
  max-width: 1120px;
  margin-inline: auto;
  color: var(--du-text);
}
.dw-mainpage * { box-sizing: border-box; }
.dw-hero {
  position: relative;
  overflow: hidden;
  background: var(--du-star), var(--du-noise), var(--du-chrome);
  border: 1px solid var(--du-edge);
  border-radius: 9px;
  box-shadow: var(--du-bev), var(--du-psh);
  padding: clamp(28px, 4vw, 54px);
  margin: 0 0 18px;
}
.dw-hero h1 {
  margin: 0 0 12px;
  max-width: 780px;
  color: var(--du-text) !important;
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.045em;
}
html[dir="rtl"] .dw-hero h1 { letter-spacing: normal; line-height: 1.08; }
.dw-hero p {
  max-width: 720px;
  margin: 0 0 22px;
  color: var(--du-text);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  line-height: 1.45;
}
html[dir="rtl"] .dw-hero p { line-height: 1.75; }
.dw-button,
.dw-button-wrap a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 7px;
  border: 1px solid var(--du-edge);
  background: var(--du-prim);
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800;
  text-shadow: 0 1px rgb(0 0 0 / .35);
  box-shadow: var(--du-bev);
}
.dw-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 16px;
}
.dw-card {
  position: relative;
  min-height: 156px;
  background: var(--du-panel);
  border: 1px solid var(--du-edge);
  border-radius: 9px;
  box-shadow: var(--du-psh);
  padding: 18px;
}
.dw-card:hover { box-shadow: var(--du-psh), var(--du-glow); }
.dw-card h2 {
  margin: 10px 0 8px !important;
  border: 0 !important;
  color: var(--du-text) !important;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.18;
}
.dw-card p { margin: 0 0 14px; color: var(--du-muted); }
.dw-card .dw-cta { color: var(--du-link) !important; font-weight: 800; }
.dw-stretch,
.dw-card > a:last-child,
.dw-cardlink a {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: 9px;
  overflow: hidden;
  text-indent: -9999px;
}
.dw-stretch:focus,
.dw-card > a:last-child:focus,
.dw-cardlink a:focus {
  outline: 3px solid hsl(var(--du-h) calc(80% * var(--du-c)) 55%);
  outline-offset: 3px;
}
.dw-tile {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--du-face);
  border: 1px solid var(--du-edge);
  box-shadow: var(--du-bev);
  color: var(--du-glyph);
  font-size: 18px;
  font-weight: 900;
  text-shadow: var(--du-gsh);
}
.dw-crosslinks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  margin: 16px 0;
  padding: 16px 18px;
  background: var(--du-panel2);
  border: 1px solid var(--du-edge);
  border-radius: 9px;
  color: var(--du-muted);
}
body.page-Main_Page .dw-crosslinks { display: none !important; }
.dw-crosslinks a { font-weight: 700; text-decoration: none; }
.dw-note { color: var(--du-muted); margin: 16px 0 0; }
html[dir="rtl"] .dw-mainpage { text-align: right; }
html[dir="rtl"] .dw-grid { direction: rtl; }
html[dir="rtl"] .dw-card { text-align: right; }


/* Main Page: suppress stock Vector controls so the approved portal board owns the page. */
body.page-Main_Page .mw-body-header,
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .vector-page-toolbar,
body.page-Main_Page .vector-appearance,
body.page-Main_Page .vector-column-end,
body.page-Main_Page .mw-table-of-contents-container {
  display: none !important;
}
body.page-Main_Page .mw-page-container-inner {
  display: block !important;
}
body.page-Main_Page .mw-content-container,
body.page-Main_Page .mw-body {
  max-width: 1120px !important;
  margin-inline: auto !important;
}
body.page-Main_Page .mw-body {
  padding: clamp(18px, 2vw, 28px) !important;
}
.dw-mainpage a.external,
.dw-mainpage a.external:visited {
  background-image: none !important;
  padding-inline-end: 0 !important;
}
.dw-button-wrap a,
.dw-button-wrap a.external,
.dw-button-wrap a.external:visited {
  background: var(--du-prim) !important;
  color: #fff !important;
  text-decoration: none !important;
  min-width: 220px !important;
  padding-inline: 28px !important;
}
.dw-cardlink a,
.dw-cardlink a.external,
.dw-cardlink a.external:visited {
  background: transparent !important;
  padding: 0 !important;
}
.dw-crosslinks a.external,
.dw-crosslinks a.external:visited {
  background: transparent !important;
  padding-inline-end: 0 !important;
}

@media (max-width: 900px) {
  .mw-page-container { margin-top: 10px !important; }
  .mw-body { padding: 16px !important; }
  .dw-grid { grid-template-columns: 1fr; }
  .dw-hero { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* IMPLEMENTAUDIT wiki-ui-polish 2026-06-18: non-main Vector polish.
   Owner-gated payload only. Keep EN/AR synchronized. */
.duglobal.du-chrome{position:sticky;top:0;z-index:80;width:100%;margin:0;padding:0;border-radius:0;border-bottom:0}
.duglobal{position:sticky;top:0;z-index:80}
.duglobal::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--du-line);z-index:1}
.duglobal *{box-sizing:border-box}
.duglobal-in{box-sizing:border-box;width:100%;max-width:min(1660px,94vw);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:14px;padding-block:11px 0;padding-inline:clamp(16px,3vw,24px)}
.duglobal .brand{grid-column:1;justify-self:start;align-self:center;display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--du-text);text-shadow:var(--du-tsh);font-weight:800;min-height:44px;min-width:0;flex:0 0 auto}
.duglobal .brand .crest{width:42px;height:42px;border-radius:50%;background:var(--du-panel);border:1px solid var(--du-edge);box-shadow:var(--du-bev);display:block;object-fit:cover;overflow:hidden;flex:0 0 auto}
.duglobal .brand .wm{font-size:15px;letter-spacing:0;white-space:nowrap}
:root,[data-du-mode="light"]{--du-tabidle:hsl(var(--du-h) calc(30% * var(--du-c)) 90%);--du-tabidle-top:hsl(var(--du-h) calc(36% * var(--du-c)) 95%)}
[data-du-mode="dark"]{--du-tabidle:hsl(var(--du-h) calc(22% * var(--du-c)) 19%);--du-tabidle-top:hsl(var(--du-h) calc(22% * var(--du-c)) 25%)}
.duglobal .switch{grid-column:2;justify-self:center;align-self:end;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:5px;min-width:0;overflow:visible;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
.duglobal .switch>a{align-self:flex-end;position:relative;z-index:2;padding:0 14px;height:34px;border:1px solid var(--du-edge);border-bottom:0;border-radius:9px 9px 0 0;background:var(--du-face);color:var(--du-text);text-shadow:var(--du-tsh);text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;white-space:nowrap;line-height:1}
.duglobal .switch>a:hover{filter:brightness(1.04)}
.duglobal .switch>a[aria-current="page"]{z-index:6;height:46px;font-weight:800;background:var(--du-panel);box-shadow:var(--du-chbev)}
.duglobal .switch>a[aria-current="page"]::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--du-panel);z-index:5}
.duglobal .switch>a .ic{width:15px;height:15px;display:inline-block;flex:0 0 auto;opacity:.86}
.duglobal .switch>a .ic svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.duglobal .brand *,.duglobal .switch>a *,.duglobal .langtog a *{pointer-events:none}
.duglobal .gright{grid-column:3;justify-self:end;align-self:center;display:flex;align-items:center;gap:9px;min-width:0;flex:0 0 auto}
.duglobal .langtog{display:inline-flex;border:1px solid var(--du-edge);border-radius:7px;overflow:hidden;box-shadow:var(--du-bev)}
.duglobal .langtog a{padding:0 12px;height:30px;display:inline-flex;align-items:center;text-decoration:none;background:var(--du-face);color:var(--du-text);text-shadow:var(--du-tsh);font-size:13px;line-height:1}
.duglobal .langtog a + a{border-inline-start:1px solid var(--du-edge)}
.duglobal .langtog a[aria-current="true"]{background:var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0/.3)}
#du-theme-slot{display:inline-flex;position:relative}
.duglobal #du-fab{position:relative;transform:translateY(-1px)}
.duglobal #du-panel{top:calc(100% + 8px)!important;bottom:auto!important;inset-inline-end:0!important}
.duglobal .who{display:inline-flex;align-items:center;gap:7px;padding-inline-start:4px;color:var(--du-muted);font-size:12.5px;max-width:220px;white-space:nowrap;overflow:visible;text-overflow:clip}
.duglobal .who .du-login{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;text-shadow:0 1px 2px rgb(0 0 0 / .6),0 0 1px rgb(0 0 0 / .85);font-weight:900;font-size:14px;line-height:17px;white-space:nowrap;text-decoration:none!important;padding:9px 15px;transform:translateY(-8px);border-radius:12px;border:1px solid var(--du-edge);background:linear-gradient(rgb(0 0 0 / .38),rgb(0 0 0 / .38)),var(--du-prim);box-shadow:var(--du-bev)}
.duglobal .who .du-login:hover{box-shadow:var(--du-bev),var(--du-glow);filter:brightness(1.06)}
.duglobal ~ .vector-header-container #pt-login-2,.duglobal ~ .vector-header-container #pt-login{display:none!important}
body.skin-vector .vector-header-container{z-index:70}
body.skin-vector #p-search{flex:0 1 520px!important;max-width:520px!important;min-width:min(360px,calc(100vw - 32px))!important}
body.skin-vector #searchform{max-width:520px!important;width:100%!important}
body.skin-vector .cdx-search-input{border-radius:8px!important;box-shadow:var(--du-bev)!important;background:var(--du-panel)!important;border-color:var(--du-edge)!important;overflow:hidden}
body.skin-vector #searchInput{background:var(--du-panel)!important;color:var(--du-text)!important;border-color:var(--du-edge)!important;box-shadow:none!important}
html[dir="ltr"] body.skin-vector #searchInput{border-radius:7px 0 0 7px!important}
html[dir="rtl"] body.skin-vector #searchInput{border-radius:0 7px 7px 0!important}
body.skin-vector .cdx-search-input__end-button{background:var(--du-prim)!important;color:#fff!important;border-color:var(--du-edge)!important;text-shadow:0 1px rgb(0 0 0/.35)!important;box-shadow:var(--du-bev)!important;font-weight:800!important}
html[dir="ltr"] body.skin-vector .cdx-search-input__end-button{border-radius:0 7px 7px 0!important}
html[dir="rtl"] body.skin-vector .cdx-search-input__end-button{border-radius:7px 0 0 7px!important}
.vector-pinned-container,#vector-toc-pinned-container,#vector-main-menu-pinned-container,#vector-page-tools-pinned-container,#vector-appearance-pinned-container,.vector-unpinned-container{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
.vector-sticky-pinned-container::after{background:linear-gradient(rgb(0 0 0 / 0),var(--du-bg))!important}
#vector-main-menu-dropdown>.vector-dropdown-content,#vector-page-tools-dropdown>.vector-dropdown-content,#vector-page-titlebar-toc>.vector-dropdown-content{background:var(--du-panel)!important;border:1px solid var(--du-edge)!important;border-radius:10px!important;box-shadow:var(--du-psh),0 10px 28px rgb(0 0 0/.28)!important;padding:0!important;overflow:hidden!important;color:var(--du-text)!important}
#vector-main-menu-dropdown #vector-main-menu,#vector-page-tools-dropdown #vector-page-tools,#vector-page-titlebar-toc .vector-toc{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:var(--du-text)!important}
.vector-main-menu .vector-pinnable-header,.vector-page-tools .vector-pinnable-header,.vector-appearance .vector-pinnable-header{background:linear-gradient(to bottom,rgb(255 255 255/.06),rgb(0 0 0/.06)),var(--du-panel2)!important;border-bottom:1px solid var(--du-line)!important;color:var(--du-text)!important;border-radius:0!important;padding:8px 10px!important}
[data-du-mode="dark"] .vector-main-menu .vector-pinnable-header,[data-du-mode="dark"] .vector-page-tools .vector-pinnable-header,[data-du-mode="dark"] .vector-appearance .vector-pinnable-header{border-bottom-color:hsl(var(--du-h) calc(18% * var(--du-c)) 34%/.55)!important}
.vector-pinnable-header-toggle-button{background:var(--du-face)!important;border:1px solid var(--du-edge)!important;border-radius:6px!important;box-shadow:var(--du-bev)!important;color:var(--du-text)!important;padding:5px 12px!important;min-width:42px!important;min-height:28px!important;line-height:1!important;text-align:center!important;text-transform:none!important;font:800 12px/1.1 var(--du-font,system-ui)!important}
.vector-main-menu .mw-list-item>a,.vector-page-tools .mw-list-item>a,.vector-toc .vector-toc-link{border-radius:7px!important;color:var(--du-text)!important;text-decoration:none!important;min-height:30px!important}
.vector-main-menu .mw-list-item>a:hover,.vector-main-menu .mw-list-item>a:focus-visible,.vector-page-tools .mw-list-item>a:hover,.vector-page-tools .mw-list-item>a:focus-visible,.vector-toc .vector-toc-link:hover,.vector-toc .vector-toc-link:focus-visible{background:var(--du-panel2)!important;outline:2px solid var(--du-link)!important;outline-offset:-2px!important}
.vector-main-menu .mw-list-item.selected>a,.vector-toc .vector-toc-list-item-active>.vector-toc-link{background:var(--du-face)!important;box-shadow:var(--du-bev)!important;color:var(--du-text)!important}
.vector-toc,.vector-appearance{padding:0!important;overflow:hidden!important}
.vector-toc .vector-pinnable-header,.vector-appearance .vector-pinnable-header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:38px!important;padding-inline-end:10px!important}
.vector-toc .vector-pinnable-header-label,.vector-appearance .vector-pinnable-header-label{color:var(--du-muted)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.vector-toc .vector-pinnable-header{border-bottom-color:var(--du-line)!important}
[data-du-mode="dark"] .vector-toc .vector-pinnable-header{border-bottom-color:hsl(var(--du-h) calc(18% * var(--du-c)) 34%/.55)!important}
.vector-toc .vector-toc-list{padding:8px 10px 12px!important}
.vector-toc .vector-toc-list-item{margin:0!important;padding:0!important;min-height:0!important}
.vector-toc .vector-toc-list-item + .vector-toc-list-item{margin-top:4px!important}
.vector-toc .vector-toc-list .vector-toc-list,.vector-toc .vector-toc-list .vector-toc-children,.vector-toc .vector-toc-list-item>ul,.vector-toc .vector-toc-list-item>ol{display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important;min-block-size:0!important}
.vector-toc .vector-toc-link{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;min-height:34px!important;min-block-size:34px!important;block-size:auto!important;height:auto!important;padding:6px 10px 6px 13px!important;line-height:1.22!important;border:1px solid transparent!important;font-size:13.5px!important;font-weight:750!important}
body.skin-vector .vector-toc .vector-toc-list-item .vector-toc-link{box-sizing:border-box!important;min-height:34px!important;min-block-size:34px!important;block-size:auto!important;height:auto!important;padding-block:6px!important;padding-inline:13px 10px!important}
.vector-toc .vector-icon,.vector-toc .mw-ui-icon{display:none!important}
.vector-toc .vector-toc-list-item-active::before,.vector-toc .vector-toc-list-item-active::after,.vector-toc .vector-toc-link::before,.vector-toc .vector-toc-link::after{display:none!important;content:none!important}
.vector-toc .vector-toc-numb,.vector-toc .vector-toc-number{display:none!important}
.vector-toc .vector-toc-text{display:block!important;color:inherit!important;min-height:0!important;padding:0!important;margin:0!important}
.vector-toc .vector-toc-list-item-active>.vector-toc-link{background:linear-gradient(to bottom,hsl(var(--du-h) calc(35% * var(--du-c)) 88%/.92),hsl(var(--du-h) calc(40% * var(--du-c)) 78%/.86))!important;border-color:hsl(var(--du-h) calc(52% * var(--du-c)) 58%/.65)!important;color:#102d3f!important;text-shadow:0 1px rgb(255 255 255/.38)!important;font-weight:850!important;box-shadow:inset 0 1px rgb(255 255 255/.55),0 1px 2px rgb(0 0 0/.12)!important}
[data-du-mode="dark"] .vector-toc .vector-toc-list-item-active>.vector-toc-link{background:linear-gradient(to bottom,hsl(var(--du-h) calc(35% * var(--du-c)) 88%/.94),hsl(var(--du-h) calc(40% * var(--du-c)) 76%/.9))!important;border-color:hsl(var(--du-h) calc(52% * var(--du-c)) 58%/.72)!important;color:#102d3f!important;text-shadow:0 1px rgb(255 255 255/.38)!important;box-shadow:inset 0 1px rgb(255 255 255/.55),0 1px 3px rgb(0 0 0/.32)!important}
.vector-appearance .vector-pinnable-header{min-height:32px!important;padding:6px 10px!important}
.vector-appearance .vector-appearance-text,.vector-appearance .vector-appearance-width{padding:6px 8px!important}
.vector-appearance .vector-appearance-text + .vector-appearance-width{border-top:1px solid var(--du-line)!important}
[data-du-mode="dark"] .vector-appearance .vector-appearance-text + .vector-appearance-width{border-top-color:hsl(var(--du-h) calc(18% * var(--du-c)) 34%/.55)!important}
.vector-appearance .vector-menu-heading{display:block!important;box-sizing:border-box!important;color:var(--du-muted)!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;margin:0 0 4px!important;padding:0 9px!important}
.vector-appearance .vector-menu-content-list{display:grid!important;gap:0!important;margin:0!important;padding:0!important}
.vector-appearance .cdx-radio{position:relative!important;display:block!important;min-height:24px!important;margin:0!important;padding:3px 9px 3px 27px!important;border-radius:6px!important;color:var(--du-text)!important;font-size:12.5px!important;opacity:1!important}
.vector-appearance .cdx-radio:hover{background:var(--du-panel2)!important}
.vector-appearance .cdx-radio::before{content:""!important;position:absolute!important;inline-size:7px!important;block-size:7px!important;inset-inline-start:11px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:999px!important;background:transparent!important;border:1px solid var(--du-edge)!important;box-shadow:inset 0 1px rgb(255 255 255/.35),0 1px 1px rgb(0 0 0/.16)!important}
.vector-appearance .cdx-radio:has(.cdx-radio__input:checked){background:linear-gradient(to bottom,rgb(255 255 255/.08),rgb(0 0 0/.04)),var(--du-panel2)!important;box-shadow:inset 0 1px rgb(255 255 255/.18),0 1px 1px rgb(0 0 0/.08)!important}
.vector-appearance .cdx-radio:has(.cdx-radio__input:checked)::before{background:var(--du-link)!important;border-color:hsl(var(--du-h) calc(64% * var(--du-c)) 44%)!important;box-shadow:inset 0 1px rgb(255 255 255/.55),0 0 0 2px rgb(44 156 210/.12)!important}
.vector-appearance .cdx-radio__label{color:var(--du-text)!important;opacity:1!important;font-size:12.5px!important;font-weight:700!important;line-height:1.1!important}
.vector-appearance .cdx-radio--status-disabled .cdx-radio__label,.vector-appearance .cdx-radio[aria-disabled="true"] .cdx-radio__label,.vector-appearance .cdx-radio:has(input:disabled) .cdx-radio__label{color:var(--du-muted)!important;opacity:.86!important}
.vector-appearance .cdx-radio__icon{display:none!important}
.mw-helplink{color:var(--du-link)!important;font-weight:800!important;text-decoration:none!important}
.mw-helplink:hover{text-decoration:underline!important}
.mw-helplink-icon{opacity:.82!important;filter:none!important}
.vector-page-toolbar{margin-block:12px 20px!important;border-top:1px solid var(--du-line)!important;padding-top:8px!important}
.vector-page-toolbar-container{gap:8px!important;align-items:flex-end!important}
.vector-menu-tabs .vector-menu-content-list{display:flex!important;align-items:flex-end!important;gap:6px!important}
.vector-page-tools-landmark,#vector-page-tools-dropdown{display:flex!important;align-items:flex-end!important;align-self:flex-end!important;margin:0!important;padding:0!important}
.vector-menu-tabs .mw-list-item{display:flex!important;align-items:flex-end!important;margin:0!important}
.vector-menu-tabs .mw-list-item>a,#vector-page-tools-dropdown-label{box-sizing:border-box!important;background:var(--du-face)!important;border:1px solid var(--du-edge)!important;border-radius:8px 8px 0 0!important;box-shadow:var(--du-bev)!important;color:var(--du-text)!important;text-shadow:var(--du-tsh)!important;font-weight:750!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;height:34px!important;margin:0!important;padding:0 12px!important;transform:none!important}
.vector-menu-tabs .mw-list-item.selected>a{height:38px!important;transform:translateY(1px)!important}
#vector-page-tools-dropdown-label{min-width:74px!important;gap:6px!important}
.vector-menu-tabs .mw-list-item.selected>a,#vector-page-tools-dropdown-checkbox:checked~#vector-page-tools-dropdown-label{background:var(--du-panel)!important;color:var(--du-text)!important;box-shadow:var(--du-chbev)!important}
.vector-menu-tabs .mw-list-item>a:focus-visible,#vector-page-tools-dropdown-label:focus-visible{outline:3px solid var(--du-link)!important;outline-offset:2px!important}
.mw-htmlform,.mw-htmlform-ooui,.mw-spcontent,.mw-search-form-wrapper,.searchresults,.mw-search-results-container,.mw-search-result,.mw-history-compareselectedversions,.mw-history-legend,.mw-pager-body,.mw-changeslist,.mw-recentchanges-table,.mw-specialpage-summary,.mw-category,.mw-allpages-table-form,.mw-changeslist-legend,body.skin-vector fieldset{background:var(--du-panel)!important;border:1px solid var(--du-edge)!important;border-radius:9px!important;box-shadow:var(--du-psh)!important;color:var(--du-text)!important;padding:12px!important}
.mw-changeslist-legend *,.mw-changeslist-legend dt,.mw-changeslist-legend dd,body.skin-vector fieldset *{color:var(--du-text)!important}
.mw-rcfilters-spinner{display:none!important}
.mw-rcfilters-head{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;margin:8px 0 14px!important;padding:0!important}
.mw-search-result,.mw-changeslist li,.mw-history-line,.mw-contributions-list li,.mw-pager-body li{background:var(--du-panel2)!important;border:1px solid var(--du-line)!important;border-radius:8px!important;margin-block:7px!important;padding:9px 11px!important;color:var(--du-text)!important}
.mw-changeslist,.mw-recentchanges-table{color:var(--du-text)!important}
.mw-changeslist h4,.mw-changeslist-date{color:var(--du-muted)!important;opacity:.94!important;font-weight:850!important}
.mw-changeslist-line-prefix,.mw-enhanced-rc-nested{color:var(--du-muted)!important;opacity:1!important}
.mw-changeslist abbr,.mw-enhanced-rc abbr,.mw-changeslist .mw-plusminus-pos,.mw-changeslist .mw-plusminus-neg{text-decoration:none!important;font-weight:900!important}
.mw-plusminus-pos{color:hsl(135 76% 46%)!important}.mw-plusminus-neg{color:hsl(6 78% 58%)!important}
.mw-search-result-heading a,.mw-changeslist a,.mw-history-line a,.mw-contributions-list a,.mw-pager-body a{color:var(--du-link)!important}
.mw-rcfilters-ui-filterWrapperWidget,.mw-rcfilters-ui-filterTagMultiselectWidget,.mw-rcfilters-ui-cell,.oo-ui-widget,.oo-ui-popupWidget-popup,.oo-ui-dropdownWidget-handle,.oo-ui-inputWidget-input,.oo-ui-buttonElement-button,.cdx-text-input__input,.cdx-select-vue,.cdx-menu,.cdx-card{background:var(--du-panel)!important;border-color:var(--du-edge)!important;color:var(--du-text)!important;box-shadow:none!important}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,.cdx-button,.mw-ui-button{background:var(--du-face)!important;border-color:var(--du-edge)!important;color:var(--du-text)!important;box-shadow:var(--du-bev)!important;text-shadow:var(--du-tsh)!important}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,.cdx-button:hover,.mw-ui-button:hover{filter:brightness(1.04)!important}
#wpTextbox1{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:55vh!important;background:var(--du-panel)!important;color:var(--du-text)!important;border:1px solid var(--du-edge)!important;border-radius:9px!important;box-shadow:inset 0 1px 2px rgb(0 0 0/.18)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:.95rem!important;line-height:1.55!important;padding:14px!important;resize:vertical!important}
#wpTextbox1[readonly]{cursor:text!important}
#wpTextbox1:focus{outline:3px solid var(--du-link)!important;outline-offset:2px!important}
.mw-permissionerror-badaccess-groups{background:var(--du-panel2)!important;border:1px solid var(--du-line)!important;border-radius:9px!important;color:var(--du-muted)!important;padding:12px!important}
.mw-footer-container{background:transparent!important;border-top:0!important;box-shadow:none!important;color:var(--du-muted)!important;min-height:0!important;padding:0!important;margin-top:24px!important}
#footer.mw-footer,.mw-footer{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:14px clamp(16px,3vw,24px) 20px!important;max-width:min(1660px,94vw)!important;margin-inline:auto!important;color:var(--du-muted)!important}
#footer-info:empty{display:none!important}
#footer-places{justify-content:center!important;gap:8px 12px!important;font-size:13px!important;font-weight:650!important}
#footer-info{justify-content:center!important;gap:8px 12px!important;font-size:12px!important}
#footer-places li{display:inline-flex!important;align-items:center!important;gap:10px!important}
#footer-places li + li::before{content:"·"!important;color:var(--du-muted)!important;opacity:.72!important}
#footer-places a,#footer-info a{color:var(--du-muted)!important;text-decoration:none!important}
#footer-places a:hover,#footer-info a:hover{color:var(--du-link)!important}
html[dir="rtl"] #firstHeading,html[dir="rtl"] .mw-first-heading{font-family:var(--du-font-ar),var(--du-font),system-ui,sans-serif!important;letter-spacing:0!important;line-height:1.15!important;word-break:normal!important;overflow-wrap:normal!important}
html[dir="rtl"] .duglobal .switch>a{letter-spacing:0!important}
@media(max-width:900px){
  .duglobal-in{display:flex;flex-wrap:wrap;align-items:end;gap:8px 10px}
  .duglobal .switch{order:3;flex-basis:100%;height:auto;flex-wrap:wrap;justify-content:center}
  .duglobal .gright{margin-inline-start:auto}.duglobal .switch>a[aria-current="page"]{height:40px}
  body.skin-vector #p-search{min-width:0!important;max-width:100%!important;flex-basis:100%!important}
  .vector-page-toolbar-container{flex-wrap:wrap!important}
}
@media(max-width:560px){
  .duglobal .switch>a{font-size:12.5px;padding:0 10px}.duglobal .brand .wm{display:none}.duglobal .who{max-width:150px}.duglobal .who .du-login{padding:8px 12px;font-size:13px;transform:translateY(-6px)}
  .mw-htmlform,.mw-htmlform-ooui,.mw-spcontent,.mw-search-form-wrapper,.searchresults,.mw-search-results-container,.mw-history-compareselectedversions,.mw-history-legend,.mw-pager-body,.mw-changeslist,.mw-recentchanges-table,.mw-specialpage-summary,.mw-category,.mw-allpages-table-form{padding:10px!important}
  html[dir="rtl"] .mw-changeslist,html[dir="rtl"] .mw-changeslist ul,html[dir="rtl"] .mw-changeslist li{margin-inline:0!important;padding-inline:0!important}
  html[dir="rtl"] .mw-changeslist-line,html[dir="rtl"] .mw-changeslist-line tbody,html[dir="rtl"] .mw-changeslist-line tr,html[dir="rtl"] .mw-changeslist-line td{display:block!important;max-width:100%!important;margin-inline:0!important;padding-inline:0!important}
  html[dir="rtl"] .mw-changeslist-title,html[dir="rtl"] .mw-changeslist-line-inner,html[dir="rtl"] .mw-changeslist-line-inner-comment,html[dir="rtl"] .comment{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
}
@media(max-width:340px){
  .duglobal-in{padding-inline:8px;gap:6px 8px}
  .duglobal .gright{flex:1 1 0;justify-content:flex-end;flex-wrap:wrap;gap:5px 6px;max-width:100%}
  .duglobal .langtog a{padding:0 9px;min-width:31px}
  .duglobal #du-fab{transform:translateY(-1px) scale(.94);transform-origin:center}
  .duglobal .who{max-width:112px;padding-inline-start:0;flex:0 1 auto}
  .duglobal .who .du-login{max-width:112px;padding:7px 9px;font-size:12px;line-height:16px}
}
/* /IMPLEMENTAUDIT wiki-ui-polish 2026-06-18 */

/* IMPLEMENTAUDIT wiki-ui-hotfix 2026-06-18: final cascade guards for footer,
   side-panel seams, Main Page strip, and compact CTAs. Keep EN/AR synchronized. */
html body.page-Main_Page .dw-crosslinks {
  display: none !important;
}

html body .dw-button-wrap a,
html body .dw-button-wrap a.external,
html body .dw-button-wrap a.external:visited {
  min-width: 220px !important;
  padding-inline: 28px !important;
}

html body.skin-vector .vector-main-menu .vector-pinnable-header,
html body.skin-vector .vector-page-tools .vector-pinnable-header,
html body.skin-vector .vector-appearance .vector-pinnable-header,
html body.skin-vector .vector-toc .vector-pinnable-header {
  border-bottom-color: var(--du-line) !important;
}

html[data-du-mode="dark"] body.skin-vector .vector-main-menu .vector-pinnable-header,
html[data-du-mode="dark"] body.skin-vector .vector-page-tools .vector-pinnable-header,
html[data-du-mode="dark"] body.skin-vector .vector-appearance .vector-pinnable-header,
html[data-du-mode="dark"] body.skin-vector .vector-toc .vector-pinnable-header,
html[data-du-mode="dark"] body.skin-vector .vector-appearance .vector-appearance-text + .vector-appearance-width {
  border-color: hsl(var(--du-h) calc(18% * var(--du-c)) 34% / .55) !important;
}

html body.skin-vector .vector-pinnable-header-toggle-button {
  min-width: 48px !important;
  min-height: 28px !important;
  padding: 5px 12px !important;
  line-height: 1.1 !important;
}

html body.skin-vector .vector-toc .vector-icon,
html body.skin-vector .vector-toc .mw-ui-icon,
html body.skin-vector .vector-toc .vector-toc-toggle {
  display: none !important;
}

html body.skin-vector .vector-toc .vector-toc-list-item-active::before,
html body.skin-vector .vector-toc .vector-toc-list-item-active::after,
html body.skin-vector .vector-toc .vector-toc-link::before,
html body.skin-vector .vector-toc .vector-toc-link::after {
  content: none !important;
  display: none !important;
}

html body.skin-vector .vector-toc .vector-toc-list-item-active > .vector-toc-link {
  box-shadow: inset 0 1px rgb(255 255 255 / .55), 0 1px 2px rgb(0 0 0 / .12) !important;
}

html[data-du-mode="dark"] body.skin-vector .vector-toc .vector-toc-list-item-active > .vector-toc-link {
  box-shadow: inset 0 1px rgb(255 255 255 / .55), 0 1px 3px rgb(0 0 0 / .32) !important;
}

html body.skin-vector .mw-footer-container {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  margin-top: 28px !important;
  padding: 0 !important;
  background: var(--du-panel2) !important;
  border-top: 1px solid var(--du-edge) !important;
  box-shadow: none !important;
  color: var(--du-muted) !important;
}

html body.skin-vector #footer.mw-footer,
html body.skin-vector .mw-footer {
  width: 100% !important;
  max-width: min(1660px, 94vw) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 16px clamp(16px, 3vw, 24px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--du-muted) !important;
  text-align: center !important;
}

html body.skin-vector #footer-info,
html body.skin-vector #footer-places {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px 11px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.skin-vector #footer-places {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

html body.skin-vector #footer-info {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

html body.skin-vector #footer-info-lastmod,
html body.skin-vector #footer-info-viewcount {
  display: none !important;
}

html body.skin-vector #footer-info-copyright {
  display: inline-flex !important;
  color: var(--du-muted) !important;
}

html body.skin-vector #footer-places li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
}

html body.skin-vector #footer-places li + li::before {
  content: "·" !important;
  margin-inline-end: 11px !important;
  color: var(--du-muted) !important;
  opacity: .55 !important;
  font-weight: 700 !important;
}

html body.skin-vector #footer-places a,
html body.skin-vector #footer-info a {
  color: var(--du-muted) !important;
  font-size: inherit !important;
  text-decoration: none !important;
}

html body.skin-vector #footer-places a:hover,
html body.skin-vector #footer-info a:hover {
  color: var(--du-link) !important;
}

@media (max-width: 560px) {
  html body.skin-vector #footer.mw-footer,
  html body.skin-vector .mw-footer {
    padding-block: 14px !important;
  }
}
/* /IMPLEMENTAUDIT wiki-ui-hotfix 2026-06-18 */

/* IMPLEMENTAUDIT wiki-ui-hotfix-r3 2026-06-18: visual cleanup after live
   screenshot readback; keep the TOC rail flush and footer order canonical. */
html body .vector-toc .vector-toc-toggle,
html body .vector-toc button.vector-toc-toggle,
html body .vector-toc .cdx-button.vector-toc-toggle {
  position: absolute !important;
  inline-size: 0 !important;
  block-size: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

html body .vector-toc .vector-toc-list-item {
  overflow: hidden !important;
}

html body .mw-footer-container {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  margin-top: 28px !important;
  padding: 0 !important;
  background: var(--du-panel2) !important;
  border-top: 1px solid var(--du-edge) !important;
  box-shadow: none !important;
}

html body #footer.mw-footer,
html body .mw-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: min(1660px, 94vw) !important;
  margin: 0 auto !important;
  padding: 16px clamp(16px, 3vw, 24px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #footer-places {
  order: 1 !important;
}

html body #footer-info {
  order: 2 !important;
  margin-top: 6px !important;
}
/* /IMPLEMENTAUDIT wiki-ui-hotfix-r3 2026-06-18 */

/* IMPLEMENTAUDIT wiki-special-chrome-hotfix 2026-06-18: special-page chrome
   final guards for Vector/Codex generated widgets, menu padding, and seam-free
   wiki inner header under the site-wide URETHANE nav. */
html body.skin-vector {
  --background-color-interactive: var(--du-panel2) !important;
  --border-color-base: var(--du-edge) !important;
  --border-color-subtle: var(--du-line) !important;
  --border-color-muted: var(--du-line) !important;
  --box-shadow-color-base: rgb(0 0 0 / .22) !important;
}

html[data-du-mode="dark"] body.skin-vector {
  --background-color-interactive: hsl(var(--du-h) calc(18% * var(--du-c)) 18%) !important;
  --border-color-base: hsl(var(--du-h) calc(20% * var(--du-c)) 31% / .78) !important;
  --border-color-subtle: hsl(var(--du-h) calc(18% * var(--du-c)) 34% / .55) !important;
  --border-color-muted: hsl(var(--du-h) calc(18% * var(--du-c)) 34% / .55) !important;
  --box-shadow-color-base: rgb(0 0 0 / .5) !important;
}

html body.skin-vector .duglobal + .vector-header-container,
html body.skin-vector .duglobal + .vector-header-container .mw-header,
html body.skin-vector .duglobal + .vector-header-container .vector-sticky-header {
  background: transparent !important;
  border-bottom-color: var(--du-line) !important;
  box-shadow: none !important;
}

html body.skin-vector .duglobal + .vector-header-container .mw-header {
  min-height: 45px !important;
  padding-block: 5px !important;
}

html body.skin-vector .duglobal + .vector-header-container .mw-logo-icon {
  border-radius: 50% !important;
}

html body.skin-vector .mw-body-header,
html body.skin-vector .vector-page-titlebar,
html body.skin-vector .vector-page-toolbar,
html body.skin-vector .vector-page-toolbar-container,
html body.skin-vector .vector-page-titlebar::before,
html body.skin-vector .vector-page-titlebar::after,
html body.skin-vector .vector-page-toolbar::before,
html body.skin-vector .vector-page-toolbar::after {
  border-color: var(--du-line) !important;
  box-shadow: none !important;
}

html[data-du-mode="dark"] body.skin-vector .mw-body-header,
html[data-du-mode="dark"] body.skin-vector .vector-page-titlebar,
html[data-du-mode="dark"] body.skin-vector .vector-page-toolbar,
html[data-du-mode="dark"] body.skin-vector .vector-page-toolbar-container,
html[data-du-mode="dark"] body.skin-vector .vector-page-titlebar::before,
html[data-du-mode="dark"] body.skin-vector .vector-page-titlebar::after,
html[data-du-mode="dark"] body.skin-vector .vector-page-toolbar::before,
html[data-du-mode="dark"] body.skin-vector .vector-page-toolbar::after {
  border-color: hsl(var(--du-h) calc(18% * var(--du-c)) 34% / .55) !important;
}

html body.skin-vector .vector-menu-heading,
html body.skin-vector .vector-appearance .vector-menu-heading,
html body.skin-vector .vector-page-tools .vector-menu-heading,
html body.skin-vector .vector-main-menu .vector-menu-heading {
  border-color: var(--du-line) !important;
  border-bottom-color: var(--du-line) !important;
  box-shadow: none !important;
  padding-inline: 12px !important;
}

html[data-du-mode="dark"] body.skin-vector .vector-menu-heading,
html[data-du-mode="dark"] body.skin-vector .vector-appearance .vector-menu-heading,
html[data-du-mode="dark"] body.skin-vector .vector-page-tools .vector-menu-heading,
html[data-du-mode="dark"] body.skin-vector .vector-main-menu .vector-menu-heading {
  border-color: hsl(var(--du-h) calc(18% * var(--du-c)) 34% / .55) !important;
  border-bottom-color: hsl(var(--du-h) calc(18% * var(--du-c)) 34% / .55) !important;
}

html body.skin-vector .vector-main-menu .vector-menu-content-list,
html body.skin-vector #vector-main-menu-dropdown .vector-menu-content-list {
  padding: 10px 12px 12px !important;
}

html body.skin-vector .vector-main-menu .mw-list-item > a,
html body.skin-vector #vector-main-menu-dropdown .mw-list-item > a {
  display: flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 6px 10px !important;
  line-height: 1.25 !important;
}

html body.skin-vector #vector-main-menu-dropdown > .vector-dropdown-content,
html body.skin-vector #vector-page-tools-dropdown > .vector-dropdown-content,
html body.skin-vector #vector-page-titlebar-toc > .vector-dropdown-content,
html body.skin-vector .vector-appearance,
html body.skin-vector .vector-toc,
html body.skin-vector #mw-panel-toc {
  border-color: var(--du-edge) !important;
  box-shadow: var(--du-psh), 0 10px 28px rgb(0 0 0 / .18) !important;
}

html[data-du-mode="dark"] body.skin-vector #vector-main-menu-dropdown > .vector-dropdown-content,
html[data-du-mode="dark"] body.skin-vector #vector-page-tools-dropdown > .vector-dropdown-content,
html[data-du-mode="dark"] body.skin-vector #vector-page-titlebar-toc > .vector-dropdown-content,
html[data-du-mode="dark"] body.skin-vector .vector-appearance,
html[data-du-mode="dark"] body.skin-vector .vector-toc,
html[data-du-mode="dark"] body.skin-vector #mw-panel-toc {
  border-color: hsl(var(--du-h) calc(20% * var(--du-c)) 31% / .78) !important;
  box-shadow: var(--du-psh), 0 10px 28px rgb(0 0 0 / .35) !important;
}

html body.skin-vector .vector-pinnable-header-toggle-button {
  min-width: 56px !important;
  padding-inline: 14px !important;
}

html body.skin-vector .mw-htmlform,
html body.skin-vector .mw-htmlform-ooui,
html body.skin-vector .mw-spcontent,
html body.skin-vector .mw-search-form-wrapper,
html body.skin-vector .searchresults,
html body.skin-vector .mw-search-results-container,
html body.skin-vector .mw-search-result,
html body.skin-vector .mw-history-compareselectedversions,
html body.skin-vector .mw-history-legend,
html body.skin-vector .mw-pager-body,
html body.skin-vector .mw-changeslist,
html body.skin-vector .mw-recentchanges-table,
html body.skin-vector .mw-specialpage-summary,
html body.skin-vector .mw-category,
html body.skin-vector .mw-allpages-table-form,
html body.skin-vector .mw-changeslist-legend,
html body.skin-vector .oo-ui-fieldsetLayout,
html body.skin-vector .oo-ui-panelLayout,
html body.skin-vector .oo-ui-panelLayout-framed,
html body.skin-vector fieldset {
  background: var(--du-panel) !important;
  border-color: var(--du-edge) !important;
  box-shadow: var(--du-psh) !important;
}

html[data-du-mode="dark"] body.skin-vector .mw-htmlform,
html[data-du-mode="dark"] body.skin-vector .mw-htmlform-ooui,
html[data-du-mode="dark"] body.skin-vector .mw-spcontent,
html[data-du-mode="dark"] body.skin-vector .mw-search-form-wrapper,
html[data-du-mode="dark"] body.skin-vector .searchresults,
html[data-du-mode="dark"] body.skin-vector .mw-search-results-container,
html[data-du-mode="dark"] body.skin-vector .mw-search-result,
html[data-du-mode="dark"] body.skin-vector .mw-history-compareselectedversions,
html[data-du-mode="dark"] body.skin-vector .mw-history-legend,
html[data-du-mode="dark"] body.skin-vector .mw-pager-body,
html[data-du-mode="dark"] body.skin-vector .mw-changeslist,
html[data-du-mode="dark"] body.skin-vector .mw-recentchanges-table,
html[data-du-mode="dark"] body.skin-vector .mw-specialpage-summary,
html[data-du-mode="dark"] body.skin-vector .mw-category,
html[data-du-mode="dark"] body.skin-vector .mw-allpages-table-form,
html[data-du-mode="dark"] body.skin-vector .mw-changeslist-legend,
html[data-du-mode="dark"] body.skin-vector .oo-ui-fieldsetLayout,
html[data-du-mode="dark"] body.skin-vector .oo-ui-panelLayout,
html[data-du-mode="dark"] body.skin-vector .oo-ui-panelLayout-framed,
html[data-du-mode="dark"] body.skin-vector fieldset {
  border-color: hsl(var(--du-h) calc(20% * var(--du-c)) 31% / .78) !important;
  box-shadow: var(--du-psh) !important;
}

html body.skin-vector .oo-ui-inputWidget-input,
html body.skin-vector .oo-ui-textInputWidget input,
html body.skin-vector .cdx-text-input__input,
html body.skin-vector input[type="search"],
html body.skin-vector input[type="text"],
html body.skin-vector textarea,
html body.skin-vector select {
  border-color: var(--du-edge) !important;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / .14) !important;
}

html[data-du-mode="dark"] body.skin-vector .oo-ui-inputWidget-input,
html[data-du-mode="dark"] body.skin-vector .oo-ui-textInputWidget input,
html[data-du-mode="dark"] body.skin-vector .cdx-text-input__input,
html[data-du-mode="dark"] body.skin-vector input[type="search"],
html[data-du-mode="dark"] body.skin-vector input[type="text"],
html[data-du-mode="dark"] body.skin-vector textarea,
html[data-du-mode="dark"] body.skin-vector select {
  border-color: hsl(var(--du-h) calc(20% * var(--du-c)) 31% / .78) !important;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / .32) !important;
}

html body.skin-vector #du-fab {
  position: relative !important;
}

html body.skin-vector > div:has(> #du-fab) {
  position: fixed !important;
  right: 14px !important;
  left: auto !important;
  bottom: 14px !important;
  z-index: 9998 !important;
}
/* /IMPLEMENTAUDIT wiki-special-chrome-hotfix 2026-06-18 */

/* Keep the floating theme panel inside the viewport in RTL. */
html body.skin-vector #du-panel {
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  left: auto !important;
  right: 0 !important;
  width: min(248px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
}

/* IMPLEMENTAUDIT Plan014 2026-06-19: mobile wiki header/touch guards and footer content-box overflow fix. Keep EN/AR synchronized. */
html body #footer.mw-footer,
html body .mw-footer {
  box-sizing: border-box !important;
}

@media (max-width: 560px) {
  .duglobal .switch>a {
    min-height: 44px !important;
    height: 44px !important;
  }

  .duglobal .switch>a[aria-current="page"] {
    min-height: 46px !important;
    height: 46px !important;
  }

  .duglobal .gright {
    gap: 6px !important;
    max-width: calc(100% - 50px) !important;
  }

  .duglobal .langtog a {
    min-height: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding-inline: 10px !important;
    justify-content: center !important;
  }

  .duglobal .who {
    max-width: none !important;
    min-width: 0 !important;
    padding-inline-start: 0 !important;
    overflow: visible !important;
  }

  .duglobal .who .du-login {
    min-height: 44px !important;
    max-width: none !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 18px !important;
    transform: none !important;
  }
}

@media (max-width: 340px) {
  .duglobal .gright {
    flex: 1 1 100% !important;
    justify-content: center !important;
    max-width: 100% !important;
  }

  .duglobal .who,
  .duglobal .who .du-login {
    max-width: none !important;
  }
}

/* IMPLEMENTAUDIT 2026-06-19: honor Vector Appearance controls inside Dawah article skin. */
html.vector-feature-custom-font-size-clientpref-0 body.skin-vector:not(.page-Main_Page){
  --du-wiki-reader-font:.94rem;
  --du-wiki-reader-line:1.55;
  --du-wiki-title-font:1.72rem;
  --du-wiki-h2-font:1.34rem;
  --du-wiki-h3-font:1.14rem;
}
html.vector-feature-custom-font-size-clientpref-1 body.skin-vector:not(.page-Main_Page){
  --du-wiki-reader-font:1rem;
  --du-wiki-reader-line:var(--du-body-lh);
  --du-wiki-title-font:1.8rem;
  --du-wiki-h2-font:1.48rem;
  --du-wiki-h3-font:1.2rem;
}
html.vector-feature-custom-font-size-clientpref-2 body.skin-vector:not(.page-Main_Page){
  --du-wiki-reader-font:1.12rem;
  --du-wiki-reader-line:1.68;
  --du-wiki-title-font:2.02rem;
  --du-wiki-h2-font:1.66rem;
  --du-wiki-h3-font:1.34rem;
}
body.skin-vector:not(.page-Main_Page) .mw-parser-output p,
body.skin-vector:not(.page-Main_Page) .mw-parser-output li,
body.skin-vector:not(.page-Main_Page) .mw-parser-output dd,
body.skin-vector:not(.page-Main_Page) .mw-parser-output td,
body.skin-vector:not(.page-Main_Page) .mw-parser-output th{
  font-size:var(--du-wiki-reader-font,1rem)!important;
  line-height:var(--du-wiki-reader-line,var(--du-body-lh))!important;
}
body.skin-vector:not(.page-Main_Page) .mw-first-heading,
body.skin-vector:not(.page-Main_Page) .mw-page-title-main{font-size:var(--du-wiki-title-font,1.8rem)!important;}
body.skin-vector:not(.page-Main_Page) .mw-parser-output h2{font-size:var(--du-wiki-h2-font,1.48rem)!important;}
body.skin-vector:not(.page-Main_Page) .mw-parser-output h3{font-size:var(--du-wiki-h3-font,1.2rem)!important;}
html.vector-feature-limited-width-clientpref-1 body.skin-vector:not(.page-Main_Page){
  --du-wiki-shell-max:1280px;
  --du-wiki-reader-measure:72ch;
}
html.vector-feature-limited-width-clientpref-0 body.skin-vector:not(.page-Main_Page){
  --du-wiki-shell-max:none;
  --du-wiki-reader-measure:none;
}
body.skin-vector:not(.page-Main_Page) .mw-page-container{max-width:var(--du-wiki-shell-max,1280px)!important;}
body.skin-vector:not(.page-Main_Page) .mw-parser-output>p,
body.skin-vector:not(.page-Main_Page) .mw-parser-output>ul,
body.skin-vector:not(.page-Main_Page) .mw-parser-output>ol,
body.skin-vector:not(.page-Main_Page) .mw-parser-output>blockquote{max-width:var(--du-wiki-reader-measure,72ch)!important;}
#vector-user-links-dropdown.vector-user-menu-logged-out{display:none!important;}
@media(max-width:700px){
  body.skin-vector:not(.page-Main_Page) #skin-client-prefs-vector-feature-limited-width{display:none!important;}
}

/* ============================================================
   SHARED SINGLE-BAR NAV (matches dawah.wiki homepage) — scoped .dw-wikinav
   Replaces the old .duglobal wiki bar. Branded band (left) + shared tools
   (right): compress->expand products, EN|ع, split theme orb, login.
   ============================================================ */
.dw-wikinav{position:relative;z-index:5;width:100%;background:var(--du-noise),var(--du-chrome);box-shadow:var(--du-chbev);color:var(--du-text);text-shadow:var(--du-tsh)}
html[data-du-glass="flat"] .dw-wikinav{background:var(--du-chrome)}
.dw-wikinav::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--du-line);z-index:3}
.dw-wikinav .dw-headin{position:relative;padding-inline:max(24px,calc((100vw - 1680px)/2 + 24px));padding-top:12px;padding-bottom:0}
.dw-wikinav .dw-band{display:flex;align-items:flex-end;gap:22px;min-height:61px}
.dw-wikinav .brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none;align-self:flex-end;margin:0 0 6px 0}
.dw-wikinav .brand img{box-sizing:border-box;width:52px;height:52px;object-fit:contain;border-radius:50%;background:var(--du-panel);border:1px solid var(--du-edge);box-shadow:var(--du-psh);filter:contrast(1.05) saturate(1.05);flex:0 0 auto}
.dw-wikinav .brand-title{font-size:24px;font-weight:900;letter-spacing:-.055em;line-height:1;color:var(--du-text);text-shadow:var(--du-tsh)}
.dw-wikinav .brand-subtitle{margin-top:5px;color:var(--du-muted);font-size:12.5px;font-weight:500;text-shadow:none}
.dw-wikinav .brand *{pointer-events:none}

/* shared tools cluster, right side, glass seam aligned to the band seam */
.dw-wikinav .navtools{display:flex;align-items:center;gap:13px;margin-inline-start:auto;flex:0 0 auto;align-self:center;transform:translateY(-7.5px)}
.dw-wikinav .seg{display:inline-flex;align-items:stretch;background:var(--du-face);border:1px solid var(--du-edge);border-radius:10px;box-shadow:var(--du-bev);overflow:hidden;flex:0 0 auto}
.dw-wikinav .seg>a{position:relative;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;text-decoration:none;color:var(--du-glyph,var(--du-text));text-shadow:var(--du-gsh,var(--du-tsh));font-size:13.5px;font-weight:600;white-space:nowrap;border-inline-start:1px solid var(--du-edge)}
.dw-wikinav .seg>a:first-child{border-inline-start:0}
.dw-wikinav .seg>a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:0 0 auto}
.dw-wikinav .seg>a:hover{background:hsl(var(--du-h) calc(48% * var(--du-c)) 60% / .14)}
.dw-wikinav .seg>a[aria-current="page"]{background:var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0/.3)}
.dw-wikinav .seg>a:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--du-link)}
.dw-wikinav .seg>a *{pointer-events:none}
.dw-wikinav .seg.compact>a{padding:0 13px;height:40px;font-size:13px}
.dw-wikinav .seg.icons>a{width:48px;padding:0;overflow:hidden;transition:width .22s cubic-bezier(.2,.7,.2,1)}
.dw-wikinav .seg.icons>a .ic{position:absolute;inset-inline-start:0;top:0;width:48px;height:100%;display:grid;place-items:center;flex:0 0 auto}
.dw-wikinav .seg.icons>a .ic svg{width:20px;height:20px;display:block}
.dw-wikinav .seg.icons>a .lbl{padding-inline-start:48px;padding-inline-end:16px;white-space:nowrap;opacity:0;transition:opacity .15s ease .03s}
.dw-wikinav .seg.icons>a:hover,.dw-wikinav .seg.icons>a:focus-visible,.dw-wikinav .seg.icons>a[aria-current="page"]{width:134px}
.dw-wikinav .seg.icons>a:hover .lbl,.dw-wikinav .seg.icons>a:focus-visible .lbl,.dw-wikinav .seg.icons>a[aria-current="page"] .lbl{opacity:1}
.dw-wikinav .langseg>a[lang="ar"]{font-size:15px}
.dw-wikinav #du-theme-slot{display:inline-flex;flex:0 0 auto}
.dw-wikinav .who{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.dw-wikinav .who .du-login{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--du-edge);background:linear-gradient(rgb(0 0 0 / .30),rgb(0 0 0 / .30)),var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0/.3);font-weight:800;font-size:13.5px;text-decoration:none;box-shadow:var(--du-bev)}
.dw-wikinav .who .du-login:hover{box-shadow:var(--du-bev),var(--du-glow);filter:brightness(1.06)}
/* orb panel must open downward from the top bar */
.dw-wikinav #du-panel{top:calc(100% + 8px)!important;bottom:auto!important;inset-inline-end:0!important}
/* hide Vector's own login (the bar carries it) */
.dw-wikinav ~ .vector-header-container #pt-login-2,.dw-wikinav ~ .vector-header-container #pt-login{display:none!important}

/* THEME ORB TILE (split light/dark accent sphere) */
.du-theme-tile{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--du-face);box-shadow:var(--du-bev);border:1px solid var(--du-edge);flex:0 0 auto;cursor:pointer;padding:0}
.du-theme-tile:hover{box-shadow:var(--du-bev),var(--du-glow);filter:brightness(1.04)}
.du-theme-tile:focus-visible{outline:none;box-shadow:var(--du-bev),0 0 0 3px var(--du-link)}
.du-theme-tile.mini{width:34px;height:34px;border-radius:9px}
.du-theme-orb{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;flex:0 0 auto;border:1px solid hsl(var(--du-h) calc(58% * var(--du-c)) 32%);box-shadow:0 1px 2px rgb(0 0 0 / .3);background:linear-gradient(180deg, hsl(var(--du-h) calc(36% * var(--du-c)) 91%), hsl(var(--du-h) calc(56% * var(--du-c)) 74%) 46%, hsl(var(--du-h) calc(80% * var(--du-c)) 50%) 80%, hsl(var(--du-h) calc(86% * var(--du-c)) 44%)) left/50% 100% no-repeat, linear-gradient(180deg, hsl(var(--du-h) calc(28% * var(--du-c)) 15%), hsl(var(--du-h) calc(42% * var(--du-c)) 24%) 46%, hsl(var(--du-h) calc(80% * var(--du-c)) 42%) 80%, hsl(var(--du-h) calc(86% * var(--du-c)) 36%)) right/50% 100% no-repeat}
.du-theme-tile.mini .du-theme-orb{width:22px;height:22px}
.du-theme-orb::before{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1.5px;transform:translateX(-50%);border-radius:2px;z-index:3;background:rgb(255 255 255 / .62);box-shadow:0 0 3px rgb(255 255 255 / .4)}
.du-theme-orb::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(52% 40% at 35% 19%, rgb(255 255 255 / .8), rgb(255 255 255 / .12) 42%, transparent 62%),radial-gradient(125% 95% at 50% 128%, rgb(0 0 0 / .45), transparent 52%);box-shadow:inset 0 1px 1px rgb(255 255 255 / .5), inset 0 -5px 8px rgb(0 0 0 / .38)}

.dubot{display:none}
.dumore{display:contents}
/* MOBILE (<=900px): brand-only bar + fixed bottom nav + More sheet */
@media(max-width:900px){
  .dw-wikinav .desktoponly{display:none!important}
  .dw-wikinav .dw-band{min-height:0;gap:10px}
  .dw-wikinav .brand-subtitle{display:none}
  .dw-wikinav .brand img{width:40px;height:40px}
  .dw-wikinav .brand-title{font-size:19px}
  body.skin-vector{padding-bottom:calc(58px + max(6px,env(safe-area-inset-bottom)))}
  .dubot{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:60;align-items:stretch;background:var(--du-noise),var(--du-chrome);box-shadow:var(--du-chbev);border-top:1px solid var(--du-edge);padding-bottom:max(6px,env(safe-area-inset-bottom));color:var(--du-text);text-shadow:var(--du-tsh)}
  .dubot .botcell{flex:1 1 0;min-width:44px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px 4px;text-decoration:none;color:var(--du-glyph,var(--du-text));text-shadow:var(--du-gsh,var(--du-tsh));position:relative;border-inline-start:1px solid hsl(var(--du-h) calc(30% * var(--du-c)) 60% / .22);background:transparent;font:inherit;cursor:pointer;list-style:none}
  .dubot .botcell::-webkit-details-marker{display:none}
  .dubot>.botcell:first-child,.dubot>.dumore:first-child .botcell{border-inline-start:0}
  .dubot .botcell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
  .dubot .botcell .t{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}
  .dubot .botcell[aria-current="page"]{color:var(--du-link)}
  .dubot .botcell[aria-current="page"]::before{content:"";position:absolute;top:0;inset-inline:20%;height:3px;border-radius:0 0 3px 3px;background:var(--du-prim)}
  .dubot .botcell:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--du-link)}
  .dubot .botcell *{pointer-events:none}
  .dumore{display:flex;flex:1 1 0;position:static}
  .dumore>summary{flex:1 1 0;display:flex;list-style:none}
  .dumore>summary .botcell{width:100%}
  .dumore[open]>summary .botcell{color:var(--du-link)}
  .dumore[open]::before{content:"";position:fixed;inset:0;z-index:62;background:rgb(0 0 0 / .38)}
  .dumore .sheet{position:fixed;inset-inline:8px;bottom:calc(60px + max(6px,env(safe-area-inset-bottom)));z-index:64;background:var(--du-panel);border:1px solid var(--du-edge);border-radius:14px;box-shadow:var(--du-psh),0 -8px 30px rgb(0 0 0/.3);padding:9px;text-shadow:var(--du-tsh)}
  .dumore .shead{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--du-muted);padding:5px 10px 3px}
  .dumore .sgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:5px}
  .dumore .srow{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border-radius:10px;text-decoration:none;color:var(--du-text);text-shadow:var(--du-tsh);font-size:12px;font-weight:600;min-height:60px;justify-content:center;background:var(--du-face);box-shadow:var(--du-bev);border:1px solid var(--du-edge)}
  .dumore .srow svg{width:22px;height:22px;fill:none;stroke:var(--du-glyph,var(--du-text));stroke-width:1.7}
  .dumore .srow[aria-current="page"]{background:var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0/.3)}
  .dumore .srow[aria-current="page"] svg{stroke:#fff}
  .dumore .sdiv{height:1px;background:var(--du-line);margin:9px 4px}
  .dumore .sutil{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px 3px}
  .dumore .sutil .lab{font-size:12.5px;color:var(--du-muted);font-weight:600}
  .dumore .sheet .seg{display:inline-flex;align-items:stretch;background:var(--du-face);border:1px solid var(--du-edge);border-radius:9px;box-shadow:var(--du-bev);overflow:hidden;flex:0 0 auto}
  .dumore .sheet .seg>a{display:inline-flex;align-items:center;height:34px;padding:0 14px;text-decoration:none;color:var(--du-glyph,var(--du-text));text-shadow:var(--du-gsh,var(--du-tsh));font-size:13px;font-weight:600;white-space:nowrap;border-inline-start:1px solid var(--du-edge)}
  .dumore .sheet .seg>a:first-child{border-inline-start:0}
  .dumore .sheet .seg>a[aria-current="page"]{background:var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0/.3)}
  .dumore .sheet .seg.langseg>a[lang="ar"]{font-size:15px}
}
@media (prefers-reduced-motion: reduce){.dw-wikinav .seg.icons>a{transition:none}}
مجلوبة من «https://ar.dawah.wiki/index.php?title=ميدياويكي:Common.css&oldid=69»