/* CSS-переменные для динамической высоты хедера и буфера */
        :root {
            --dynamic-header-height: 90px; /* Fallback value, будет установлен JS */
            --scroll-buffer-px: 80px; /* Дополнительный отступ для прокрутки. Настройте это значение! */
        }

        body {
            font-family: 'Merriweather Sans', Arial, sans-serif;
            background-color: #f9f9f9;
            color: #333;
            line-height: 1.6;
            margin: 0;
            /* *ВАЖНО*: Только padding-top на body для основного отступа */
            padding-top: var(--dynamic-header-height);
        }

        /* *УДАЛЕНО*: html { scroll-padding-top: ... } - это свойство теперь не используется */

        /* Стили заголовка */
        header {
            background-color: #944cae;
            color: white;
            text-align: center;
            padding: 20px 0;
            position: fixed; /* Фиксируем заголовок */
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        /* Основной контейнер для контента и боковых панелей (Flexbox) */
        .main-content-wrapper {
            display: flex;
            flex-grow: 1;
            /* Здесь нет margin-top, так как padding-top на body уже смещает весь контент */
        }

        /* Стиль для левой и правой боковых панелей */
        .sticky-sidebar {
            position: sticky; /* Делаем их прилипающими */
            top: var(--dynamic-header-height); /* Прилипают сразу под хедером */
            height: calc(100vh - var(--dynamic-header-height)); /* Занимают всю оставшуюся высоту viewport */
            overflow-y: auto; /* Позволяем прокручивать контент внутри сайдбара */
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: #ffffff; /* Белый фон для сайдбаров */
            border-right: 1px solid #eee; /* Левая панель */
            border-left: 1px solid #eee; /* Правая панель */
        }

        /* Стили для левого меню (навигации) */
        .left-menu-nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .left-menu-nav li {
            margin-bottom: 5px;
        }

        .left-menu-nav li a {
            display: block;