/* ==========================================================================
   WIKI LAYOUT STRUCTURE (3 Колонки)
   ========================================================================== */
.wiki-editor-container {
    display: grid;
    /* СЕТКА: Реклама (Left) | Редактор (Center) | Инфо (Right) — правая колонка поуже, с отступом от края */
    grid-template-columns: 16vw 51.5vw 22vw;
    gap: 1.5vw; /* отступы между центральным/левым/правым контейнером */
    max-width: 93vw;
    margin-left: 5vw !important; /* отступ слева как был, чтобы реклама не залезала под сайдбар */
    margin-top: 3.5vw; /* меньше отступ от хедера, как в Figma */
    margin-bottom: 2vw;
    margin-right: 5vw; /* аккуратный отступ с краю */
    padding: 0 1vw;
    align-items: start;
    animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(1.381vw);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Левая колонка - Реклама */
.left-sidebar {
    position: sticky;
    top: 6vw;
    animation: fadeInLeft 0.5s ease-out 0.1s both;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-1.381vw);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Правая колонка - Инфо + Реклама */
.right-sidebar {
    position: static; /* прокручивается вместе со страницей */
    width: 22vw;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* 1.657vw gap между карточками */
    animation: none;
}

/* Центральная колонка: тулбар (отдельно) + блок статьи */
.editor-center-column {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem; /* меньше отступ между панелью инструментов и контейнером статьи */
}

/* Обёртка панели инструментов — самостоятельный объект по Figma */
.editor-toolbar-standalone {
    width: fit-content;
    max-width: 56rem;
    margin: 0 auto;
    align-self: center;
}

/* Центральная колонка - РЕДАКТОР (белая карточка со статьёй) */
.editor-main-column {
    background: var(--bg-color);
    border-radius: 0.552vw;
    border: 0.069vw solid var(--border-color);
    padding: 2.072vw 3.108vw;
    box-shadow: 0 0.276vw 1.105vw rgba(0,0,0,0.06);
    min-height: 80vh;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    animation: fadeInScale 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.editor-main-column:hover {
    box-shadow: 0 0.414vw 1.657vw rgba(0,0,0,0.08);
}