@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
}
.dialog-step { 
    display: none; 
}
.dialog-step.active { 
    display: block; 
}
.matryoshka-layer-2, .matryoshka-layer-3 { 
    display: none; 
}
.prose h3, .prose h4 { 
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-weight: 700; /* 700 - это значение для "bold" (жирный) */
}
.prose p, .prose ul, .prose ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* Стили для двухколоночной верстки главного экрана */
.main-menu-grid {
    display: flex;
    align-items: flex-start; /* Выравнивание по верху */
    gap: 2rem; /* Расстояние между колонками (32px) */
}

.main-menu-left {
    flex: 1.5; /* Левая колонка чуть шире базового размера */
}

.main-menu-right {
    flex: 2; /* Правая колонка в два раза шире базового */
    padding-top: 1rem; /* Небольшой отступ сверху для визуального выравнивания */
}

/* Адаптивность: на экранах меньше 768px колонки встают друг под друга */
@media (max-width: 768px) {
    .main-menu-grid {
        flex-direction: column;
        gap: 1.5rem; /* Уменьшаем отступ для мобильных */
    }
    .main-menu-right {
        padding-top: 0; /* Убираем отступ на мобильных */
    }
}

/* Задаем новую ширину для основного контейнера плагина */
#myally-container {
    max-width: 1024px; /* Новая максимальная ширина (1024px) */
    margin-left: auto;
    margin-right: auto;
}

/* Стили для двухколоночной верстки главного экрана */
.main-menu-grid {
    display: flex;
    align-items: flex-start; 
    gap: 2rem; /* Расстояние между колонками */
}

.main-menu-left {
    flex: 1.5; /* Левая колонка */
}

.main-menu-right {
    flex: 2; /* Правая колонка */
    padding-top: 1rem; 
}

/* Адаптивность: на экранах меньше 768px колонки встают друг под друга */
@media (max-width: 768px) {
    .main-menu-grid {
        flex-direction: column;
        gap: 1.5rem; 
    }
    .main-menu-right {
        padding-top: 0; 
    }
}