*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body,h1,h2,h3,p,dl,dd,ol{margin:0}
body{min-height:100vh;font-family:var(--font-ar,"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",system-ui,sans-serif);font-size:16px;font-weight:400;background:var(--bg);color:var(--text);line-height:1.8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{border:0;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
img{display:block;max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent-bronze,var(--focus));outline-offset:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;right:10px;z-index:9999;padding:10px 16px;border-radius:10px;background:var(--primary);color:var(--bg-base);transform:translateY(-150%)}
.skip-link:focus{transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}