/* ============================================================
   DAWAH.WIKI — ONE canonical site nav. Served from
   https://dawah.wiki/assets/nav.css and loaded IDENTICALLY by home,
   md/gallery/qamus, and the en/ar wikis. Single source of truth:
   change it here, every surface changes together. Prefix: .dwn
   Consumes URETHANE --du-* tokens already present on every surface.
   ============================================================ */

/* self-hosted Inter (cross-origin from dawah.wiki; CORS-enabled) */
@font-face{font-family:"Inter";src:url("https://dawah.wiki/assets/fonts/Inter-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("https://dawah.wiki/assets/fonts/Inter-SemiBold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("https://dawah.wiki/assets/fonts/Inter-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("https://dawah.wiki/assets/fonts/Inter-ExtraBold.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("https://dawah.wiki/assets/fonts/Inter-Black.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap}

@property --du-h{syntax:"<number>";inherits:true;initial-value:205}
@property --du-c{syntax:"<number>";inherits:true;initial-value:1}
.dwn,.dwn *{box-sizing:border-box}
.dwn{position:relative;z-index:50;width:100%;margin:0;padding:0;border:0;background:var(--du-noise),var(--du-chrome);box-shadow:var(--du-chbev);color:var(--du-text);text-shadow:var(--du-tsh);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-du-glass="flat"] .dwn{background:var(--du-chrome)}
.dwn::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--du-line);z-index:3}
.dwn-in{width:100%;min-height:74px;display:flex;align-items:flex-end;gap:22px;padding-top:12px;padding-bottom:0;padding-inline:max(24px,calc((100vw - 1680px) / 2 + 24px))}

/* brand: logo + title + subtitle, sits at the bottom of the bar */
.dwn-brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none;align-self:flex-end;margin:0 0 6px 0;order:0}
.dwn-brand *{pointer-events:none}
.dwn-crest{width:52px;height:52px;border-radius:50%;object-fit:contain;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;display:block}
.dwn-bt{display:flex;flex-direction:column;justify-content:center}
.dwn-title{font-size:24px;font-weight:900;letter-spacing:-.055em;line-height:1;color:var(--du-text);text-shadow:var(--du-tsh);white-space:nowrap}
.dwn-sub{margin-top:6px;color:var(--du-muted);font-size:12.5px;font-weight:500;line-height:1.2;text-shadow:none;white-space:nowrap}

/* tools cluster: products + lang + theme orb + identity, right side, seam-aligned */
.dwn-tools{display:flex;align-items:center;gap:13px;margin-inline-start:auto;align-self:center;flex:0 0 auto;order:1;transform:translateY(-7.5px)}
.dwn-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}
.dwn-seg>a{position:relative;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;text-decoration:none;color:var(--du-on-accent,var(--du-text));text-shadow:var(--du-accent-label-shadow,var(--du-tsh));font-size:13.5px;font-weight:600;white-space:nowrap;border-inline-start:1px solid var(--du-edge)}
.dwn-seg>a:first-child{border-inline-start:0}
.dwn-seg>a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:0 0 auto}
.dwn-seg>a:hover{background:hsl(var(--du-h) calc(48% * var(--du-c)) 60% / .14)}
.dwn-seg>a[aria-current="page"]{background:var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0/.3)}
.dwn-seg>a:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--du-link)}
.dwn-seg>a *{pointer-events:none}
.dwn-seg.compact>a{padding:0 13px;height:44px;font-size:13px}
.dwn-seg.icons>a{width:48px;padding:0;overflow:hidden;transition:width .22s cubic-bezier(.2,.7,.2,1)}
.dwn-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}
.dwn-seg.icons>a .ic svg{width:20px;height:20px;display:block}
.dwn-seg.icons>a .lbl{padding-inline-start:48px;padding-inline-end:16px;white-space:nowrap;opacity:0;transition:opacity .15s ease .03s}
.dwn-seg.icons>a:hover,.dwn-seg.icons>a:focus-visible,.dwn-seg.icons>a[aria-current="page"]{width:134px}
.dwn-seg.icons>a:hover .lbl,.dwn-seg.icons>a:focus-visible .lbl,.dwn-seg.icons>a[aria-current="page"] .lbl{opacity:1}
.dwn-lang>a[lang="ar"]{font-size:15px}
#du-theme-slot{display:inline-flex;flex:0 0 auto}
.dwn-who{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--du-muted);font-size:12.5px;max-width:240px;white-space:nowrap}
.dwn-who img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.dwn-who a{color:var(--du-link);text-decoration:none;font-weight:600}
.du-login{display:inline-flex;align-items:center;height:44px;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!important;text-shadow:0 1px rgb(0 0 0/.3);font-weight:800;font-size:13.5px;text-decoration:none!important;box-shadow:var(--du-bev)}
.du-login:hover{box-shadow:var(--du-bev),var(--du-glow);filter:brightness(1.06)}
/* P1-23: shared full-width mobile-sheet login (SSOT) — overrides any .du-login/.du-login-m in the .dwn-acct sheet */
.dwn-acct .du-login{width:100%;box-sizing:border-box;min-height:44px;justify-content:center}
.du-login-m{width:100%;box-sizing:border-box;justify-content:center;min-height:44px}
/* P1-23: shared .dwn-acct sheet account card (was forum-inline-only) — consistent login width across surfaces */
.dwn-acct{background:var(--du-panel);border:1px solid var(--du-edge);border-radius:12px;box-shadow:var(--du-bev);padding:8px;margin:0 0 6px}
.dwn-acct .acct-sub{display:block;color:var(--du-muted);font-size:11.5px;margin:1px 2px 7px}
/* theme orb tile (mounted by the theme engine into #du-theme-slot) */
.du-theme-tile{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;position:relative;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:0;bottom:0;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)}
.dwn #du-panel,#du-theme-slot #du-panel{top:calc(100% + 8px)!important;bottom:auto!important;inset-inline-end:0!important}

/* mobile bottom-nav + More sheet */
.dwn-bot{display:none}
.dwn-more{display:contents}
@media(max-width:900px){
  .dwn .desktoponly{display:none!important}
  .dwn-in{min-height:0;gap:10px;padding-block:10px}
  .dwn-sub{display:none}
  .dwn-crest{width:40px;height:40px}
  .dwn-title{font-size:20px}
  .dwn-tools{transform:none}
  .dwn-bot{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);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
  .dwn-bot .cell{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-on-accent,var(--du-text));text-shadow:var(--du-accent-label-shadow,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}
  .dwn-bot .cell::-webkit-details-marker{display:none}
  .dwn-bot>.cell:first-child,.dwn-bot>.dwn-more:first-child .cell{border-inline-start:0}
  .dwn-bot .cell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
  .dwn-bot .cell .t{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}
  .dwn-bot .cell[aria-current="page"]{color:var(--du-link)}
  .dwn-bot .cell[aria-current="page"]::before{content:"";position:absolute;top:0;inset-inline:20%;height:3px;border-radius:0 0 3px 3px;background:var(--du-prim)}
  .dwn-bot .cell:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--du-link)}
  .dwn-bot .cell *{pointer-events:none}
  .dwn-more{display:flex;flex:1 1 0;position:static}
  .dwn-more>summary{flex:1 1 0;display:flex;list-style:none}
  .dwn-more>summary .cell{width:100%}
  .dwn-more[open]>summary .cell{color:var(--du-link)}
  .dwn-more[open]::before{content:"";position:fixed;inset:0;z-index:62;background:rgb(0 0 0 / .38)}
  .dwn-more .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)}
  .dwn-more .shead{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--du-muted);padding:5px 10px 3px}
  .dwn-more .sgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:5px}
  .dwn-more .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)}
  .dwn-more .srow svg{width:22px;height:22px;fill:none;stroke:var(--du-on-accent,var(--du-text));stroke-width:1.7}
  .dwn-more .srow[aria-current="page"]{background:var(--du-prim);color:#fff;text-shadow:0 1px rgb(0 0 0/.3)}
  .dwn-more .srow[aria-current="page"] svg{stroke:#fff}
  .dwn-more .sdiv{height:1px;background:var(--du-line);margin:9px 4px}
  .dwn-more .sutil{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px 3px}
  .dwn-more .sutil .lab{font-size:12.5px;color:var(--du-muted);font-weight:600}
  .dwn-more .sheet .dwn-seg{display:inline-flex}
}
@media (prefers-reduced-motion: reduce){.dwn-seg.icons>a{transition:none}}

/* Host skins (MediaWiki) define a:link / a:visited globally and otherwise win
   over the nav's (0,1,1) selectors — pinning link colours above them so the
   products/icons never inherit the wiki link blue or the visited purple. */
.dwn .dwn-seg>a:any-link{color:var(--du-on-accent,var(--du-text))}
.dwn .dwn-seg>a[aria-current="page"]:any-link{color:#fff}
.dwn .dwn-who a:any-link{color:var(--du-link)}
.dwn .du-login:any-link{color:#fff}
.dwn-bot .cell:any-link{color:var(--du-on-accent,var(--du-text))}
.dwn-bot .cell[aria-current="page"]:any-link{color:var(--du-link)}
.dwn-more .srow:any-link{color:var(--du-text)}
.dwn-more .srow[aria-current="page"]:any-link{color:#fff}

/* phpBB (forum) gives <body> a 12px padding-top from its core CSS, which pushes
   the .dwn bar (first child) down. Neutralise it so the bar is flush at the top
   like every other surface. Scoped to #phpbb so it only affects the forum. */
body#phpbb{padding-top:0}

/* The theme orb previews the active glass style: faithful = full 2006 gloss
   (default below), modern = soft subtle depth, flat = flat 2-tone disc. */
html[data-du-glass="modern"] .du-theme-orb{box-shadow:0 1px 3px rgb(0 0 0 / .3);background:linear-gradient(180deg, hsl(var(--du-h) calc(38% * var(--du-c)) 85%), hsl(var(--du-h) calc(56% * var(--du-c)) 67%) 55%, hsl(var(--du-h) calc(76% * var(--du-c)) 53%)) left/50% 100% no-repeat, linear-gradient(180deg, hsl(var(--du-h) calc(30% * var(--du-c)) 21%), hsl(var(--du-h) calc(44% * var(--du-c)) 30%) 55%, hsl(var(--du-h) calc(70% * var(--du-c)) 40%)) right/50% 100% no-repeat}
html[data-du-glass="modern"] .du-theme-orb::after{background:radial-gradient(62% 44% at 40% 24%, rgb(255 255 255 / .3), transparent 68%);box-shadow:inset 0 -2px 5px rgb(0 0 0 / .16)}
html[data-du-glass="flat"] .du-theme-orb{box-shadow:none;border-color:hsl(var(--du-h) calc(42% * var(--du-c)) 42%);background:linear-gradient(180deg, hsl(var(--du-h) calc(42% * var(--du-c)) 80%), hsl(var(--du-h) calc(52% * var(--du-c)) 66%)) left/50% 100% no-repeat, linear-gradient(180deg, hsl(var(--du-h) calc(38% * var(--du-c)) 28%), hsl(var(--du-h) calc(46% * var(--du-c)) 34%)) right/50% 100% no-repeat}
html[data-du-glass="flat"] .du-theme-orb::after{display:none}
html[data-du-glass="flat"] .du-theme-orb::before{box-shadow:none;background:rgb(255 255 255 / .5)}

/* Live-repaint fix for the fixed mobile bottom-nav: modern/2006 glass paints the
   bar as a gradient (background-image), which mobile compositors don't re-rasterise
   when the inherited --du-h changes on a fixed element. Flat works because it's a
   solid background-color, which does repaint. So give the bars a --du-h-driven
   background-color UNDER the opaque gradient: a hue change forces the whole
   background (gradient included) to repaint. Hidden under the gradient otherwise. */
html[data-du-mode="dark"]:not([data-du-glass="flat"]) .dwn,html[data-du-mode="dark"]:not([data-du-glass="flat"]) .dwn-bot{background-color:hsl(var(--du-h) calc(30% * var(--du-c)) 14%)}
html[data-du-mode="light"]:not([data-du-glass="flat"]) .dwn,html[data-du-mode="light"]:not([data-du-glass="flat"]) .dwn-bot{background-color:hsl(var(--du-h) calc(36% * var(--du-c)) 85%)}

/* Arabic ayn in the language toggle sits low in its line box; nudge it up to optically centre. */
.dwn-lang a[lang="ar"] bdi{display:inline-block;transform:translateY(-2px)}
/* ===== SHARED SITE FOOTER (SSOT) - sibling of .dwn. Emitted as
   <footer class="dwn-foot"> by home/md/gallery/qamus + static marketing pages.
   Wiki/forum keep native footers, restyled to match. ===== */
.dwn-foot,.dwn-foot *{box-sizing:border-box}
.dwn-foot{margin-top:28px;border-top:1px solid var(--du-edge,rgba(0,0,0,.14));background:var(--du-panel2,#eef1f4);color:var(--du-muted,#5d6b78);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;line-height:1.2}
.dwn-foot .foot-in{width:100%;padding-block:16px;padding-inline:max(24px,calc((100vw - 1680px) / 2 + 24px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.dwn-foot .foot-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 11px;font-size:13px;font-weight:600}
.dwn-foot .foot-links a,.dwn-foot .foot-links a:any-link{color:var(--du-muted,#5d6b78);text-decoration:none}
.dwn-foot .foot-links a:hover{color:var(--du-link)}
.dwn-foot .foot-links .sep{color:var(--du-muted,#5d6b78);opacity:.55;font-weight:700}
.dwn-foot .foot-end{color:var(--du-muted,#5d6b78);font-size:12px}
/* sticky-footer contract - scoped to surfaces that render .dwn-foot (wiki/forum excluded by design) */
body:not(#phpbb):has(> .dwn-foot){min-height:100dvh;display:flex;flex-direction:column}
body:not(#phpbb):has(> .dwn-foot) > main,body:not(#phpbb):has(> .dwn-foot) > .mw-page-container{flex:1 0 auto}
/* mobile: reserve clearance so the fixed .dwn-bot bottom-nav never occludes the footer */
@media(max-width:900px){body:has(> .dwn-bot){padding-bottom:74px}}

/* Forum: restyle phpBB's copyright footer to read like .dwn-foot (scoped off the .navbar breadcrumb). */
#phpbb #page-footer .copyright{display:none}  /* replaced by the injected shared .dwn-foot */


/* === Canonical logged-in identity primitive (.dwn-user) — SSOT for all surfaces, 2026-06-21 ===
   URETHANE-token chrome (adapts to faithful/2006/modern/flat glass + accent); fixed semantic role tones. */
.dwn-user{display:inline-flex;align-items:center;gap:9px;min-width:0}
.dwn-user-avatar{flex:0 0 auto;display:block;line-height:0}
.dwn-user-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--du-edge);box-shadow:var(--du-bev);display:block;background:var(--du-face)}
.dwn-user-main{display:inline-flex;align-items:center;gap:7px;text-decoration:none;min-width:0}
.dwn-user-name{font-weight:700;color:var(--du-text)!important;text-shadow:var(--du-tsh);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dwn-user-name *{color:var(--du-text)!important}
.dwn-user-role{display:inline-flex;align-items:center;height:18px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.03em;border:1px solid var(--du-edge);background:var(--du-face);box-shadow:var(--du-bev);text-shadow:var(--du-tsh);flex:0 0 auto;white-space:nowrap}
.dwn-user-role[data-role="admin"]{color:#36b56a}
.dwn-user-role[data-role="moderator"]{color:#5ea0e6}
.dwn-user-role[data-role="editor"]{color:var(--du-link)}
.dwn-user-actions{display:inline-flex;align-items:center;margin-inline-start:6px;flex:0 0 auto}
.dwn-user-logout{color:var(--du-muted);text-decoration:none;font-weight:600;font-size:13px;white-space:nowrap}
.dwn-user-logout:hover{color:var(--du-link)}
/* mobile More-sheet account variant */
.dwn-acct .dwn-user{width:100%}
.dwn-acct .dwn-user .dwn-user-main{flex:1 1 auto}
.dwn-acct .dwn-user .dwn-user-actions{margin-inline-start:auto}
.dwn-acct .dwn-user .dwn-user-logout{min-height:38px;display:inline-flex;align-items:center;padding:0 13px;border-radius:9px;border:1px solid var(--du-edge);background:var(--du-face);box-shadow:var(--du-bev);font-size:12.5px}
/* === END .dwn-user === */


/* === P0-08 Arabic + Qur'anic webfonts (BEGIN) — Arabic-scoped via unicode-range; Latin/UI untouched === */
@font-face{font-family:"Noto Naskh Arabic";src:url("https://dawah.wiki/assets/fonts/noto-naskh-arabic-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200F,U+25CC}
@font-face{font-family:"Noto Naskh Arabic";src:url("https://dawah.wiki/assets/fonts/noto-naskh-arabic-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200F,U+25CC}
@font-face{font-family:"Amiri";src:url("https://dawah.wiki/assets/fonts/amiri-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200F,U+25CC}
@font-face{font-family:"Amiri Quran";src:url("https://dawah.wiki/assets/fonts/amiri-quran-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200F,U+25CC}
:root{--du-font-ar:"Noto Naskh Arabic",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--du-font-ar-display:"Amiri","Noto Naskh Arabic",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--du-font-quran:"Amiri Quran","Noto Naskh Arabic",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.dwn :lang(ar){font-family:var(--du-font-ar)}
/* === P0-08 (END) === */