/* Shared fixes for the /sa/ regional pages (Arabic + English mirror).
   - Global `ul, ol { margin:0 0 20px 24px }` leaked into the nav list and
     pushed the menu links above the logo baseline.
   - Base styling for the FAQ block (#faq), which several page stylesheets lack. */
nav .nav-links { margin:0; }

#faq { margin-top:56px; }
#faq .section-label { font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:#9b8afb; font-weight:600; margin-bottom:8px; }
html[dir="rtl"] #faq .section-label { letter-spacing:0; }
#faq details { border-bottom:1px solid rgba(255,255,255,.08); padding:18px 0; }
#faq summary { cursor:pointer; font-size:16px; font-weight:600; color:#fff; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:14px; }
#faq summary::-webkit-details-marker { display:none; }
#faq summary::after { content:"+"; font-size:22px; color:#9b8afb; flex-shrink:0; transition:transform .2s; }
#faq details[open] summary::after { transform:rotate(45deg); }
#faq details p { margin:10px 0 0; font-size:15px; color:rgba(255,255,255,.65); line-height:1.65; }