/* Keep policy pages legible on the site's light background. */
html{color-scheme:light}
body{background:#f4f7f9;color:#22272b}
a,p,ul,.muted,.lang-btn,.app-card p{color:#5d6770}
h3,strong{color:#22272b}
.lang-btn:hover{background:#e7edf1;color:#22272b}
.app-card{background:#fcfdfe;border-color:#dce4e9;color:#22272b}
.app-card:hover{background:#fff;border-color:#536670}
.divider{background:#dce4e9}
a:focus-visible,button:focus-visible{outline-color:#536670}

/* Keep language controls in the header flow to prevent overlap in either direction. */
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px 24px}
header nav{display:flex;flex:1 1 320px;min-width:0;flex-wrap:wrap;gap:16px;align-items:center;direction:inherit}
header .lang-switcher{display:flex;flex:0 0 auto;gap:8px;padding:0;direction:ltr}