/* ТОЧНОЕ выравнивание сайдбара под лого на ШИРОКИХ экранах (20.10.2026).
   ЗАМЕР: лого 104.0, сайдбар 96.5 → РАЗНИЦА 7.5px.
   ПРИЧИНА: у шапки padding-left = max(24px, calc((100vw - 1120px)/2 + 24px)),
   у .doc-wrap — жёсткие 24px внутри 1120. На экранах >1169px шапка даёт больше.
   РЕШЕНИЕ: задать .doc-wrap ТУ ЖЕ формулу отступа, что у шапки. */

html body .doc-wrap {
  max-width: 1120px !important;
  width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  /* ВАЖНО: отступ = как у шапки, чтобы первый пункт сайдбара встал на линию иконки */
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* компенсация: шапка имеет padding max(24, (100vw-1120)/2+24), а .doc-wrap
   центрируется через margin:auto — на широких экранах разница вылезает.
   Правим сдвигом содержимого сайдбара на вычисленную дельту. */
@media (min-width: 1169px) {
  html body .doc-wrap {
    /* шапка: (100vw - 1120)/2 + 24 = левый край иконки
       .doc-wrap: (100vw - 1120)/2 + 24 (padding) → контент начинается там же.
       Но фактически сайдбар на 7.5px левее, потому что 100vw включает скроллбар. */
    padding-left: calc(24px + (100vw - 100%) / 2) !important;
  }
}