/* Выпадающее меню в шапке (menu.js). Цвета — из переменных сайта; светлая тема применяется общей инверсией. */
.menu-btn{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line-soft,#ffffff14);background:#ffffff08;border-radius:10px;cursor:pointer;color:var(--text,#e7f5ef)}
.menu-btn:hover,.menu-btn[aria-expanded=true]{background:#ffffff14;border-color:color-mix(in srgb,var(--accent) 33%,transparent)}
.menu-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}
.top .shell>.menu-btn{margin-inline-start:0}
.desk-head-actions .menu-btn{width:36px;height:36px;border-radius:9px}
html.has-menu-btn .top .burger{display:none!important}
.menu-panel{position:fixed;z-index:200;top:76px;inset-inline-end:16px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;
  background:var(--surface);color:var(--text,#e7f5ef);border:1px solid var(--line,var(--border));border-radius:16px;box-shadow:0 22px 60px #000a;padding:8px;font:14px/1.45 var(--font,system-ui,sans-serif)}
.menu-panel[hidden]{display:none}
.menu-panel *{box-sizing:border-box}
.menu-about{margin:2px 2px 8px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.menu-about b{display:block;font-size:14px;color:var(--accent2,#8dffd0);margin-bottom:4px;letter-spacing:.02em}
.menu-about p{margin:0;color:var(--muted,#9dbcae);font-size:13px;line-height:1.5}
.menu-about p+p{margin-top:6px}
.menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;font-weight:600;text-align:start;text-decoration:none;cursor:pointer}
.menu-item:hover,.menu-item:focus-visible{background:#ffffff10;color:inherit;outline:none}
.menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--accent,var(--accent))}
.menu-sep{height:1px;margin:6px 4px;background:#ffffff14;border:0}
.menu-group-t{padding:6px 12px 2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint,#6d8a7c)}
.menu-only-mobile{display:none}
@media(max-width:1050px){.menu-only-mobile{display:block}}
.menu-switch{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background:#ffffff26;transition:background .15s}
.menu-switch::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
[aria-checked=true]>.menu-switch{background:var(--accent,var(--accent))}
[aria-checked=true]>.menu-switch::after{transform:translateX(18px);background:#062117}
[dir=rtl] [aria-checked=true]>.menu-switch::after{transform:translateX(-18px)}
.menu-chev{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .15s}
[aria-expanded=true]>.menu-chev{transform:rotate(90deg)}
.menu-langs{margin:0;padding:0 0 0 8px;list-style:none}
.menu-langs[hidden]{display:none}
.menu-langs button{display:flex;justify-content:space-between;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer}
.menu-langs button:hover,.menu-langs button:focus-visible{background:#ffffff10;outline:none}
.menu-langs button[aria-current=true]{color:var(--accent,var(--accent));font-weight:700}
.menu-cur{color:var(--muted,var(--text-2));font-weight:500;font-size:13px}
@media(max-width:640px){.menu-panel{top:68px;inset-inline:8px;width:auto;max-height:calc(100dvh - 80px)}}