/* RAN ONLINE: FOREVER - the EN | TH switch of the stand-alone pages (REQ-155b, 2026-10-18; js/i18n-page.js builds it).
   The same look as the site header's switch (css/site.css .lang). Where it sits is the page's own css (links.css,
   legal.css); a page without a header gets the fixed pill (.lang--pill, the /c/<name> shell). No inline styles (CSP). */
.lang { display: inline-flex; align-items: center; gap: 2px; font-size: 13px; font-weight: 700; letter-spacing: .5px; color: #939bab;
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; line-height: 1; }
.lang__btn { background: none; border: 0; color: #939bab; cursor: pointer; font: inherit; padding: 6px 5px; border-radius: 6px; }
.lang__btn:hover { color: #e8ebf1; background: #1b2230; }
.lang__btn.active { color: #ffd67a; }
.lang__sep { color: #2a3140; }
/* REQ-167: four languages - one button + a list */
.lang { position: relative; }
.lang__cur { background: none; border: 1px solid #2a3140; color: #e8ebf1; cursor: pointer; font: inherit; padding: 6px 8px; border-radius: 6px; white-space: nowrap; }
.lang__cur::after { content: ""; display: inline-block; margin-left: 6px; vertical-align: 2px; border: 4px solid transparent; border-top-color: #939bab; border-bottom: 0; }
.lang__cur:hover, .lang__cur[aria-expanded="true"] { border-color: #939bab; }
.lang__menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; display: flex; flex-direction: column; min-width: 140px; padding: 4px;
  background: #11151d; border: 1px solid #2a3140; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.45); }
.lang__menu[hidden] { display: none; }
.lang__menu .lang__btn { text-align: left; white-space: nowrap; padding: 9px 12px; font-size: 14px; letter-spacing: 0; }
.lang--pill { position: fixed; top: 8px; right: 8px; z-index: 30; padding: 2px 4px; border-radius: 999px;
  background: rgba(11,13,18,.78); border: 1px solid #2a3140; backdrop-filter: blur(6px); }