/* Бургер-меню сервисов в шапке. Открывается по кнопке, закрывается по Escape,
   клику вне и выбору пункта. Пункты сгруппированы так же, как в лончере. */
.burger{position:relative}
.burger>button{width:30px;height:30px;border:1px solid var(--line-2);border-radius:50%;color:var(--ink-2);display:grid;place-items:center}
.burger>button:hover,.burger>button[aria-expanded="true"]{border-color:var(--acc);color:var(--acc)}
.burger>button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round}
/* .menu — <nav>, а не <div> (аria-label landmark). Голый .menu{} имел бы
   специфичность (0,1,0) — этого достаточно против чужого голого nav{}
   (0,0,1), но НЕ против сервисного .header nav{...} (0,1,1): такое правило
   отбирало бы себе любое свойство, которое .menu{} не переопределяет явно.
   Найдено 24.08.2026 дважды, на разных свойствах: сперва display (меню
   разворачивалось в горизонталь в Профитбурге/Маркетбурге/Хельзеедорфе),
   потом height (в /app best-dash.css есть голый nav{height:54px} — меню
   открывалось строго на 54px и обрезало список одним рядом). Поэтому весь
   блок ниже висит на .burger>.menu (0,2,0+), а не на голом .menu — так он
   перебивает чужие правила на nav заранее, каким бы свойством они ни были. */
.burger>.menu{position:absolute;top:calc(100% + 9px);right:0;z-index:var(--z-tip);width:272px;height:auto;max-height:min(74vh,560px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-2);box-shadow:var(--shadow-tip);display:block;backdrop-filter:none}
.burger>.menu[hidden]{display:none}
/* .inline — для карточек документации: меню показано на месте, без выпадания. */
.burger>.menu.inline{position:static;width:100%;height:auto;max-height:none;overflow:visible;box-shadow:none}
.burger>.menu .g{font-family:var(--ff-mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;padding:var(--sp-3) var(--sp-3) var(--sp-1)}
.burger>.menu a{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--ink)}
.burger>.menu a:hover{background:var(--panel-2);color:var(--ink)}
.burger>.menu a[aria-current="page"]{background:var(--acc-soft)}
.burger>.menu a[aria-current="page"] .nm{color:var(--acc)}
.burger>.menu .nm{font-weight:var(--fw-semibold);font-size:13.5px;letter-spacing:-.01em;line-height:1.25}
.burger>.menu .nt{display:block;font-family:var(--ff-mono);font-size:10.5px;font-weight:var(--fw-regular);color:var(--ink-3);letter-spacing:0}
.burger>.menu .ico{width:26px;height:26px;border-radius:var(--r-sm)}
.burger>.menu .ico svg{width:16px;height:16px}