/* ==========================================================================
           ГЛОБАЛЬНЫЕ ЦВЕТА
           ========================================================================== */
        :root { 
            --main-blue: #0066CD;
            --hover-blue: #00468D;
        }

        /* ==========================================================================
           1. ГЛАВНЫЙ КОНТЕЙНЕР (Полная ширина)
           ========================================================================== */
        #rl-variants-v31-builder .builder-container { 
            max-width: 1200px !important; 
            background: #ffffff !important;
            border: 1px solid #D7DCE2 !important; 
            border-radius: 10px !important; 
            padding: 10px !important; 
            font-family: 'Inter', sans-serif !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
            box-sizing: border-box !important;
        }

	@media (max-width: 768px) {
    		#rl-variants-v31-builder .builder-container {
        		margin-left: 0px !important;
       			margin-right: 0px !important;
        		width: auto !important;
    		}
	}

        #rl-variants-v31-builder .builder-title {
            font-size: 20px !important;
            font-weight: 600 !important; 
            color: #202124 !important; 
            margin: 0px 0 15px 0 !important;
            text-align: center !important;
        }
	
		/* ==========================================================================
               АДАПТАЦИЯ ПОД МОБИЛЬНЫЕ УСТРОЙСТВА (Единый блок)
               ========================================================================== */
            @media (max-width: 768px) {
                /* Компенсируем паддинги Astra отрицательными отступами и сбрасываем calc */
                #rl-variants-v31-builder .custom-start-card {
                	margin-left: -5px !important;
        		margin-right: -5px !important;
                	width: auto !important;
                }
                
                #rl-variants-v31-builder .custom-back-btn-wrapper {
                	margin-left: -5px !important;
        		margin-right: -5px !important;
                	width: auto !important;
                }

                #rl-variants-v31-view .leaderboard-box {
                	margin-left: 0px !important;
        		margin-right: 0px !important;
                	width: auto !important;
                }

                /* Сброс лишнего левого паддинга у кнопки назад, который был в старом коде */
                #rl-variants-v31-builder .custom-back-btn-wrapper {
                    padding: 0 !important;
                }
                
                /* Сетка результатов в 1 колонку */
                #rl-variants-v31-builder .leaderboard-grid { 
                    grid-template-columns: 1fr !important; 
                }
            }

        /* ==========================================================================
           2. БЛОК ОПЦИЙ (СЛОЖНОСТЬ И ТАЙМЕР)
           ========================================================================== */
        #rl-variants-v31-builder .builder-options-box { 
            background: #F8FAFC !important;
            padding: 10px !important; 
            border-radius: 10px !important; 
            margin: 0 0 15px 0 !important; 
            border: 1px solid #D7DCE2 !important; 
            box-sizing: border-box !important;
        }
        
        /* --- КАСТОМНЫЙ СЕЛЕКТ (В СТИЛЕ СОРТИРОВКИ ИЗ ИНТЕРФЕЙСА) --- */
        #rl-variants-v31-builder .builder-select { 
            width: 100% !important;
            height: 44px !important;
            background: #ffffff !important; 
            border: 1px solid #D7DCE2 !important; 
            padding: 0px 15px !important; 
            color: #0066CD !important; 
            font-weight: 600 !important; 
            font-size: 16px !important; 
            border-radius: 10px !important; 
            font-family: 'Inter', sans-serif !important; 
            cursor: pointer !important; 
            outline: none !important; 
            appearance: none !important; 
            -webkit-appearance: none !important;
            box-sizing: border-box !important;
        }
        #rl-variants-v31-builder .arrow-rotated { 
            transform: translateY(-50%) rotate(180deg) !important; 
        }

        /* --- КАСТОМНЫЙ ЧЕКБОКС (1 В 1 ИЗ ИНТЕРФЕЙСА ЗАДАНИЙ - САМОПРОВЕРКА) --- */
        #rl-variants-v31-builder .custom-checkbox-row { 
            display: flex !important;
            align-items: center !important; 
            justify-content: flex-start !important; 
            gap: 10px !important; /* Это расстояние строго между текстом и галочкой */
            width: 100% !important; 
            cursor: pointer !important; 
            
            /* Отступы для всей строки (ВАШИ НАСТРОЙКИ СОХРАНЕНЫ): */
            margin-top: -10px !important;    /* Отступ сверху до селекта сложности */
            margin-bottom: 0px !important; /* Отступ снизу до списка заданий */

            /* НОВЫЙ ДИЗАЙН ПЛАШКИ ТАЙМЕРА: */
            background: #ffffff !important;
            border-radius: 10px !important;
            padding: 10px !important;
            border: 1px solid #D7DCE2 !important;
            box-sizing: border-box !important;
        }

        #rl-variants-v31-builder .builder-reset-wrap {
            display: flex !important;
            justify-content: center !important;
            width: 100% !important;
            margin-top: 10px !important;
        }

        #rl-variants-v31-builder .builder-reset-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: auto !important;
            background: var(--main-blue) !important;
            color: #ffffff !important;
            border: none !important;
            border-radius: 10px !important;
            padding: 10px 30px !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            line-height: 1.2 !important;
            cursor: pointer !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
            transition: background-color 0.2s, box-shadow 0.2s, filter 0.2s !important;
            -webkit-tap-highlight-color: transparent !important;
            box-sizing: border-box !important;
        }

		@media (hover: hover) {
        #rl-variants-v31-builder .builder-reset-btn:hover {
            background: var(--hover-blue) !important;
            color: #E6E9ED !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
        }
		}

        #rl-variants-v31-builder .builder-reset-btn.is-clicked {
            pointer-events: none !important;
            filter: brightness(0.8) !important;
            box-shadow: none !important;
        }
	    
        #rl-variants-v31-builder .criterion-label-text { 
            color: #202124 !important; 
            font-weight: 600 !important; 
            font-size: 16px !important; 
            
            /* Настройка отступов (меняйте значения px под себя): */
            margin-left: 5px !important;   /* Отступ текста слева */
            margin-right: 0px !important;  /* Отступ текста справа (отодвинет галочку) */
            margin-top: 0px !important;     /* Отступ над текстом */
            margin-bottom: 0px !important;  /* Отступ под текстом */
        }
        
        #rl-variants-v31-builder .custom-checkbox { 
            appearance: none !important;
            -webkit-appearance: none !important; 
            width: 24px !important; 
            height: 24px !important; 
            background-color: #ffffff !important; 
            border: 2px solid var(--main-blue) !important; 
            border-radius: 10px !important;
            cursor: pointer !important; 
            flex-shrink: 0 !important; 
            margin: 0 !important; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
            transition: background-color 0.2s, box-shadow 0.2s !important; 
        }
		
		@media (hover: hover) {
        #rl-variants-v31-builder .custom-checkbox:hover { 
            border-color: var(--hover-blue) !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important; 
        }
		}

        #rl-variants-v31-builder .custom-checkbox:checked { 
            background-color: var(--main-blue) !important;
            border-color: var(--main-blue) !important; 
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
            background-size: 15px !important; 
            background-position: center !important; 
            background-repeat: no-repeat !important; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
        }

		@media (hover: hover) {
        #rl-variants-v31-builder .custom-checkbox:checked:hover { 
            background-color: var(--hover-blue) !important; 
            border-color: var(--hover-blue) !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important; 
        }
		}

        /* ==========================================================================
           3. СПИСОК ТЕМ И ИНПУТЫ КОЛИЧЕСТВА
           ========================================================================== */
        #rl-variants-v31-builder .builder-categories-wrapper {
            margin-bottom: 15px !important;
        }
    
        #rl-variants-v31-builder .builder-row { 
            display: flex !important;
            justify-content: space-between !important; 
            align-items: center !important; 
            padding: 5px 10px !important; 
            background: #F0F6FF !important; 
            border: 1px solid #D7DCE2 !important;
            border-radius: 10px !important; 
            margin-bottom: 10px !important;
        }
        #rl-variants-v31-builder .builder-row:last-child { 
            margin-bottom: 0 !important;
        }

        #rl-variants-v31-builder .builder-cat-title {
            font-weight: 500 !important; 
            color: #202124 !important; 
            font-size: 16px !important; 
            line-height: 1.4 !important; 
            text-align: left !important; 
            hyphens: auto !important; 
            -webkit-hyphens: auto !important; 
            word-break: break-word !important;
        }
        
        /* Убираем стрелочки из инпутов чисел */
        #rl-variants-v31-builder .builder-input::-webkit-outer-spin-button,
        #rl-variants-v31-builder .builder-input::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
            margin: 0 !important;
        }
        #rl-variants-v31-builder .builder-input[type=number] {
            -moz-appearance: textfield !important;
        }

        #rl-variants-v31-builder .builder-input { 
            width: 70px !important;
            padding: 8px !important; 
            border: 2px solid #D7DCE2 !important; 
            border-radius: 10px !important; 
            text-align: center !important; 
            font-size: 16px !important; 
            font-weight: 600 !important;
            color: #202124 !important; 
            outline: none !important; 
            transition: border-color 0.2s !important; 
            font-family: 'Inter', sans-serif !important; 
            box-sizing: border-box !important;
        }
        #rl-variants-v31-builder .builder-input:focus { 
            border-color: var(--main-blue) !important;
        }
    
        #rl-variants-v31-builder .builder-total { 
            font-size: 14px !important; 
            color: #6B7280 !important; 
            margin-top: 5px !important;
            font-weight: 500 !important; 
            white-space: nowrap !important; /* Жестко запрещаем тексту ломаться на новые строки */
        }
        
/* ==========================================================================
   ФИЛЬТР ГЕНЕРАТОРА ВНУТРИ РУБРИКИ: Органика | Все | Неорганика
========================================================================== */

#rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    align-items: center !important;
}

#rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) .builder-row-main {
    display: contents !important;
    padding-right: 0 !important;
}

#rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) .builder-cat-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

#rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) .builder-total {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: 0 !important;
}

#rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) .custom-number-wrapper {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
}

#rl-variants-v31-builder .rl-v31-scope-switcher {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    align-self: center !important;

    width: min(100%, 350px) !important;
    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

#rl-variants-v31-builder .rl-v31-scope-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    padding: 5px 10px !important;

    background: #ffffff !important;
    color: #6B7280 !important;
    border: 2px solid #6B7280 !important;
    border-radius: 10px !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;

    cursor: pointer !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, filter 0.2s !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    user-select: none !important;
}

@media (hover: hover) {
    #rl-variants-v31-builder .rl-v31-scope-btn:hover {
        background: #E6E9ED !important;
        color: #4A4D51 !important;
        border-color: #4A4D51 !important;
        box-shadow: none !important;
    }
}

#rl-variants-v31-builder .rl-v31-scope-btn:active {
    filter: brightness(0.8) !important;
    box-shadow: none !important;
}

#rl-variants-v31-builder .rl-v31-scope-btn.rl-v31-scope-btn-active {
    background: #00A84E !important;
    color: #ffffff !important;
    border-color: #00A84E !important;
    box-shadow: none !important;
    filter: none !important;
    cursor: default !important;
}

@media (hover: hover) {
    #rl-variants-v31-builder .rl-v31-scope-btn.rl-v31-scope-btn-active:hover {
        background: #00A84E !important;
        color: #ffffff !important;
        border-color: #00A84E !important;
        box-shadow: none !important;
        filter: none !important;
    }
}

#rl-variants-v31-builder .rl-v31-scope-btn.rl-v31-scope-btn-active:active {
    box-shadow: none !important;
    filter: none !important;
}

@media (max-width: 768px) {
    #rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) {
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 10px !important;
        row-gap: 8px !important;
    }

    #rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) .builder-cat-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) .builder-total {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #rl-variants-v31-builder .builder-row:has(.rl-v31-scope-switcher) .custom-number-wrapper {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
    }

    #rl-variants-v31-builder .rl-v31-scope-switcher {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        justify-self: stretch !important;
        align-self: auto !important;

        width: 100% !important;
        gap: 8px !important;
        margin: 2px 0 0 0 !important;
    }

    #rl-variants-v31-builder .rl-v31-scope-btn {
        padding: 6px 6px !important;
        font-size: 14px !important;
    }
}

        /* --- КАСТОМНЫЕ СТРЕЛКИ ВВОДА КОЛИЧЕСТВА --- */
        #rl-variants-v31-builder .custom-number-wrapper {
            display: flex !important;
            flex-direction: column !important; /* По умолчанию (для телефона) друг под другом */
            align-items: center !important;
            justify-content: center !important;
        }
        #rl-variants-v31-builder .num-arrow {
            color: #6B7280 !important;
            font-size: 24px !important;
            font-weight: 700 !important; 
            font-family: monospace !important; 
            line-height: 0.8 !important;
            cursor: pointer !important;
            user-select: none !important;
            padding: 5px 20px !important;
            transition: color 0.2s, transform 0.1s !important;
            -webkit-tap-highlight-color: transparent !important;
        }
	
		@media (hover: hover) {
        #rl-variants-v31-builder .num-arrow:hover {
            color: #202124 !important;
        }
		}
        
        /* Мобильный вид (стрелки вверх и вниз) */
        #rl-variants-v31-builder .num-arrow.up {
            transform: rotate(90deg) !important;
            margin-top: -4px !important;
            margin-bottom: 2px !important;
            
            /* Если стрелка визуально съехала влево/вправо от центра поля ввода, 
               подбери цифру тут (например: 2px или -1px) */
            position: relative !important;
            left: 2px !important; 
        }

        /* Добавили :hover для надежности скейла */
		@media (hover: hover) {
        #rl-variants-v31-builder .num-arrow.up:hover { 
            transform: rotate(90deg) scale(1.2) !important; 
        }
		}

        #rl-variants-v31-builder .num-arrow.up:active { 
            transform: rotate(90deg) scale(1.2) !important; 
        }
        
        #rl-variants-v31-builder .num-arrow.down {
            transform: rotate(-90deg) !important;
            margin-top: 4px !important;
            margin-bottom: -2px !important;
            
            /* Та же калибровка центра для нижней стрелки */
            position: relative !important;
            left: 0 !important; 
        }
        /* Добавили :hover для надежности скейла */
		@media (hover: hover) {
        #rl-variants-v31-builder .num-arrow.down:hover { 
            transform: rotate(-90deg) scale(1.2) !important; 
        }
		}
	
		#rl-variants-v31-builder .num-arrow.down:active { 
            transform: rotate(-90deg) scale(1.2) !important; 
        }

        /* === ПК-ВЕРСИЯ (Стрелки слева и справа) === */
        @media (min-width: 601px) {
            #rl-variants-v31-builder .custom-number-wrapper {
                flex-direction: row !important; /* Выстраиваем в линию */
                align-items: center !important; /* ЖЕСТКО центрируем инпут и стрелки по вертикали */
            }
            
            #rl-variants-v31-builder .num-arrow.down {
                order: 1 !important; /* Уменьшение встает слева */
                transform: rotate(0deg) !important; /* Базовый поворот */
                margin-top: -3px !important; /* Двигаем вверх для выравнивания (если нужно вниз - поставь 2px) */
                margin-bottom: 0 !important;
                margin-right: 5px !important;
                padding: 10px 10px !important; /* Зона клика */
            }
            /* Анимация увеличения при НАВЕДЕНИИ и НАЖАТИИ */
			@media (hover: hover) {
            #rl-variants-v31-builder .num-arrow.down:hover { 
                transform: rotate(0deg) scale(1.2) !important; 
            }
			}
			
			#rl-variants-v31-builder .num-arrow.down:active { 
                transform: rotate(0deg) scale(1.2) !important; 
            }
            
            #rl-variants-v31-builder .builder-input {
                order: 2 !important; /* Поле ввода остается строго посередине */
                margin: 0 !important; /* Блокируем возможные кривые отступы от темы WordPress */
            }
            
            #rl-variants-v31-builder .num-arrow.up {
                order: 3 !important; /* Увеличение встает справа */
                transform: rotate(180deg) !important; /* Смотрит вправо » */
                margin-top: -2px !important; /* Точно такое же выравнивание для второй стрелки */
                margin-bottom: 0 !important;
                margin-left: 5px !important;
                padding: 10px 10px !important;
            }
            /* Анимация увеличения при НАВЕДЕНИИ и НАЖАТИИ */
			@media (hover: hover) {
            #rl-variants-v31-builder .num-arrow.up:hover { 
                transform: rotate(180deg) scale(1.2) !important; 
            }
			}
			
			.num-arrow.up:active { 
                transform: rotate(180deg) scale(1.2) !important; 
            }
		
        }
        
        /* ==========================================================================
           4. КНОПКА ГЕНЕРАЦИИ
           ========================================================================== */
        #rl-variants-v31-builder .generate-btn {
            width: 100% !important;
            background: var(--main-blue) !important; 
            color: #ffffff !important; 
            border: none !important; 
            padding: 15px 15px !important; 
            border-radius: 10px !important; 
            cursor: pointer !important;
            font-weight: 600 !important; 
            display: flex !important; 
            align-items: center !important; 
            justify-content: center !important; 
            margin: 10px 0 0 0 !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 18px !important; 
            transition: background-color 0.2s, box-shadow 0.2s !important; 
            -webkit-tap-highlight-color: transparent !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
            box-sizing: border-box !important;
        }
	
		@media (hover: hover) {
        #rl-variants-v31-builder .generate-btn:hover {
            background: var(--hover-blue) !important;
            color: #E6E9ED !important; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
        }
		}

        /* ==========================================================================
           5. ЦЕНТРИРОВАНИЕ НА ПК (Опции и кнопка 50%)
           ========================================================================== */
        @media (min-width: 601px) {
            #rl-variants-v31-builder .builder-options-box,
            #rl-variants-v31-builder .generate-btn {
                width: 50% !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
        }

        /* ==========================================================================
           11. СТИЛИ УВЕДОМЛЕНИЙ SWEETALERT2
           ========================================================================== */
        /* Общий контейнер только для окон вашей лаборатории */
        div:where(.swal2-container.rl-swal-container) { font-family: 'Inter', sans-serif !important; z-index: 50 !important; }
        .swal2-container.swal2-top:has(.generator-toast) {
		z-index: 50 !important; 
		width: 100% !important;
		max-width: 100vw !important;
		}
        
        /* Эксклюзивный класс для центральных модалок генератора */
        .rl-generator-popup { 
            border: 2px solid var(--main-blue) !important;
			border-radius: 10px !important; 
            padding: 15px !important;
            box-shadow: 0 0 15px rgba(0.5, 0.5, 0.5, 0.5) !important;
			max-width: 1200px !important;
        }

        .rl-generator-popup .swal2-title { display: none !important; }
        .rl-generator-popup .swal2-html-container {
            font-size: 16px !important;
			color: #202124 !important;
			font-weight: 500 !important;
            text-align: center !important;
			margin: 0 0 10px 0 !important;
			padding: 0 !important;
			width: 100% !important;
        }
        .rl-generator-popup .swal2-actions { margin-top: 0 !important; gap: 15px !important; }
        
        /* Делаем тост */
        .generator-toast {
            background: #ffffff !important;
            border: 2px solid var(--main-blue) !important;
            border-radius: 10px !important;
            padding: 9px 20px !important;
            box-shadow: 0 0 15px rgba(0.5, 0.5, 0.5, 0.5) !important;
            width: auto !important; 
            align-items: center !important;
            justify-content: center !important;

        }
        .generator-toast .swal2-title {
            color: var(--main-blue) !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            margin: 0 !important;
            padding: 0 !important;
            text-align: center !important;
        }

        /* Кнопки уведомлений */
        .swal-custom-btn {
            background: #ffffff !important; color: var(--main-blue) !important;
            font-size: 16px !important; font-weight: 600 !important;
            padding: 8px 20px !important; border: 2px solid var(--main-blue) !important;
            border-radius: 10px !important;
            cursor: pointer !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important;
            transition: background-color 0.2s, box-shadow 0.2s !important;
        }
        .swal-custom-btn:hover {
            background: #E6E9ED !important; color: #00468D !important;
            border-color: #00468D !important; box-shadow: none !important;
        }
        
        /* Убираем покачивание и делаем плавный выезд */
        .generator-toast.swal2-show {
            animation: toast-smooth-show 0.3s ease-out forwards !important;
        }
        .generator-toast.swal2-hide {
            animation: toast-smooth-hide 0.3s ease-in forwards !important;
        }

        @keyframes toast-smooth-show {
            0% { transform: translateY(-100px); opacity: 1; }
            100% { transform: translateY(0); opacity: 1; }
        }
        @keyframes toast-smooth-hide {
            0% { transform: translateY(0); opacity: 1; }
            100% { transform: translateY(-100px); opacity: 1; }
        }
	
		/* ==========================================================================
  		 КНОПКИ НАВИГАЦИИ (ВВЕРХ / ВНИЗ / НАЗАД)
  	 	========================================================================== */
		#rl-variants-v31-builder .rl-nav-buttons-grid {
    		display: grid !important;
    		grid-template-columns: 1fr auto 1fr !important;
   	 	align-items: center !important;
    		width: 100% !important;
    		margin: 10px 0 !important;
		}
		#rl-variants-v31-builder .rl-nav-btn-left { text-align: left !important; }
		#rl-variants-v31-builder .rl-nav-btn-center { text-align: center !important; }

		/* Убиваем подчеркивание у ссылок-кнопок внутри сетки */
		#rl-variants-v31-builder .rl-nav-buttons-grid a { text-decoration: none !important; }

		/* Красивое вращение символа без нагромождения inline-стилей */
		#rl-variants-v31-builder .nav-arrow-icon {
    		display: inline-block !important;
    		font-size: 18px !important;
    		line-height: 1 !important;
    		margin-left: 0 !important;
		}
		.nav-arrow-down { transform: rotate(-90deg) !important; }
		.nav-arrow-up { transform: rotate(90deg) !important; }
	
#rl-variants-v31-builder .var-error-empty {
    background: #FFF5F5 !important;
    color: #D93025 !important;
    padding: 12px 15px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    border: 2px solid #D93025 !important;
    text-align: center !important;
}

#rl-variants-v31-builder .builder-select-wrap {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    position: relative !important;
}

#rl-variants-v31-builder #difficulty-sort-arrow {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    transition: transform 0.2s ease !important;
}

#rl-variants-v31-builder .builder-row-main {
    flex: 1 !important;
    padding-right: 15px !important;
}
	
            /* ==========================================================================
               ГЛОБАЛЬНЫЕ ЦВЕТА
               ========================================================================== */
            :root { 
                --main-blue: #0066CD;
                --hover-blue: #00468D;
            }

            /* ==========================================================================
               ОЧИСТКА МУСОРА ТЕМЫ (Скрываем стандартные заголовки, крошки и обводку)
               ========================================================================== */
            header.entry-header,
            .ast-single-post-header,
            nav.post-navigation,
            .ast-breadcrumbs-wrapper,
            .post-navigation {
                display: none !important;
            }
            
            article.post, 
            article.rl_custom_variant,
            .ast-article-single,
            .entry-content {
                border: none !important;
                box-shadow: none !important;
                background: transparent !important;
                padding: 0 !important;
                margin-top: 0 !important;
            }
		
            /* ==========================================================================
               АККОРДЕОН В ТОЧНОМ СТИЛЕ ЛК (Из файла ЛК 5.1)
               ========================================================================== */
            #rl-variants-v31-view .variant-tools-accordion {
                background: #F8FAFC !important;
                border: 2px solid #0066CD !important;
                border-radius: 10px !important;
                margin: 0 0 15px 0 !important;
                overflow: hidden !important;
                box-sizing: border-box !important;
                font-family: 'Inter', sans-serif !important;
            }
            #rl-variants-v31-view .variant-tools-accordion summary {
                padding: 15px 15px !important;
                cursor: pointer !important;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                position: relative !important;
                font-size: 16px !important;
                font-weight: 600 !important;
                color: #0066CD !important;
                list-style: none !important;
                background: transparent !important;
                border-bottom: 0px solid transparent !important;
                outline: none !important;
                user-select: none !important;
                margin: 0 !important;
            }

            /* Фиксируем стрелочку у правого края, чтобы она не съезжала в центр к тексту */
            #rl-variants-v31-view .variant-tools-accordion summary .acc-icon {
                position: absolute !important;
                right: 15px !important;
            }
            
            /* Анимация крестика/стрелочки точь-в-точь как в ЛК 5.1 */
            #rl-variants-v31-view .acc-icon { 
                width: 14px !important;
                height: 8px !important; 
                position: relative !important; 
                transition: transform 0.2s ease !important; 
                flex-shrink: 0 !important;
            }
            #rl-variants-v31-view .acc-icon::before, 
            #rl-variants-v31-view .acc-icon::after { 
                content: '' !important;
                position: absolute !important; 
                background: #6B7280 !important; 
                width: 9px !important; 
                height: 2px !important; 
                top: 50% !important; 
                transition: 0.2s !important;
            }
            #rl-variants-v31-view .acc-icon::before { left: 0 !important; transform: translateY(-50%) rotate(45deg) !important; }
            #rl-variants-v31-view .acc-icon::after { right: 0 !important; transform: translateY(-50%) rotate(-45deg) !important; }
            
		
		/* ==========================================================================
   		ПЛАВНОЕ ОТКРЫТИЕ АККОРДЕОНА (Анимация выезда)
   		========================================================================== */
		/* 1. Базовое (закрытое) состояние контента */
		#rl-variants-v31-view .variant-tools-accordion .variant-tools-content {
    		max-height: 0 !important;
    		opacity: 0 !important;
    		overflow: hidden !important;
    		padding-top: 0 !important;
    		padding-bottom: 0 !important;
    		border-top-color: transparent !important;
    		/* Включаем обычный transition вместо keyframes */
    		transition: all 0.3s !important;
		}

		/* 2. Состояние, когда аккордеон ОТКРЫТ */
		#rl-variants-v31-view .variant-tools-accordion[open] .variant-tools-content {
    		max-height: 1000px !important; /* с запасом под высоту текста */
    		opacity: 1 !important;
    		padding-top: 10px !important;
    		padding-bottom: 10px !important;
    		border-top: 1px solid #D7DCE2 !important;

    		/* МАГИЯ: Сбрасываем стили в 0 при каждом открытии, чтобы transition запускался заново */
    		@starting-style {
       			max-height: 0 !important;
        		opacity: 0 !important;
        		padding-top: 0 !important;
        		padding-bottom: 0 !important;
        		border-top-color: transparent !important;
    		}
		}
		
            #rl-variants-v31-view .variant-tools-accordion[open] summary { border-bottom-color: #D7DCE2 !important; }
            #rl-variants-v31-view .variant-tools-accordion[open] .acc-icon { transform: rotate(180deg) !important; }
            
            #rl-variants-v31-view .variant-tools-content { 
                padding: 15px 15px 10px 15px !important;
                border-top: 1px solid #D7DCE2 !important;
                background: #F8FAFC !important; 
                text-align: left !important;
                padding-top: 10px !important;
            }

            /* ==========================================================================
               ГЛАВНАЯ КАРТОЧКА (Широкая на ПК, с компенсацией дыры сверху)
               ========================================================================== */
            #rl-variants-v31-view .custom-start-card { 
                max-width: 1200px !important;
                background: #ffffff !important; 
                padding: 10px 10px 10px 10px !important;
                border-radius: 10px !important; 
                border: 1px solid #D7DCE2 !important;
                text-align: center !important; 
                font-family: 'Inter', sans-serif !important; 
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
                box-sizing: border-box !important;
		margin: 15px auto !important;
            }
                      
	@media (max-width: 768px) {
    		#rl-variants-v31-view .custom-start-card {
        		margin-left: 0px !important;
        		margin-right: 0px !important;
        		width: auto !important;
    		}
	}
                                          
            /* ОКОНЧАТЕЛЬНО ДОБИВАЕМ НИЖНИЙ ОТСТУП И МУСОР */
            #rl-variants-v31-view .site-content { padding-bottom: 0 !important; }
            #rl-variants-v31-view .entry-content { margin-bottom: 0 !important; }
            #rl-variants-v31-view .entry-content > p:last-child { display: none !important; margin: 0 !important; }
            
            #rl-variants-v31-view .custom-start-card p:empty, 
            #rl-variants-v31-view .custom-start-card br {
                display: none !important;
            }
                                                    
            /* Убиваем невидимые переносы от Вордпресса внутри карточки */


            #rl-variants-v31-view .custom-start-title { 
                margin-top: 0 !important; 
                padding-top: 0 !important; /* Сбрасываем скрытые отступы Астры */
                line-height: 1.2 !important; /* Убиваем гигантскую высоту строки */
                font-size: 20px !important;
                color: #202124 !important; 
                font-weight: 600 !important; 
                margin-bottom: 7px !important; 
            }
                                                    
            #rl-variants-v31-view .custom-start-meta {
                font-size: 14px !important;
                color: #6B7280 !important;
                margin-bottom: 10px !important;
                font-weight: 500 !important;
            }

            /* ==========================================================================
               ВНУТРЕННОСТЬ АККОРДЕОНА (Восстановление стилей кнопок и инпута)
               ========================================================================== */
            
            /* 1. Поле со ссылкой на вариант */
            #rl-variants-v31-view .variant-link-box {
                width: 100% !important; 
                padding: 20px !important; 
                border: 2px solid #00A84E !important; 
                border-radius: 10px !important; 
                background: #ffffff !important; 
                color: #00A84E !important; 
                font-size: 16px !important; 
                font-weight: 500 !important;
                margin-bottom: 10px !important; 
                cursor: pointer !important;
                box-sizing: border-box !important; 
                outline: none !important; 
                font-family: 'Inter', sans-serif !important;
                transition: all 0.2s !important;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
            }
                    
			@media (hover: hover) {
            #rl-variants-v31-view .variant-link-box:hover { 
                background: #E6E9ED !important; 
                border-color: #00863E !important; 
                color: #00863E !important;
                box-shadow: none !important;
            }
			}

            /* 2. Сетка для кнопок скачивания PDF */
            #rl-variants-v31-view .variant-tools-grid {
                display: grid !important; 
                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; 
                gap: 10px !important;
            }

            /* 3. Сами кнопки скачивания (КИМ, Ответы, Бланки) */
            #rl-variants-v31-view .tool-pdf-btn {
                display: flex !important; 
                align-items: center !important; 
                justify-content: center !important; 
                gap: 8px !important; 
                background: #ffffff !important; 
                border: 2px solid #0066CD !important; 
                padding: 10px !important; 
                border-radius: 10px !important; 
                color: #0066CD !important; 
                font-size: 16px !important; 
                font-weight: 500 !important; 
                text-decoration: none !important; 
                transition: all 0.2s !important; 
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
                box-sizing: border-box !important;
            }

            /* 4. Эффект при наведении на кнопки скачивания */
			@media (hover: hover) {
            #rl-variants-v31-view .tool-pdf-btn:hover { 
                background: #E6E9ED !important; 
                border-color: #00468D !important; 
                color: #00468D !important; 
            }
			}

			#rl-variants-v31-view .tool-pdf-btn.is-clicked {
    			pointer-events: none !important;
    			box-shadow: none !important;
    			filter: brightness(0.8) !important;
			}

            /* ==========================================================================
               ФИКС ТАБЛИЦ (Жестко по левому краю, без центрирования нижней строки)
               ========================================================================== */
            #rl-variants-v31-view .task-content table {
                margin: 0 !important;
            }
            #rl-variants-v31-view .task-content table td, 
            #rl-variants-v31-view .task-content table th {
                text-align: left !important;
            }
            
            /* ==========================================================================
               ИНФОРМАЦИОННАЯ ПЛАШКА (Количество заданий, время и т.д.)
               ========================================================================== */
            
            /* 1. Главный контейнер плашки */
            #rl-variants-v31-view .custom-start-info { 
                background: #F8FAFC !important; /* Цвет фона всей плашки */
                border: 1px solid #D7DCE2 !important; /* Внешняя обводка */
                border-radius: 10px !important; 
                margin-top: 15px !important; /* Отступ СВЕРХУ (от текста инструкции) */
                margin-bottom: 15px !important; /* Отступ СНИЗУ (до кнопки) */
                padding: 0 !important; /* Общий отступ 0, чтобы разделители касались краев */
                overflow: hidden !important; /* Чтобы линии не вылезали за скругленные углы */
                width: 100% !important;
                box-sizing: border-box !important;
            }

            /* 2. Центрирование плашки на ПК (50% ширины) */
            @media (min-width: 601px) {
                #rl-variants-v31-view .custom-start-info {
                    width: 50% !important;
                    margin-left: auto !important;
                    margin-right: auto !important;
                }
            }

            /* 3. Настройка каждой отдельной строки (ячейки) */
            .custom-start-info .info-row {
                display: flex !important;
                justify-content: space-between !important;
                align-items: center !important;
                /* ВОТ ТУТ ВЫСОТА ЯЧЕЙКИ: 12px (верх и низ), 15px (отступы от краев) */
                padding: 12px 15px !important; 
                border-bottom: 1px solid #D7DCE2 !important; /* Разделитель до краев */
            }
            
            /* У последней строки убираем нижний разделитель */
            #rl-variants-v31-view .custom-start-info .info-row:last-child {
                border-bottom: none !important; 
            }

            /* 4. Настройка текста слева (Количество заданий, Таймер) */
            #rl-variants-v31-view .custom-start-info .info-label {
                color: #202124 !important; /* Цвет бледного текста */
                font-size: 16px !important;
                font-family: 'Inter', sans-serif !important;
                font-weight: 500 !important; /* Жирность (400 - обычно, 500 - средне, 600 - жирно) */
            }

            /* 5. Настройка текста справа (Сами цифры и значения) */
            #rl-variants-v31-view .custom-start-info .info-val {
                color: #202124 !important; /* Цвет цифр */
                font-size: 16px !important;
                font-family: 'Inter', sans-serif !important;
                font-weight: 500 !important; /* Жирность значений */
            }

            #rl-variants-v31-view .custom-start-info.custom-start-info-author {
                margin-top: 10px !important;
            }

            #rl-variants-v31-view .custom-author-timer-row {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 10px !important;
                width: fit-content !important;
                max-width: 100% !important;
                margin: 15px auto 0 auto !important;
                cursor: pointer !important;
                background: #F8FAFC !important;
                border: 1px solid #D7DCE2 !important;
                border-radius: 10px !important;
                padding: 10px 12px !important;
                box-sizing: border-box !important;
                font-family: 'Inter', sans-serif !important;
            }

            #rl-variants-v31-view .custom-author-timer-row.is-disabled {
                cursor: default !important;
                opacity: 0.85 !important;
            }

            #rl-variants-v31-view .custom-author-timer-row .criterion-label-text {
                color: #202124 !important;
                font-size: 16px !important;
                font-family: 'Inter', sans-serif !important;
                font-weight: 600 !important;
                margin-left: 5px !important;
                margin-right: 0 !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }

            #rl-variants-v31-view .custom-author-timer-row .custom-checkbox {
                appearance: none !important;
                -webkit-appearance: none !important;
                width: 24px !important;
                height: 24px !important;
                background-color: #ffffff !important;
                border: 2px solid var(--main-blue) !important;
                border-radius: 10px !important;
                cursor: pointer !important;
                flex-shrink: 0 !important;
                margin: 0 !important;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
                transition: background-color 0.2s, box-shadow 0.2s !important;
            }

            @media (hover: hover) {
                #rl-variants-v31-view .custom-author-timer-row .custom-checkbox:hover {
                    border-color: var(--hover-blue) !important;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
                }
            }

            #rl-variants-v31-view .custom-author-timer-row .custom-checkbox:checked {
                background-color: var(--main-blue) !important;
                border-color: var(--main-blue) !important;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
                background-size: 15px !important;
                background-position: center !important;
                background-repeat: no-repeat !important;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
            }

            @media (hover: hover) {
                #rl-variants-v31-view .custom-author-timer-row .custom-checkbox:checked:hover {
                    background-color: var(--hover-blue) !important;
                    border-color: var(--hover-blue) !important;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
                }
            }

            #rl-variants-v31-view .custom-author-timer-row .custom-checkbox:disabled {
                cursor: default !important;
                border-color: #D7DCE2 !important;
                box-shadow: none !important;
            }

            #rl-variants-v31-view .custom-author-timer-row .custom-checkbox:checked:disabled {
                background-color: var(--main-blue) !important;
                border-color: var(--main-blue) !important;
                opacity: 0.6 !important;
            }

            /* ==========================================================================
               ТЕКСТ-ИНСТРУКЦИЯ (Под аккордеоном)
               ========================================================================== */
            #rl-variants-v31-view .custom-start-text {
                font-size: 16px !important; 
                color: #202124 !important; 
                margin-bottom: 15px !important; 
                line-height: 1.5 !important;
                text-align: justify !important; 
                hyphens: auto !important; 
                -webkit-hyphens: auto !important; 
                -moz-hyphens: auto !important;
                -ms-hyphens: auto !important; 
                overflow-wrap: break-word !important;
                word-break: normal !important;
            }
            #rl-variants-v31-view .custom-start-text p {
                margin-top: -5px !important;
                margin-bottom: -3px !important;
                line-height: 1.4 !important;
            }

/* Задает идеальный отступ в 15px сверху для каждого последующего абзаца */
#rl-variants-v31-view .custom-start-text p + p {
    margin-top: 10px !important;
}

            #rl-variants-v31-view .custom-start-text a {
                color: #0066CD !important;
                text-decoration: none !important;
                transition: color 0.2s !important;
                font-weight: 600 !important;
            }
													
			@media (hover: hover) {
            #rl-variants-v31-view .custom-start-text a:hover {
                color: #00468D !important;
            }
			}
                                                    
            /* ==========================================================================
               КНОПКА "НАЧАТЬ ТЕСТИРОВАНИЕ"
               ========================================================================== */
            #rl-variants-v31-view .generate-btn {
                width: 100% !important;
                background: var(--main-blue) !important; 
                color: #ffffff !important; 
                border: none !important; 
                padding: 15px 15px !important; 
                border-radius: 10px !important; 
                cursor: pointer !important;
                font-weight: 600 !important; 
                display: flex !important; 
                align-items: center !important; 
                justify-content: center !important; 
                margin: 0 auto !important; /* Центрирование */
                font-family: 'Inter', sans-serif !important;
                font-size: 18px !important; 
                transition: background-color 0.2s, box-shadow 0.2s !important; 
                -webkit-tap-highlight-color: transparent !important;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
                box-sizing: border-box !important;
            }
													
			@media (hover: hover) {
            #rl-variants-v31-view .generate-btn:hover {
                background: var(--hover-blue) !important;
                color: #E6E9ED !important; 
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
            }
			}

            /* Чтобы на ПК она была не на весь экран, а 50% и по центру */
            @media (min-width: 601px) {
                #rl-variants-v31-view .generate-btn {
                    width: 50% !important;
                }
            }

			/* Зеленый цвет для кнопок продолжения теста */
       		#rl-variants-v31-view .generate-btn.custom-green-btn {
    			background: #00A84E !important;
    			border-color: #00A84E !important;
			}
			
			@media (hover: hover) {
			#rl-variants-v31-view .generate-btn.custom-green-btn:hover {
				background: #00863E !important;
    			border-color: #00863E !important; 
			}
			}
													
			#rl-variants-v31-view .generate-btn.custom-green-btn.is-clicked {
    			pointer-events: none !important;
    			box-shadow: none !important;
    			filter: opacity(0.5) !important;
			}
                        								
            /* ==========================================================================
               СТИЛИ УВЕДОМЛЕНИЙ SWEETALERT2 (ТОСТЫ)
               ========================================================================== */
            div:where(.swal2-container) { font-family: 'Inter', sans-serif !important; z-index: 50 !important; }
       		.swal2-container.swal2-top:has(.generator-toast) { z-index: 50 !important; }
            
            /* Делаем тост */
            .generator-toast {
            background: #ffffff !important;
                border: 2px solid var(--main-blue) !important;
                border-radius: 10px !important;
                padding: 9px 20px !important;
                box-shadow: 0 0 15px rgba(0.5, 0.5, 0.5, 0.5) !important;
                width: auto !important; 
                align-items: center !important;
                justify-content: center !important;
            }
            .generator-toast .swal2-title {
                color: var(--main-blue) !important;
                font-family: 'Inter', sans-serif !important;
                font-size: 16px !important;
                font-weight: 500 !important;
                margin: 0 !important;
                padding: 0 !important;
                text-align: center !important;
            }
            
            /* Убираем покачивание и делаем плавный выезд */
        .generator-toast.swal2-show {
            animation: toast-smooth-show 0.3s ease-out forwards !important;
        }
        .generator-toast.swal2-hide {
            animation: toast-smooth-hide 0.3s ease-in forwards !important;
        }

            @keyframes toast-smooth-show {
                0% { transform: translateY(-100px); opacity: 1; }
                100% { transform: translateY(0); opacity: 1; }
            }
            @keyframes toast-smooth-hide {
                0% { transform: translateY(0); opacity: 1; }
                100% { transform: translateY(-100px); opacity: 1; }
            }
													
		/* ==========================================================================
               КНОПКА НАЗАД
           ========================================================================== */
													
		/* Выравнивание кнопки назад под мобильные устройства (аналогично самой карточке) */
            #rl-variants-v31-view .custom-back-btn-wrapper { max-width: 1200px !important; margin: 10px auto -5px auto !important; padding: 0px 0px 0px 0px !important; text-align: left !important; }

#rl-variants-v31-view .variant-loading-box {
    width: calc(100% - 30px) !important;
    max-width: 600px !important;
    margin: 20px auto !important;
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border: 2px solid #202124 !important;
    text-align: center !important;
    font-family: 'Inter', sans-serif !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    box-sizing: border-box !important;
}

#rl-variants-v31-view .variant-loading-title {
    margin: 0 !important;
    font-size: 20px !important;
    color: #202124 !important;
    font-weight: 600 !important;
}

#rl-variants-v31-view .custom-back-btn-wrapper .my-custom-blue-btn {
    text-decoration: none !important;
}

#rl-variants-v31-view .variant-start-form {
    margin-top: 15px !important;
}

#rl-variants-v31-view .variant-continue-wrap {
    margin-top: 15px !important;
}

#rl-variants-v31-view .generate-btn.custom-green-btn {
    text-decoration: none !important;
}

#rl-variants-v31-view .var-load-more-wrap {
    text-align: center !important;
    padding: 10px 0 !important;
    width: 100% !important;
}

#rl-variants-v31-view .var-load-cards-btn {
    background: #ffffff !important;
    color: #0066CD !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border: 2px solid #0066CD !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: 0.2s !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
}			
						
					
					#rl-variants-v31-view .header-title { /* Оформление системных ошибок */
					text-align: center; 
					font-size: 16px; 
					font-weight: 500; 
					color: #202124; 
					background: #ffffff !important; 
					border: 2px solid #D7DCE2; 
					border-radius: 10px; 
					padding: 10px 15px; 
					box-sizing: border-box;
					width: fit-content !important;
					max-width: 100% !important;
					margin: 0 auto 15px auto !important; 
					box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
					font-family: "Inter", sans-serif !important; 
					}
					
body #exam-wrapper {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

body #exam-wrapper .exam-timer-bar {
    margin: -5px auto 10px auto !important;
}

                /* Общий контейнер блока результатов */
                #rl-variants-v31-view .leaderboard-box { 
                    max-width: 1200px !important;
					margin: 0px auto 15px auto !important;
					background: #ffffff !important; 
                    border: 1px solid #D7DCE2 !important;
					border-radius: 10px !important;
					overflow: hidden !important; 
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
					font-family: 'Inter', sans-serif !important;
					box-sizing: border-box !important;
                }
                
				/* Баллы — неприкосновенны */
                #rl-variants-v31-view .lb-score {
                    white-space: nowrap !important;
                    flex-shrink: 0 !important;
                }

                /* Имя и Дата — режутся, если не влезают */
                #rl-variants-v31-view .lb-name, .lb-date {
                    white-space: nowrap !important;
                    overflow: hidden !important;
                    text-overflow: ellipsis !important;
                    min-width: 0 !important;
                    flex-shrink: 1 !important; /* Разрешаем сжатие */
                }

                /* На телефонах приоритет отдаем баллам и дате, имя режем сильнее */
                #rl-variants-v31-view .lb-name {
                    flex: 0 1 auto !important;
                }
			
                /* Шапка блока (белая, по центру) */
                #rl-variants-v31-view .leaderboard-head { 
                    background: #ffffff !important;
					padding: 10px !important;
					font-size: 16px !important;
					font-weight: 600 !important; 
                    border-bottom: 1px solid #D7DCE2 !important;
					color: #202124 !important;
					text-align: center !important; 
                }
                
                /* Сетка кнопок (на ПК 2 в ряд) */
                #rl-variants-v31-view .leaderboard-grid {
                    display: grid !important;
					grid-template-columns: 1fr 1fr !important;
					gap: 10px !important; padding: 10px !important;
                }
			
				/* Адаптация сетки результатов под мобильные устройства (1 в ряд) */
				@media (max-width: 768px) {
    				#rl-variants-v31-view .leaderboard-grid {
        				grid-template-columns: 1fr !important;
    				}
				}

                /* Сама кнопка-результат (полная копия .tool-pdf-btn) */
                #rl-variants-v31-view .lb-item-btn {
                    display: flex !important;
					align-items: center !important;
					justify-content: center !important; 
                    background: #ffffff !important;
					border: 2px solid #0066CD !important;
					padding: 10px !important;
                    border-radius: 10px !important;
					color: #0066CD !important;
					font-size: 16px !important;
					font-weight: 500 !important; 
                    text-decoration: none !important;
					transition: all 0.2s !important;
					box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
                    box-sizing: border-box !important;
					text-align: center !important;
					line-height: 1.2 !important;
					width: 100% !important;
                    max-width: 100% !important;
                    min-width: 0 !important; /* Позволяет кнопке сжиматься меньше своего контента */
                    overflow: hidden !important;
                }
			
				@media (hover: hover) {
                #rl-variants-v31-view .lb-item-btn:hover { 
                    filter: brightness(0.8) !important;
					box-shadow: none !important;
                }
				}
                
                /* Разделитель | внутри кнопки */
                #rl-variants-v31-view .lb-sep {
                    margin: 0 10px !important;
					font-weight: 500 !important;
					color: #0066CD !important;
                }

                /* Стиль текста, если результатов нет */
                #rl-variants-v31-view .leaderboard-empty {
                    padding: 10px 15px 15px 15px !important;
					text-align: center !important;
					color: #6B7280 !important;
					font-size: 16px !important;
					font-weight: 500 !important;
					text-align: center !important; 
                	hyphens: auto !important; 
                	-webkit-hyphens: auto !important; 
                	-moz-hyphens: auto !important;
                	-ms-hyphens: auto !important; 
                	overflow-wrap: break-word !important;
                	word-break: normal !important;
                }
			
			#rl-variants-v31-view .lb-item-btn.is-clicked {
    			pointer-events: none !important;
    			box-shadow: none !important;
    			filter: brightness(0.8) !important;
			}

body:has(#rl-variants-v31-view) .entry-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.swal2-popup.generator-toast.generator-toast-guest-login {
    border-color: #E37400 !important;
    cursor: pointer !important;
    user-select: none !important;
}

.swal2-popup.generator-toast.generator-toast-guest-login .swal2-title,
.swal2-popup.generator-toast.generator-toast-guest-login .swal2-html-container {
    color: #E37400 !important;
    cursor: pointer !important;
    user-select: none !important;
}

.swal2-popup.generator-toast.generator-toast-guest-login:hover {
    border-color: #E37400 !important;
}

/* Единая мобильная ширина: по 15px от краёв, как в навигаторе заданий */
@media (max-width: 768px) {
    .ast-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }
}