/* Compact language dropdown; native details keeps it usable without JavaScript. */
.site-header .container { flex-wrap: wrap; column-gap: 16px; row-gap: 0; padding-top: 8px; padding-bottom: 8px; }
.site-header .nav { flex-wrap: wrap; }
.language-switcher { margin-left: auto; position: relative; flex-shrink: 0; }
.language-switcher summary { display: flex; align-items: center; gap: 9px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--text); font: 500 .82rem/1.4 var(--font-body); cursor: pointer; list-style: none; transition: border-color .18s, background .18s; }
.language-switcher summary::-webkit-details-marker { display: none; }
.language-switcher summary::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg); margin: -3px 2px 0 3px; transition: transform .18s; }
.language-switcher details[open] summary::after { transform: rotate(225deg); margin-top: 3px; }
.language-switcher summary:hover, .language-switcher details[open] summary { border-color: var(--green); background: var(--surface-2); }
.language-globe { width: 17px; height: 17px; color: var(--green); }
.language-options { position: absolute; right: 0; top: calc(100% + 10px); width: 200px; padding: 6px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: 0 16px 48px #0008; }
.language-options a { display: flex; align-items: center; gap: 11px; padding: 10px; border-radius: 10px; color: var(--muted); text-decoration: none; font: 400 .9rem/1.4 var(--font-body); }
.language-code { font: 500 .68rem/1 var(--font-body); letter-spacing: .06em; border: 1px solid var(--line); border-radius: 6px; padding: 5px; }
.language-options a:hover { background: var(--surface-2); color: var(--text); }
.language-options a[aria-current="page"] { background: color-mix(in srgb, var(--green) 16%, var(--surface)); color: var(--text); }
.language-options a[aria-current="page"]::after { content: '✓'; margin-left: auto; color: var(--green); }
.language-switcher a:focus-visible, .language-switcher summary:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
html[lang="ru"] { --font-body: Arial, "Segoe UI", sans-serif; --font-display: Georgia, "Times New Roman", serif; --font-pixel: "Pixelify Sans", Arial, sans-serif; }
@media (max-width: 1050px) { .site-header .nav { order: 3; width: 100%; } }
@media (max-width: 760px) { .site-header .container { flex-direction: row; align-items: center; } .site-header .brand { margin-right: auto; } .language-switcher { margin: 6px 0; } .site-header .nav { margin-left: 0; } }