/* The site-wide header shared by /, /help, /terms and /privacy.
   Direction-neutral (logical properties only) so the same rules serve the
   Arabic pages and their /en twins. Colours are the brand's. */
.site-header{background:#fff;border-bottom:1px solid #e2e7e3}
.site-nav{max-width:1060px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:26px;position:relative}
.site-logo{display:block;line-height:0;flex:none}
.site-logo img{height:40px;width:auto;display:block}
.site-links{display:flex;align-items:center;gap:22px;flex:1;min-width:0}
.site-links a{color:#5a6560;text-decoration:none;font-size:15px;font-weight:600;padding:6px 0;
              border-bottom:2px solid transparent;white-space:nowrap}
.site-links a:hover{color:#1f6f4a}
.site-links a[aria-current="page"]{color:#1f6f4a;border-bottom-color:#1f6f4a}
.site-actions{margin-inline-start:auto;display:flex;align-items:center;gap:18px}
.site-links a.site-cta{background:#1a1a1a;color:#fff;padding:8px 18px;border-radius:8px;font-size:14px;border-bottom:0}
.site-links a.site-cta:hover{background:#000}
.site-menu{display:none;background:none;border:1px solid #e2e7e3;border-radius:8px;padding:6px 10px;
           font:inherit;font-size:20px;line-height:1;color:#16201c;cursor:pointer;margin-inline-start:auto}
@media (max-width:720px){
  .site-menu{display:block}
  .site-links{display:none;position:absolute;inset-inline:0;top:100%;z-index:50;background:#fff;
              border-bottom:1px solid #e2e7e3;padding:10px 20px 16px;flex-direction:column;align-items:stretch;gap:4px}
  .site-links.open{display:flex}
  .site-links a{padding:10px 0;border-bottom:1px solid #eef2ef}
  .site-links a[aria-current="page"]{border-bottom-color:#eef2ef}
  .site-actions{margin:10px 0 0;flex-direction:column;align-items:stretch;gap:10px}
  .site-links a.site-cta{text-align:center}
}