/* i18n module styles (language toggle). Session her-atelier-i18n-20260908.
 * A quiet EN | RU pill that sits inside .j-header-tools with the existing icon buttons:
 * same 44px target, same paper ground, same Manrope 10px chrome voice. */
.j-lang-switch{display:flex;align-items:center;align-self:center;gap:0;margin:0 2px;padding:1px;border:1px solid var(--j-line);border-radius:999px;background:var(--j-paper);flex:none}
.j-lang-switch button{min-width:34px;min-height:34px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--j-muted);font-family:var(--j-sans);font-size:10px;font-weight:600;letter-spacing:.09em;line-height:1;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}
.j-lang-switch button[aria-pressed=true]{background:var(--j-ink);color:var(--j-paper)}
@media (hover:hover) and (pointer:fine){.j-lang-switch button:hover[aria-pressed=false]{color:var(--j-ink)}}
/* Refinement 2026-09-09. The header pill now carries EN|RU, Sign in and the menu, so on
 * phones the toggle shrinks to two 28px buttons: the pill keeps clear of the caption
 * lockup at 360px, and no label is hidden. */
@media (max-width:700px){.j-lang-switch{margin:0 1px;padding:1px}.j-lang-switch button{min-width:28px;min-height:30px;padding:0 4px;font-size:9px;letter-spacing:.05em}}
@media (max-width:380px){.j-lang-switch{margin:0}.j-lang-switch button{min-width:25px;padding:0 2px;letter-spacing:.02em}}