*{box-sizing:border-box}
:root{--color-primary:#0C71B5;--color-secondary:#004D81;--color-accent:#AB0406;--color-bg:#FFFFFF;--color-surface:#F7F9FC;--color-text-primary:#0F1720;--color-text-secondary:#64748B;--color-border:#E2E8F0;--font-ar-display:'El Messiri',sans-serif;--font-ar-body:'Cairo',sans-serif;--font-en:'Inter',sans-serif;--font-mono:'IBM Plex Mono',monospace;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-pill:999px;--shadow-soft:0 2px 8px rgba(15,23,32,.06),0 8px 24px rgba(15,23,32,.08);--shadow-deep:0 4px 16px rgba(15,23,32,.10),0 16px 48px rgba(15,23,32,.14);}
body{margin:0}
a{color:var(--color-primary);text-decoration:none}
a:hover{color:var(--color-secondary)}
:root{
--color-primary:#0C71B5;--color-secondary:#004D81;--color-accent:#AB0406;
--color-bg:#FFFFFF;--color-surface:#F7F9FC;--color-text-primary:#0F1720;
--color-text-secondary:#64748B;--color-border:#E2E8F0;
--font-ar-display:'El Messiri',sans-serif;--font-ar-body:'Cairo',sans-serif;
--font-en:'Inter',sans-serif;--font-mono:'IBM Plex Mono',monospace;
--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-pill:999px;
--shadow-soft:0 2px 8px rgba(15,23,32,.06),0 8px 24px rgba(15,23,32,.08);
--shadow-deep:0 4px 16px rgba(15,23,32,.10),0 16px 48px rgba(15,23,32,.14);
}
body{margin:0}
a{color:var(--color-primary);text-decoration:none}
a:hover{color:var(--color-secondary)}
:root{--color-primary:#0C71B5;--color-secondary:#004D81;--color-accent:#AB0406;--color-bg:#FFFFFF;--color-surface:#F7F9FC;--color-text-primary:#0F1720;--color-text-secondary:#64748B;--color-border:#E2E8F0;--font-ar-display:'El Messiri',sans-serif;--font-ar-body:'Cairo',sans-serif;--font-en:'Inter',sans-serif;--font-mono:'IBM Plex Mono',monospace;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-pill:999px;--shadow-soft:0 2px 8px rgba(15,23,32,.06),0 8px 24px rgba(15,23,32,.08);--shadow-deep:0 4px 16px rgba(15,23,32,.10),0 16px 48px rgba(15,23,32,.14);}
body{margin:0}
a{color:var(--color-primary);text-decoration:none}
a:hover{color:var(--color-secondary)}
img{max-width:100%}

/* Breakpoint branches lifted from the components' source logic:
 *   wide      bp >= 834    narrow  bp < 834    wideLabel  bp >= 1000 */
@media (max-width:833.98px){
  .sa-only-wide{display:none !important}
}
@media (min-width:834px){
  .sa-only-narrow{display:none !important}
}
@media (max-width:999.98px){
  .sa-only-widelabel{display:none !important}
}
.sa-only-narrow{display:flex}

/* Standalone mobile navigation — see note in the policy-page build. */
.sa-menu{display:none}
@media (max-width:833.98px){
  .sa-menu{
    display:block;position:absolute;inset-inline:0;top:100%;
    background:var(--color-bg);
    overflow:hidden;max-height:0;transition:max-height .25s ease;z-index:20;
  }
  .sa-menu[data-open="true"]{
    max-height:70vh;
    border-bottom:1px solid var(--color-border);
    box-shadow:var(--shadow-deep);
  }
  .sa-menu nav{
    display:flex !important;flex-direction:column;align-items:stretch;gap:0;
    padding:8px clamp(20px,5.5cqw,96px) 16px;margin-inline-start:0 !important;
  }
  .sa-menu nav a{
    padding:14px 0 !important;font-size:16px !important;
    border-bottom:1px solid var(--color-border) !important;
  }
  .sa-menu nav a:last-child{border-bottom:0 !important}
}

/* Branch buttons animate their selected state; the inline styles the runtime
 * writes stay the single source of the actual colours. */
.sa-branch{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.sa-branch:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}