/* Логотип Spoy в меню (2026-11-07): шарик с буквой S, звуковые дуги, «Spoy» и под ним «песенник».
   Картинки рисует tools/logo/logos.py (SITE=1), значок — static/logo/spoy-mark.svg (во вкладке с 2026-11-09 кольцо «Спектра», static/icon.svg).
   Разметку .brand не трогаем: по ней ищет и меняет версию .claude/patches/version_patch.py.
   Слово «Spoy» остаётся текстом ссылки для чтения с экрана, видна картинка в ::before. */

/* широкое меню: весь логотип, шарик 44 px; капсула версии — в строке «песенник» */
@media (min-width: 1101px) {
  .sidebar .brand { position: relative; gap: 0; font-size: 0; }
  .sidebar .brand::before {
    /* картинка 448.46 × 184.71 при шарике 120.99 → ×0.3637; поля 11.59 px под свечение слева, сверху и снизу */
    width: 163.09px; height: 67.17px; margin: -11.59px 0 -11.59px -11.59px;
    border-radius: 0; background: url("/static/logo/spoy-logo.svg?v=1") 0 0 / 100% 100% no-repeat;
  }
  html:not([lang="ru"]) .sidebar .brand::before { background-image: url("/static/logo/spoy-logo-en.svg?v=1"); }
  /* «песенник» кончается в 124.4 px от края шарика, его середина по высоте — 41.5 px от верха */
  .sidebar .brand .ver {
    position: absolute; left: 144px; top: 34px; margin: 0;
    padding: 0 6px; font-size: 10px; line-height: 14px;
  }
}

/* свёрнутое меню и строка меню на телефоне: только шарик с S */
@media (max-width: 1100px) {
  .sidebar .brand::before {
    width: 30px; height: 30px; border-radius: 0;
    background: url("/static/logo/spoy-mark.svg?v=1") center / contain no-repeat;
  }
}
@media (max-width: 700px) {
  .sidebar .brand::before { width: 22px; height: 22px; }
}