/* EN/RU stays beside the concept controls; full-size native menu and visible focus. */
.site-language{font:600 16px/1.2 var(--body);color:#263a41;background:#fffdf7;border:1px solid #a8b8b3;border-radius:8px;min-height:44px;min-width:68px;padding:8px;cursor:pointer;flex-shrink:0}
.site-language:focus-visible{outline:3px solid #315b61;outline-offset:3px}
html[lang=ru] .hero .invocation-copy strong{max-width:215px}
html[lang=ru] .note-status{white-space:normal}
html[lang=ru] .example-tabs{flex-wrap:wrap;gap:10px 28px}
@media(max-width:780px){html[lang=ru] .site-header{flex-wrap:wrap;gap:8px 20px;height:auto;padding-block:22px}html[lang=ru] .site-header nav{gap:20px}}
@media(max-width:580px){.study-bar{grid-template-columns:1fr auto auto}.study-bar>.site-language{grid-column:2;grid-row:1}.study-bar>#motionControl{grid-column:3;grid-row:1}.study-bar>.palette-switch{grid-column:1/-1;grid-row:2}html[lang=ru] .help-heading{flex-wrap:nowrap;gap:12px}html[lang=ru] .help-heading .shortcut{font-size:16px}html[lang=ru] .help-heading #helpGesture{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html[lang=ru] .hero .invocation-copy strong{width:155px}html[lang=ru] .example-tabs{flex-wrap:nowrap;justify-content:space-between;gap:8px}html[lang=ru] .hero h1{font-size:clamp(40px,11.5vw,52px)}}