/* Language switcher — loaded by EVERY page of both language trees.
   Self-contained on purpose: the older page shapes (home, product tour, pricing, legal) carry their
   own inline styles and never link /site/site.css, so the switcher must not depend on the house sheet.
   The site has no JavaScript by design: the switcher is two real links, and the page you are on is
   marked with aria-current. Clicking your own language simply reloads the page you are reading. */
.rsl-lang{display:inline-flex;align-items:center;border:1px solid #e2e7ea;border-radius:999px;padding:2px;background:#fff;line-height:1;flex:none}
.rsl-lang a{display:inline-block;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.03em;text-decoration:none;color:#5b6b71;white-space:nowrap}
.rsl-lang a:hover{background:#f4f5f7;color:#16323a}
.rsl-lang a.rsl-lang-on,.rsl-lang a[aria-current="true"]{background:#16323a;color:#fff}
.rsl-lang a.rsl-lang-on:hover{background:#16323a;color:#fff}

/* The header the two legal pages never had: brand, a way back into the product, and the switcher.
   Styled here so those pages keep their own inline styles untouched. */
.rsl-legalbar{border-bottom:1px solid #e2e7ea;background:#fff}
.rsl-legalbar-in{max-width:940px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.rsl-legalbar a.rsl-legalbar-brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:17px;color:#16323a;text-decoration:none}
.rsl-legalbar .rsl-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#DD6310,#F2741A);color:#fff;display:grid;place-items:center;font-size:14px}

@media (max-width:560px){
  .rsl-lang a{padding:6px 9px;font-size:12.5px}
  .rsl-legalbar-in{padding:10px 16px}
}