html{background:var(--surface-main);color:var(--charcoal)}
body{
  font-family:var(--font-en);
  font-size:var(--text-body);
  line-height:1.75;
  background:var(--surface-main);
  overflow-x:hidden;
}
html[dir=rtl] body{font-family:var(--font-ar);line-height:1.95}
::selection{background:var(--rosco-gold);color:var(--charcoal)}
:focus-visible{outline:3px solid var(--rosco-gold);outline-offset:3px}
.skip-link{position:fixed;z-index:9999;inset-inline-start:1rem;top:-100px;background:var(--white);padding:.7rem 1rem;color:var(--charcoal)}
.skip-link:focus{top:1rem}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.honeypot{
    position:absolute!important;

    width:1px!important;
    height:1px!important;

    padding:0!important;
    margin:0!important;

    overflow:hidden!important;

    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;

    white-space:nowrap!important;

    border:0!important;

    /*
     * Do not move this field thousands of pixels off-screen.
     * Large negative coordinates create RTL mobile horizontal overflow.
     */
    inset:auto!important;
}
img{height:auto}


/* ROSCO RTL MOBILE OVERFLOW GUARD V2 */
@media(max-width:900px){

    html[dir=rtl],
    html[dir=rtl] body{
        max-width:100%;
        overflow-x:clip;
    }

}
/* ROSCO RTL MOBILE OVERFLOW GUARD V2 END */