/* Language selector and footer language list, shared by the home and text pages (after site-v3.css or pages.css). */
.nav-tools { display: flex; align-items: center; gap: 8px; order: 3; }
/* Inter's contextual alternates turn "11 x64" into "11 ×64"; keep the literal letter. */
body { font-feature-settings: "calt" 0; }
@media (min-width: 861px) { .site-header .nav-shell > .nav-links { margin-left: auto; } }
.lang-menu { position: relative; }
.lang-menu > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.03); color: #b4bbca; font-weight: 600; font-size: .8125rem; line-height: 1; letter-spacing: .04em; cursor: pointer; transition: color .2s, border-color .2s, background-color .2s; }
.lang-menu > summary::-webkit-details-marker { display: none; }
.lang-menu > summary:hover, .lang-menu[open] > summary { color: #eef1f6; border-color: rgba(255,255,255,.26); background: rgba(255,255,255,.06); }
.lang-menu .ico { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.lang-menu .chev { width: 14px; height: 14px; transition: transform .2s ease; }
.lang-menu[open] .chev { transform: rotate(180deg); }
.lang-list { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 210px; margin: 0; padding: 6px; list-style: none; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: linear-gradient(180deg, #1c202d, #141824); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 30px 70px -20px rgba(0,0,0,.75); }
.lang-list li { margin: 0 !important; }
.lang-list a { display: flex !important; align-items: center; justify-content: space-between; padding: 9px 12px !important; border-radius: 9px; color: #b4bbca !important; text-decoration: none; font-size: .9375rem !important; font-weight: 500 !important; background: none; }
.lang-list a:hover, .lang-list a:focus-visible { color: #eef1f6 !important; background: rgba(255,255,255,.06) !important; }
.lang-list a[aria-current="true"] { color: #6ee7b7 !important; }
.lang-list a[aria-current="true"]::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #34d399; }
.nav-links .lang-menu { display: block !important; margin-left: 6px; }
.footer-langs a[aria-current="true"] { color: #6ee7b7 !important; }
.legal-lang { margin: 0; color: #8b93a7; font-size: .875rem; }
.footer-navs { display: grid; gap: 14px; justify-items: end; }
.footer-navs .footer-langs { gap: 6px 14px; }
.footer-navs .footer-langs a { font-weight: 500; color: #8b93a7; }
:lang(ko) body, body:lang(ko) { font-family: "Inter CF", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif; word-break: keep-all; }
:lang(ko) h1, :lang(ko) h2, :lang(ko) h3 { letter-spacing: -.02em; }
@media (min-width: 861px) { .footer-grid { grid-template-columns: 2fr 1fr 1fr 1.3fr; } }
@media (max-width: 860px) {
  .footer-grid .footer-langs { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 16px; }
  .footer-grid .footer-langs h2 { flex-basis: 100%; }
  .footer-navs { justify-items: start; }
}
@media (max-width: 560px) {
  .lang-menu > summary { height: 44px; }
  .lang-list { position: fixed; left: 16px; right: 16px; top: 76px; min-width: 0; }
}
