/* WPS 2026 — shared site shell for the inner pages: navbar, mobile menu, footer and the
   floating calendar, copied from the homepage stylesheets (mockups/assets/css/wps.css +
   inner.css) so these components look and behave exactly like the homepage.
   Tokens are pinned on the shell elements with the homepage's values, so the inner pages'
   own theme tokens can't shift the shell's colours. Regenerate if the homepage shell changes. */
.nav, .mobile-menu, .foot, .fab-reg{--bg:#F7FAFD;--bg-deep:#EDF2F8;--brd:#E0E9F4;--ease:cubic-bezier(.22,.7,.2,1);--f-m:'museo_sans',Tahoma,system-ui,sans-serif;--glass:rgba(255,255,255,.72);--glass-hi:rgba(255,255,255,.92);--ink:#16213A;--shell:1240px;--w40:#7C8BA3;--w55:#5A6B85;--wps-dark:#023689;--wps-deep:#0E3178;--wps-light:#009DD9}
html[data-theme="dark"] :is(.nav, .mobile-menu, .foot, .fab-reg){--bg:#07061A;--bg-deep:#040312;--brd:rgba(255,255,255,.1);--glass:rgba(255,255,255,.05);--glass-hi:rgba(255,255,255,.08);--ink:#131230;--w40:rgba(255,255,255,.4);--w55:rgba(255,255,255,.55)}

.nav{position:fixed;top:16px;left:0;right:0;z-index:100;padding:0 20px;transition:top .4s var(--ease),padding .4s var(--ease)}
.nav.is-stuck{top:0;padding:0}
.nav__pill{max-width:var(--shell);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 24px;border-radius:999px;background:rgba(7,6,26,.4);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease),max-width .4s var(--ease),border-radius .4s var(--ease),padding .4s var(--ease)}
.nav.is-stuck .nav__pill{max-width:100vw;border-radius:0;padding:10px 24px;background:rgba(255,255,255,.9);border-color:#D7E2F0;box-shadow:0 18px 42px rgba(20,71,156,.1),0 0 24px rgba(0,157,217,.04)}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.brand img{height:30px;width:auto}
.brand .logo-on-light{display:none}
.nav.is-stuck .brand .logo-on-dark{display:none}
.nav.is-stuck .brand .logo-on-light{display:block}
.brand__sep{width:1px;height:22px;background:rgba(255,255,255,.22);transition:background .4s var(--ease)}
.nav.is-stuck .brand__sep{background:rgba(22,33,58,.16)}
.brand__dp{display:flex;align-items:center}
.nav__links{display:flex;align-items:center;gap:26px;font-weight:600;font-size:14px;color:rgba(255,255,255,.75);transition:color .4s var(--ease)}
.nav__links a{position:relative;padding:4px 0;white-space:nowrap;transition:color .25s var(--ease)}
@media (min-width:1181px){
  .nav__pill{gap:14px;padding:10px 18px}
  .nav__links{gap:13px;font-size:13px}
}
.nav__links a:hover{color:#fff}
.nav.is-stuck .nav__links{color:#3A4A66}
.nav.is-stuck .nav__links a:hover{color:var(--ink)}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--wps-light);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.nav__links a:hover::after, .nav__links a:focus-visible::after{transform:scaleX(1)}
.nav__links a[aria-current="page"]{color:#fff}
.nav.is-stuck .nav__links a[aria-current="page"]{color:var(--ink)}
.nav__links a[aria-current="page"]::after{transform:scaleX(1)}
.nvi{position:relative;display:inline-flex;align-items:center}
.nvi__car{font-style:normal;font-size:8px;margin-left:5px;color:rgba(255,255,255,.4);transition:transform .25s var(--ease)}
.nvi:hover .nvi__car, .nvi:focus-within .nvi__car{transform:rotate(180deg)}
.nvi__dd{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,8px);min-width:200px;padding:8px;border-radius:14px;background:rgba(10,9,32,.94);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 42px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;z-index:110}
.nvi__dd::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.nvi:hover .nvi__dd, .nvi:focus-within .nvi__dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nvi__dd span, .nvi__dd a{display:block;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:600;color:rgba(255,255,255,.72);cursor:pointer;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease)}
.nvi__dd span:hover, .nvi__dd a:hover, .nvi__dd a:focus-visible{background:rgba(255,255,255,.08);color:#fff}
.nav.is-stuck .nvi__dd{background:rgba(255,255,255,.96);border-color:#D7E2F0;box-shadow:0 18px 42px rgba(20,71,156,.14)}
.nav.is-stuck .nvi__dd span, .nav.is-stuck .nvi__dd a{color:#3A4A66}
.nav.is-stuck .nvi__dd span:hover, .nav.is-stuck .nvi__dd a:hover, .nav.is-stuck .nvi__dd a:focus-visible{background:rgba(20,71,156,.07);color:var(--ink)}
.nav.is-stuck .nvi__car{color:rgba(58,74,102,.55)}
.nav__end{display:flex;align-items:center;gap:16px}
.foot{position:relative;background:var(--bg-deep);color:var(--w55);padding:clamp(48px,5vw,64px) 28px 40px}
.foot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(0,157,217,.35) 50%,transparent 100%);
  box-shadow:0 0 12px rgba(0,157,217,.15)}
.foot__grid{max-width:var(--shell);margin:0 auto;display:grid;grid-template-columns:1.45fr 1fr 1fr 1.25fr auto;gap:clamp(30px,3.2vw,48px);padding-bottom:44px;border-bottom:1px solid rgba(22,33,58,.1)}
.foot h4{color:#2C3A55;font-family:var(--f-m);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:14px}
.foot__contact-p{font-size:14px;color:var(--w55);margin-bottom:11px}
.foot a{color:var(--w55);transition:color .25s var(--ease)}
.foot a:hover{color:var(--wps-deep)}
.foot__logo img{height:36px;width:auto}
.foot__brand{display:flex;align-items:center;gap:16px}
.foot__sep{width:1px;height:26px;background:rgba(22,33,58,.14)}
.foot__dp{display:flex;align-items:center}
.foot__dp img{height:32px;width:auto}
.foot__org a{display:inline-block}
.foot__org-logo{height:72px;width:auto;display:block}
.foot__org-logo--dark{display:none}
html[data-theme="dark"] .foot__org-logo--light{display:none}
html[data-theme="dark"] .foot__org-logo--dark{display:block}
.foot__p{font-size:14px;line-height:1.65;max-width:320px;margin:22px 0 14px}
.foot__d{font-family:var(--f-m);font-size:11.5px;color:var(--w40);letter-spacing:.06em}
.social{display:flex;gap:10px;margin-top:22px}
.social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(22,33,58,.18);display:flex;align-items:center;justify-content:center;color:#3A4A66;transition:all .25s var(--ease)}
.social a svg{width:16px;height:16px;fill:currentColor;display:block}
.social a:hover{background:var(--wps-light);border-color:var(--wps-light);color:#04243c;box-shadow:0 0 12px rgba(0,157,217,.2)}
.foot__podcast{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.foot__podcast-label{font-family:var(--f-m);font-size:9.5px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#2C3A55}
.foot__podcast-links{display:flex;gap:8px}
.foot__podcast-links a{width:32px;height:32px;border-radius:50%;border:1px solid rgba(22,33,58,.18);display:flex;align-items:center;justify-content:center;color:#3A4A66;transition:all .25s var(--ease)}
.foot__podcast-links svg{width:15px;height:15px;fill:currentColor;display:block}
.foot__podcast-links a:hover{background:var(--wps-light);border-color:var(--wps-light);color:#04243c;box-shadow:0 0 12px rgba(0,157,217,.2)}
[dir="rtl"] .foot__podcast-label{letter-spacing:0;text-transform:none}
.foot__bar{max-width:var(--shell);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:28px;font-family:var(--f-m);font-size:11px;letter-spacing:.05em;color:var(--w40)}
.fab-reg{position:fixed;top:84px;right:22px;z-index:90;display:flex;flex-direction:column;align-items:center;width:106px;padding:0;border-radius:16px;background:#fff;border:1px solid rgba(20,71,156,.14);box-shadow:0 18px 40px rgba(20,71,156,.3),0 4px 14px rgba(0,0,0,.14);text-align:center;transform:scale(1.1);transform-origin:top right;transition:transform .3s var(--ease),box-shadow .55s var(--ease),background .55s var(--ease),border-color .55s var(--ease)}
.fab-reg.is-closed{background:transparent;border:none;box-shadow:none;width:auto;padding:0}
.fab-reg::before, .fab-reg::after{content:"";position:absolute;z-index:2;top:-5px;width:9px;height:13px;border-radius:5px;background:#CCD6E6;box-shadow:0 2px 4px rgba(0,0,0,.18);pointer-events:none}
.fab-reg::before{left:18px}
.fab-reg::after{right:18px}
.fab-reg:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 22px 46px rgba(20,71,156,.36),0 6px 18px rgba(0,0,0,.18)}
.fab-reg__head{display:block;position:relative;z-index:1;width:100%;padding:12px 0;border-radius:16px;background:linear-gradient(135deg,var(--wps-dark),var(--wps-light));color:#fff;font-family:var(--f-m);font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:border-radius .55s var(--ease),padding .55s var(--ease)}
.fab-reg.is-closed .fab-reg__head{border-radius:16px;padding:12px 18px}
.fab-reg:not(.is-closed) .fab-reg__head{border-radius:16px 16px 0 0;padding:8px 0 7px}
.fab-reg__head::after{content:"";position:absolute;left:12px;right:12px;bottom:0;border-bottom:1.5px dashed rgba(255,255,255,.4);opacity:0;transition:opacity .3s var(--ease)}
.fab-reg:not(.is-closed) .fab-reg__head::after{opacity:1;transition:opacity .3s var(--ease) .25s}
.fab-reg__body{display:grid;grid-template-rows:1fr;width:100%;transition:grid-template-rows .6s var(--ease)}
.fab-reg__body-in{overflow:hidden;min-height:0;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;transition:opacity .35s var(--ease),transform .45s var(--ease)}
.fab-reg.is-closed .fab-reg__body{grid-template-rows:0fr}
.fab-reg.is-closed .fab-reg__body-in{opacity:0;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.fab-reg__num{margin-top:9px;font-family:var(--f-m);font-size:28px;font-weight:800;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.fab-reg__lbl{font-family:var(--f-m);font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--w55);margin:4px 0 9px;white-space:nowrap}
.fab-reg__go{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:calc(100% - 16px);background:#023689;color:#fff;font-weight:800;font-size:10.5px;border-radius:999px;padding:7px 8px;transition:background .25s var(--ease)}
.fab-reg:hover .fab-reg__go{background:#0B4BAE}
.fab-reg .ar{display:inline-block;transition:transform .25s var(--ease)}
.fab-reg:hover .ar{transform:translateX(3px)}
.lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);transition:border-color .4s var(--ease),background .4s var(--ease)}
.lang__b{padding:6px 11px;border-radius:999px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6);transition:all .25s var(--ease)}
.nav__end .lang[aria-label="Language"] .lang__b{min-width:54px;text-align:center}
.lang__b:hover{color:#fff}
.lang__b[aria-pressed="true"]{background:rgba(255,255,255,.14);color:#fff}
.nav.is-stuck .lang{border-color:rgba(22,33,58,.14);background:rgba(22,33,58,.04)}
.nav.is-stuck .lang__b{color:#5A6B85}
.nav.is-stuck .lang__b:hover{color:var(--ink)}
.nav.is-stuck .lang__b[aria-pressed="true"]{background:rgba(20,71,156,.1);color:var(--wps-dark)}
@media (max-width:760px){
  .fab-reg{top:72px;right:14px;min-width:68px;padding:7px 9px 6px;border-radius:11px}
  .fab-reg__num{font-size:15px}
  .fab-reg__lbl{font-size:7px;margin:2px 0 5px}
  .fab-reg__go{font-size:10px;padding:4px 7px}
}
@media (max-width:480px){
  .lang__b{padding:5px 8px;font-size:10.5px}
}
.foot ul a{position:relative}
.foot ul a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.foot ul a:hover::after{transform:scaleX(1)}
@media (max-width:1180px){
  .nav__links{display:none}
}
@media (max-width:1080px){
  .foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .nav{top:10px;padding:0 12px}
  .nav__pill{padding:9px 14px 9px 18px}
  .brand img{height:24px}
  .brand{gap:10px}
  .foot__grid{grid-template-columns:1fr}
}
html[data-theme="dark"] .nav.is-stuck .nav__pill{background:rgba(7,6,26,.82);border-color:rgba(255,255,255,.14);box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 28px rgba(0,157,217,.05)}
html[data-theme="dark"] .nav.is-stuck .brand .logo-on-dark{display:block}
html[data-theme="dark"] .nav.is-stuck .brand .logo-on-light{display:none}
html[data-theme="dark"] .nav.is-stuck .brand__sep{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .nav.is-stuck .nav__links{color:rgba(255,255,255,.75)}
html[data-theme="dark"] .nav.is-stuck .nav__links a:hover{color:#fff}
html[data-theme="dark"] .nav.is-stuck .nav__links a[aria-current="page"]{color:#fff}
html[data-theme="dark"] .nav.is-stuck .nvi__car{color:rgba(255,255,255,.4)}
html[data-theme="dark"] .nav.is-stuck .nvi__dd{background:rgba(10,9,32,.94);border-color:rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(0,0,0,.45)}
html[data-theme="dark"] .nav.is-stuck .nvi__dd span, html[data-theme="dark"] .nav.is-stuck .nvi__dd a{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .nav.is-stuck .nvi__dd span:hover, html[data-theme="dark"] .nav.is-stuck .nvi__dd a:hover, html[data-theme="dark"] .nav.is-stuck .nvi__dd a:focus-visible{background:rgba(255,255,255,.08);color:#fff}
html[data-theme="dark"] .nav.is-stuck .lang{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
html[data-theme="dark"] .nav.is-stuck .lang__b{color:rgba(255,255,255,.6)}
html[data-theme="dark"] .nav.is-stuck .lang__b:hover{color:#fff}
html[data-theme="dark"] .nav.is-stuck .lang__b[aria-pressed="true"]{background:rgba(255,255,255,.14);color:#fff}
html[data-theme="dark"] .foot::before{background:linear-gradient(90deg,transparent 0%,rgba(0,157,217,.38) 50%,transparent 100%);box-shadow:0 0 14px rgba(0,157,217,.2)}
html[data-theme="dark"] .foot__grid{border-bottom:1px solid rgba(255,255,255,.08)}
html[data-theme="dark"] .foot h4{color:rgba(255,255,255,.85)}
html[data-theme="dark"] .foot a:hover{color:var(--wps-light)}
html[data-theme="dark"] .foot__sep{background:rgba(255,255,255,.14)}
html[data-theme="dark"] .social a{border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.8)}
html[data-theme="dark"] .fab-reg{border-color:rgba(255,255,255,.16);box-shadow:0 10px 30px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.3)}
html[data-theme="dark"] .fab-reg:hover{box-shadow:0 14px 36px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.32)}
html[data-theme="dark"] .fab-reg::before, html[data-theme="dark"] .fab-reg::after{background:#3A4A66}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;
  border-radius:12px;border:1px solid var(--brd);background:var(--glass);cursor:pointer;padding:0 10px}
.burger span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--ease),opacity .25s var(--ease)}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:99;background:var(--bg);padding:96px 24px 40px;
  overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}
.mobile-menu h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--w40);margin:22px 0 10px}
.mobile-menu a{display:block;padding:11px 0;font-size:17px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--brd)}
html[data-theme="dark"] .mobile-menu a{color:#fff}
@media (max-width:1180px){
  .burger{display:flex;margin-left:auto}
  .nav__pill{gap:10px;padding:8px 10px 8px 16px}
  .nav__end{gap:8px}
}
@media (max-width:560px){
  .nav__end .lang[aria-label="Language"]{display:none}
  .brand__dp{display:none}
}
.nav-contact-item{position:relative;padding:4px 0;transition:color .25s var(--ease)}
.nav-contact-item::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;
  background:var(--wps-light);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.nav-contact-item:hover::after{transform:scaleX(1)}
.nav-p50{position:relative;padding:4px 0;transition:color .25s var(--ease)}
.nav-p50::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--wps-light);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.nav-p50:hover::after{transform:scaleX(1)}
@media (max-width:560px){
  .brand__sep{display:none!important}
}
.mobile-menu.is-open ~ .nav .nav__pill, .nav:has(~ .mobile-menu.is-open) .nav__pill{background:var(--glass-hi);border-color:var(--brd)}
html:not([data-theme="dark"]) .mobile-menu.is-open{background:var(--bg)}
html:not([data-theme="dark"]) body:has(.mobile-menu.is-open) .nav__pill{background:rgba(255,255,255,.96);border-color:var(--brd)}
html:not([data-theme="dark"]) body:has(.mobile-menu.is-open) .logo-on-dark{display:none}
html:not([data-theme="dark"]) body:has(.mobile-menu.is-open) .logo-on-light{display:block}
html:not([data-theme="dark"]) body:has(.mobile-menu.is-open) .lang__b{color:var(--ink)}
html:not([data-theme="dark"]) body:has(.mobile-menu.is-open) .burger{color:var(--ink)}
@media (max-width:560px){
  .brand__sep{display:none}
  html[data-theme="dark"] .brand__dp{display:none}
}
@media (max-width:760px){
  .fab-reg{position:fixed;inset:auto 0 0 0;flex-direction:row;align-items:center;
    justify-content:center;gap:11px;width:100%;min-width:0;border-radius:0;
    padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px));
    background:var(--wps-dark);border:0;
    transform:none;opacity:1;box-shadow:0 -10px 26px rgba(20,71,156,.26)}
  .fab-reg:hover{transform:none}
  .fab-reg::before, .fab-reg::after, .fab-reg__head{display:none}
  .fab-reg.is-closed{width:100%;background:var(--wps-dark);padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 26px rgba(20,71,156,.26)}
  .fab-reg__body, .fab-reg__body-in{display:contents}
  html[data-theme="dark"] .fab-reg{border-width:1px 0 0 0}
  .fab-reg__num{font-size:17px;margin-top:0;color:#fff}
  .fab-reg__lbl{margin:0;font-size:8px;color:rgba(255,255,255,.55)}
  .fab-reg__go{width:auto;padding:7px 17px;font-size:11.5px}
  .foot__bar{padding-bottom:96px}
}
.lang__b[aria-pressed="true"]{background:var(--wps-dark);color:#fff}
html[data-theme="dark"] .lang__b[aria-pressed="true"]{background:rgba(255,255,255,.16);color:#fff}

/* footer: legal links in the bottom bar */
.foot__legal{display:inline-flex;flex-wrap:wrap;gap:6px 22px}
.foot__legal a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.foot__legal a:hover,.foot__legal a:focus-visible{color:#009DD9;border-bottom-color:currentColor}

/* ---------- Brand lockup (assets/Logo/WPS-logo.svg) ----------
   One SVG now carries WPS + divider + Dubai Police, replacing the old four-image
   block. The .logo-on-dark / .logo-on-light classes are kept on the nav pair so
   every existing swap rule (nav.is-stuck, dark theme, mobile-menu-open) keeps
   working untouched. Height comes from .brand img / .foot__logo img.
   The footer uses its own classes so the global mobile-menu rules can't reach it. */
.brand__lock{display:block;width:auto}
.foot__lock{display:block;width:auto;height:34px}
.foot__lock--dark{display:none}
html[data-theme="dark"] .foot__lock--light{display:none}
html[data-theme="dark"] .foot__lock--dark{display:block}

/* ---------- Social icon hover ----------
   .social sits inside .foot, so `.foot a:hover` (0,2,1) and its dark variant
   `html[data-theme="dark"] .foot a:hover` (0,3,2) both outranked `.social a:hover`
   (0,2,1) and won `color` — while `.social a:hover` still won `background`. In dark
   that painted the glyph --wps-light on a --wps-light circle: contrast 1.00, the
   icon disappeared entirely. Scoping to `.foot .social` lifts these above the
   generic footer link rule in both themes. */
.foot .social a:hover{background:var(--wps-light);border-color:var(--wps-light);
  color:#04243c;box-shadow:0 0 12px rgba(0,157,217,.2)}
html[data-theme="dark"] .foot .social a:hover{background:var(--wps-light);
  border-color:var(--wps-light);color:#04243c}
/* Approved 2026 navigation structure: nine desktop items plus compact utility controls. */
.nav__pill{max-width:min(1560px,calc(100vw - 40px));gap:12px;padding-inline:18px}
.nav.is-stuck .nav__pill{max-width:100vw}
.nav__links{flex:1;justify-content:center;gap:clamp(7px,.72vw,14px);font-size:clamp(11.5px,.82vw,13px);min-width:0}
.nav__end{gap:8px;flex-shrink:0}
.brand img{height:28px}
.theme-toggle,.language-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.76);transition:color .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}
.theme-toggle{padding:0;cursor:pointer}
.theme-toggle:hover,.language-link:hover{color:#fff;background:rgba(255,255,255,.12)}
.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle__sun{display:none}
html[data-theme="dark"] .theme-toggle__sun{display:block}
html[data-theme="dark"] .theme-toggle__moon{display:none}
.language-link{width:auto;min-width:42px;padding:0 10px;font-size:11.5px;font-weight:800;white-space:nowrap}
.nav.is-stuck :is(.theme-toggle,.language-link){border-color:rgba(22,33,58,.14);background:rgba(22,33,58,.04);color:#5A6B85}
.nav.is-stuck :is(.theme-toggle,.language-link):hover{color:var(--ink);background:rgba(20,71,156,.1)}
html[data-theme="dark"] .nav.is-stuck :is(.theme-toggle,.language-link){border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:rgba(255,255,255,.72)}
html[data-theme="dark"] .nav.is-stuck :is(.theme-toggle,.language-link):hover{color:#fff;background:rgba(255,255,255,.12)}
[dir="rtl"] .nvi__car{margin-left:0;margin-right:5px}
[dir="rtl"] .nvi__dd{text-align:right}
.mobile-menu__utility{margin-top:24px;padding-top:8px}
.mobile-menu__utility a{color:var(--wps-dark)}
html[data-theme="dark"] .mobile-menu__utility a{color:var(--wps-light)}
@media (min-width:1101px) and (max-width:1366px){
  .nav__pill{gap:9px;padding-inline:14px}
  .nav__links{gap:7px;font-size:11.5px}
  .brand img{height:26px}
  .theme-toggle,.language-link{height:32px;flex-basis:32px}
  .theme-toggle{width:32px}
  .language-link{width:auto;min-width:38px;padding-inline:8px;font-size:10.5px}
  .nvi__car{margin-left:3px}
  [dir="rtl"] .nvi__car{margin-left:0;margin-right:3px}
}
@media (min-width:1101px) and (max-width:1180px){
  .nav__links{display:flex}
  .burger{display:none}
}
@media (max-width:1100px){
  .nav__links{display:none}
  .burger{display:flex;margin-left:auto}
  [dir="rtl"] .burger{margin-left:0;margin-right:auto}
}
@media (max-width:560px){
  .nav__end .language-link{display:none}
}
html[data-theme="dark"] .foot__podcast-label{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .foot__podcast-links a{border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.8)}
html[data-theme="dark"] .foot .foot__podcast-links a:hover{background:var(--wps-light);border-color:var(--wps-light);color:#fff}