ميدياويكي:Common.css: الفرق بين النسختين
DawahAgent (نقاش | مساهمات) wiki UI footer/panel/Main Page hotfix (owner approved 2026-06-18) |
DawahAgent (نقاش | مساهمات) wiki UI footer/panel/Main Page hotfix r2 (owner approved 2026-06-18) |
||
| سطر ٧٩٢: | سطر ٧٩٢: | ||
} | } | ||
/* /IMPLEMENTAUDIT wiki-ui-polish 2026-06-18 */ | /* /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 */ | |||
مراجعة ١٣:٣٥، ١٨ يونيو ٢٠٢٦
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
/* ============================================================
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;
}
:root:lang(ar), [lang="ar"], [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 */