/* Shared page, accessibility and bidirectional refinements. */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1;min-width:0}
body:not(.home) main{padding-top:var(--nav-h)}
#nav{background:rgba(251,250,246,.96);gap:1rem}
.nav-l{gap:clamp(.7rem,1.7vw,1.8rem)}
.nav-actions{display:flex;align-items:center;gap:.7rem}
.language{font:500 .85rem 'Cairo',sans-serif;color:var(--olive);text-decoration:none;border:1px solid var(--border);padding:.35rem .7rem;white-space:nowrap}
.nav-l a[aria-current=page],.f-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.45rem}
.drawer{visibility:hidden;max-height:calc(100dvh - var(--nav-h));overflow-y:auto}
.drawer.open{visibility:visible}
.drawer[hidden]{display:none}
button{font:inherit}
:focus-visible{outline:2px solid var(--sage);outline-offset:5px}
.skip{position:fixed;inset-block-start:.5rem;inset-inline-start:1rem;z-index:1000;background:var(--bg);padding:.6rem 1rem;transform:translateY(-200%)}
.skip:focus{transform:none}
.f-g select{padding-inline-end:2.3rem}
[dir=ltr] .f-g select{background-position:right 1rem center}
[dir=ltr] .nav-l a::after{transform-origin:left}
[lang=ar] .eyebrow,[lang=ar] .c-lbl,[lang=ar] .f-g label,[lang=ar] .art-c{font-family:'Cairo',sans-serif;letter-spacing:0}
[lang=en] body{font-family:'Jost','Cairo',sans-serif}
.logo-txt{direction:ltr;text-align:left}
.div-art img{object-fit:contain}
.service-links{margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}
.f-nav{max-width:650px}
.soc[aria-disabled=true]{opacity:.55;cursor:default}
.f-g input,.f-g select,.f-g textarea{min-width:0}
.hero-in,.about-g>*,.c-g>*,.div-row>*{min-width:0}
.c-val{overflow-wrap:anywhere}
.hidden{display:none}
@media(max-width:620px){.logo-sub{font-size:.38rem}.logo-name{font-size:1.1rem}#nav{padding-inline:1rem;gap:.5rem}.logo{gap:.5rem}.language{padding:.3rem .5rem}.f-nav{gap:1rem}.hero{padding-top:calc(var(--nav-h) + 2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-mark,.hero-h1,.hero-p,.hero-btns,.hero-tags,.motion .rev,.motion .stag>*{opacity:1;transform:none}}