/* Language switch (docs/site-i18n.md), shared by both languages: KR · EN beside the Saram OS
   button and the other language's name under the Seoul clock. The current language is plain
   text; the other is a link to the same page in that language. Loaded only by the generated
   pages (Korean at the root URLs, English under /en/), never by the templates. */

/* KR / EN switch: quiet, beside the Saram OS button */
.lang-switch{display:inline-flex;align-items:center;gap:.35rem;height:36px;padding:0 .2rem;margin-left:auto;
  font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink);pointer-events:auto}
.lang-switch [aria-current]{color:var(--ink)}
.lang-switch .sep{color:rgba(20,20,15,.28);font-weight:400}
.lang-switch a{color:rgba(20,20,15,.5);text-decoration:none;padding:.35rem .2rem;border-radius:6px;transition:color .2s ease}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#site-nav.on-dark:not(.menu-open) .lang-switch,
#site-nav.on-dark:not(.menu-open) .lang-switch [aria-current]{color:#F4F1EA}
#site-nav.on-dark:not(.menu-open) .lang-switch a{color:rgba(244,241,234,.6)}
#site-nav.on-dark:not(.menu-open) .lang-switch .sep{color:rgba(244,241,234,.3)}
.nav-bar .lang-switch + .os-menu{margin-left:0}
@media (max-width:420px){
  /* on small phones only the other language is offered, to keep the bar on one line */
  .lang-switch [aria-current],.lang-switch .sep{display:none}
  .lang-switch{gap:0;padding:0}
}

/* the footer's language link: quiet, under the Seoul clock */
.lang-foot{margin:1rem 0 0;font-size:.8125rem}
.lang-foot a{color:rgba(250,248,244,.6);text-decoration:none;border-bottom:1px solid rgba(250,248,244,.22)}
.lang-foot a:hover{color:#F4F1EA}