/* VORTEX — طبقة توحيد وتجربة استخدام مشتركة. لا تغيّر الهوية البصرية. */
.vx-skip-link {
  position: fixed; inset-block-start: 10px; inset-inline-start: 10px; z-index: 10000;
  transform: translateY(-160%); padding: 10px 16px; border-radius: 10px;
  background: var(--ds-accent-hi, #76e5fd); color: #04151c;
  font: 700 14px/1.4 var(--ds-font, "IBM Plex Sans Arabic", sans-serif);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.vx-skip-link:focus { transform: translateY(0); outline: 3px solid #fff; outline-offset: 3px; }
#main-content { scroll-margin-top: calc(var(--ds-header-h, 68px) + 18px); }
.site-nav a[aria-current="page"], .mobile-menu a[aria-current="page"] { font-weight: 800; }
.site-nav a:focus-visible, .mobile-menu a:focus-visible,
.header-action:focus-visible, .site-logo:focus-visible {
  outline: 2px solid var(--ds-accent-hi, #76e5fd); outline-offset: 3px;
}
.mobile-menu a { min-height: 44px; display: flex; align-items: center; }
button, input, select, textarea { accent-color: var(--ds-accent, #13abd2); }
img { max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}