/* lang-switch.css — the shared language switch of polyatic's translated printables (T-PATRANSOF.1).
   Markup, under the page intro, plain links and no script:
     <nav class="lang-switch" aria-label="Language"><a href="/x/" hreflang="en" lang="en" aria-current="page">English</a> ...</nav>
   It lists exactly the page's hreflang alternates (minus x-default), each named in its own language.
   One compact row of small pills, so the result preview below it stays on the first phone screen. */
.lang-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:.25rem 0 .5rem;font-size:.75rem;line-height:1.15;color:var(--muted)}
.tool-head .sub+.lang-switch{margin-top:-.875rem} /* sits close under the intro: the result below stays on the first phone screen */
.lang-switch::before{content:"";flex:none;width:.9375rem;height:.9375rem;margin-right:.0625rem;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.6 2.7 3.9 5.9 3.9 9.5s-1.3 6.8-3.9 9.5c-2.6-2.7-3.9-5.9-3.9-9.5s1.3-6.8 3.9-9.5z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.6 2.7 3.9 5.9 3.9 9.5s-1.3 6.8-3.9 9.5c-2.6-2.7-3.9-5.9-3.9-9.5s1.3-6.8 3.9-9.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.lang-switch a{display:inline-block;padding:.125rem .4375rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);text-decoration:none;white-space:nowrap}
.lang-switch a:hover{border-color:var(--line-2);color:var(--ink)}
.lang-switch a[aria-current]{border-color:var(--ink);background:var(--ink);color:var(--bg);font-weight:600}
.lang-switch a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media print{.lang-switch{display:none}}
