/* The other language, as one quiet word in that language: "Türkçe" on the English pages, "English" on the Turkish.
   No capsule and no pair to choose between, since the page already is one of the two. Both links stay in the
   markup (locale.ts: they work without scripts); the one for the page being read is not shown.
   On the home page it stands in the top left corner, across from "Say hello" and set like it; a project page
   has it in its own bar, beside "Say hello" (work/project.css). */
.language-switch { position:fixed; z-index:30; top:calc(clamp(12px,2.4vh,26px) + env(safe-area-inset-top)); left:max(clamp(18px,3vw,42px),calc(env(safe-area-inset-left) + 12px)); display:flex; font:500 13px/1 'DM Sans',system-ui,sans-serif; letter-spacing:.035em; }
/* The word starts at the page's edge; the room to touch it is around it. */
.language-switch a { display:inline-flex; align-items:center; min-height:38px; margin-left:-10px; padding:0 10px; border-radius:999px; color:#eee5d5; text-decoration:none; text-shadow:0 1px 10px #050609b3; opacity:.84; transition:color .25s,opacity .25s; }
.language-switch a[aria-current='page'] { display:none; }
.language-switch a:hover { color:#dcbb94; opacity:1; }
.language-switch a:focus-visible { outline:2px solid #dfaf78; outline-offset:2px; opacity:1; }
@media(max-width:600px) { .language-switch { top:calc(10px + env(safe-area-inset-top)); left:max(14px,calc(env(safe-area-inset-left) + 12px)); font-size:12.5px; } .language-switch a { min-height:34px; } }
@media(pointer:coarse) { .language-switch a { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .language-switch a { transition:none; } }