/* ==========================================================================
           1. ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ И ГЛАВНЫЙ КОНТЕЙНЕР
           ========================================================================== */
        :root { 
            --main-blue: #0066CD;  /* Главный синий цвет сайта */
            --hover-blue: #00468D; /* Темно-синий цвет при наведении */
        }

        #zadania-1-wrapper.obshchij-tasks-container { 
            max-width: 1200px; /* Максимальная ширина всего блока заданий */
            margin: 0 auto;    /* Центрирование блока на странице */
            font-family: 'Inter', sans-serif;
            width: 100% !important; /* Принудительно на всю ширину родителя */
        }

		@media (max-width: 768px) { /* Настраиваем отступы контента от краев экрана на мобильных устройствах */
			.ast-container { /* Влияет на всю страницу, как в оригинале */
			padding-left: 15px !important; 
			padding-right: 15px !important; 
			max-width: 100% !important; 
  			}
		}

        /* ==========================================================================
           2. БЛОК СТАТИСТИКИ (Верхняя панель)
           ========================================================================== */
		#zadania-1-wrapper .tasks-stat-summary {
            background: #ffffff; /* Цвет фона блока статистики */
            border: 1px solid #D7DCE2; /* Рамка */
            border-radius: 10px; /* Скругление углов */
            padding: 15px; /* Внутренние отступы */
            margin-bottom: 15px; /* Отступ до кнопок ниже */
            display: flex; 
            flex-direction: column; /* Ставим заголовок над цифрами */
            gap: 10px; /* Расстояние между заголовком и цифрами */
            font-family: 'Inter', sans-serif; 
            text-align: center;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; /* Тень */
        }
	
		/* Настройки текста заголовка */
        #zadania-1-wrapper .tasks-stat-title {
            font-size: 18px; /* Размер текста заголовка */
            font-weight: 500; /* Жирность заголовка */
            color: #202124; /* Цвет заголовка */
            margin: 0;
            line-height: 1.5;
        }

        /* Цифры (Заданий, Верно, Ошибки) в горизонтальный ряд */
        #zadania-1-wrapper .tasks-stat-boxes {
            display: flex;
            justify-content: space-around; 
            width: 100%;
        }

        /* Делаем блок статистики 1/3 ширины на ПК */
        @media (min-width: 601px) {
            #zadania-1-wrapper .tasks-stat-summary {
                width: 50% !important;
                margin-left: auto !important;  
                margin-right: auto !important; 
                box-sizing: border-box !important; 
            }
        }
               
        #zadania-1-wrapper .stat-box { 
            display: flex; 
            flex-direction: column; 
            align-items: center; 
            justify-content: center; 
        }

        #zadania-1-wrapper .stat-label { 
            font-size: 16px; /* Размер текста "Заданий", "Верно" */
            font-weight: 600; /* Жирность (400 - норм, 600/700 - жирный) */
            color: #202124; /* Цвет текста */
            margin-bottom: 10px; /* Расстояние до цифры под ним */
        }

        #zadania-1-wrapper .stat-value { 
            font-size: 18px; /* Размер цифр статистики */
            font-weight: 600; 
            color: #202124; 
        }
        
        #zadania-1-wrapper .stat-value.success { color: #00A84E; } /* Цвет цифры "Верно" */
        #zadania-1-wrapper .stat-value.danger { color: #D93025; }  /* Цвет цифры "Ошибки" */

        /* ==========================================================================
           3. ВЕРХНИЕ КНОПКИ УПРАВЛЕНИЯ (Избранное, сброс)
           ========================================================================== */
        #zadania-1-wrapper .reset-all-container { 
            margin-bottom: 15px;
/* Отступ до первой карточки задания */
            display: flex;
            flex-direction: row; /* Выстраиваем кнопки в линию */
            justify-content: center; /* Центрируем весь блок с кнопками */
            align-items: center; 
            gap: 25px; /* Отступ 25 пикселей между кнопками */
        }
        
        /* Кнопка "Сброс" */
        #zadania-1-wrapper .reset-all-btn { 
            background: #ffffff; 
            color: #6B7280; 
            font-size: 14px;
            font-weight: 600; 
            padding: 10px 15px;
            border: 2px solid #6B7280 !important;
            border-radius: 10px; 
            cursor: pointer; 
            font-family: 'Inter', sans-serif; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
            transition: background-color 0.2s, box-shadow 0.2s !important;
            -webkit-tap-highlight-color: transparent !important; 
            outline: none !important; 
            user-select: none; 
            appearance: none !important; 
        }

        /* Наведение на кнопку сброса */
		@media (hover: hover) {
        #zadania-1-wrapper .reset-all-btn:hover { 
            background: #E6E9ED !important; 
            color: #202124 !important; 
            border-color: #202124 !important; 
            outline: none !important; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important; 
        }
		}

        /* Заблокированная кнопка сброса */
        #zadania-1-wrapper .reset-all-btn:disabled {
            background: #D7DCE2 !important;
            color: #6B7280 !important;
            border-color: #D7DCE2 !important;
            cursor: not-allowed !important;
            box-shadow: none !important; 
        }
							
		#zadania-1-wrapper .reset-all-btn.is-clicked {
		background: #E6E9ED !important; 
        color: #202124 !important; 
        border-color: #202124 !important; 
    	pointer-events: none !important;
		filter: brightness(0.8) !important
		box-shadow: none !important;
		}
        
        /* Кнопка "Показать только избранные" */
        #zadania-1-wrapper .toggle-favs-btn {
            background: #ffffff !important; 
            color: #D93025 !important; 
            font-size: 16px;
            font-weight: 600; 
            padding: 10px 20px; 
            border: 2px solid #D93025 !important; 
            border-radius: 10px; 
            cursor: pointer; 
            font-family: 'Inter', sans-serif;
            text-align: center;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: all 0.2s !important;
            -webkit-tap-highlight-color: transparent !important; 
            outline: none !important; 
            user-select: none;
        }

        /* Наведение на кнопку избранного */
		@media (hover: hover) {
        #zadania-1-wrapper .toggle-favs-btn:hover {
            background: #E6E9ED !important;
            color: #B3281E !important;
            border-color: #B3281E !important;
            outline: none !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
        }
		}
							
		@media (hover: none) {
        #zadania-1-wrapper .toggle-favs-btn:active {
            background: #E6E9ED !important;
            color: #B3281E !important;
            border-color: #B3281E !important;
            outline: none !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
			transition: none !important;
        }
		}

	.toggle-favs-btn.is-clicked {
   		pointer-events: none !important;
    		box-shadow: none !important;
    		filter: brightness(0.8) !important;
	}

        /* ==========================================================================
           4. КАРТОЧКА ЗАДАНИЯ (Общие рамки, шапка, иконки)
           ========================================================================== */
        /* Логика скрытия не-избранных */
        #zadania-1-wrapper.obshchij-tasks-container.show-favorites-only .task-card:not(.is-favorite) { 
            display: none !important; 
        }

        #zadania-1-wrapper .task-card { 
            background: #ffffff; /* Цвет фона карточки задания */
            border: 1px solid #D7DCE2; /* Цвет рамки карточки */
            border-radius: 10px; /* Скругление углов карточки */
            padding: 15px; /* Внутренние отступы от текста до рамки карточки */
            margin-bottom: 15px; /* Расстояние МЕЖДУ карточками */
            position: relative; 
            box-sizing: border-box; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;  
        }
        
        /* Иконка сердечка */
        #zadania-1-wrapper .fav-btn {
            position: absolute; 
            top: 13px; /* Отступ сверху */
            right: 15px; /* Отступ справа */
            color: #6B7280 !important; /* Серый цвет в обычном состоянии */
            cursor: pointer; 
            user-select: none; 
            line-height: 1; 
            transition: all 0.2s;
            -webkit-tap-highlight-color: transparent !important;
        }
        
		@media (hover: hover) {
        #zadania-1-wrapper .fav-btn:hover {
			transform: scale(1.3) !important;
		}
		}

        #zadania-1-wrapper .fav-btn.active {
			color: #D93025 !important;
		}

        /* Иконка поделиться */
        #zadania-1-wrapper .share-btn {
            position: absolute; 
            top: 13px; 
            right: 50px; /* Отодвигаем левее сердечка */
            color: #6B7280 !important; 
            cursor: pointer; 
            transition: all 0.2s;
            -webkit-tap-highlight-color: transparent !important;
        }
        
		@media (hover: hover) {
        #zadania-1-wrapper .share-btn:hover { 
            transform: scale(1.2) !important; 
            color: var(--main-blue) !important; /* Синеет при наведении */
        }
		}
		
		@media (hover: none) {
        #zadania-1-wrapper .share-btn:active { 
            transform: scale(1.2) !important; 
            color: var(--main-blue) !important; /* Синеет при наведении */
			transition: none !important;
        }
		}
							
		#zadania-1-wrapper .share-btn.is-clicked {
   			pointer-events: none !important;
		}
                    
        /* Шапка задания (Название и баллы) */
        #zadania-1-wrapper .task-header { 
            font-size: 14px; 
            font-weight: 500; 
            color: #6B7280; 
            padding-bottom: 10px; /* Отступ от текста шапки до линии */
            margin-bottom: 8px; /* Отступ от линии до текста самого задания */
            border-bottom: 1px solid #D7DCE2; /* Линия под заголовком */
        }

	/* ==========================================================================
           5. ТЕКСТ ЗАДАНИЯ И РАЗБОРА (Шрифты, размеры, отступы)
           ========================================================================== */
        #zadania-1-wrapper .task-content, 
        #zadania-1-wrapper .explanation-body,
        #zadania-1-wrapper .task-content p, 
        #zadania-1-wrapper .explanation-body p { 
            font-family: 'Inter', sans-serif !important;
            font-size: 16px !important; 
            font-weight: 500 !important; 
            color: #202124 !important; 
            line-height: 1.5 !important; 
            text-align: justify !important; 
            text-justify: inter-word; 
            text-align-last: left !important; 
            hyphens: auto; 
        }
        
        #zadania-1-wrapper .task-content strong, 
        #zadania-1-wrapper .task-content b,
        #zadania-1-wrapper .explanation-body strong, 
        #zadania-1-wrapper .explanation-body b {
            font-weight: 700 !important; 
            color: #202124 !important; 
        }

        /* УНИВЕРСАЛЬНЫЙ ОТСТУП МЕЖДУ ЛЮБЫМИ БЛОКАМИ (Абзацы, Таблицы, Картинки) */
        #zadania-1-wrapper .task-content > *, 
        #zadania-1-wrapper .explanation-body > * {
            margin-top: 0 !important;
            margin-bottom: 8px !important;
        }

        /* ОТСТУП ОТ НИЗА ЗАДАНИЯ ДО ПОЛЯ ОТВЕТА */
        #zadania-1-wrapper .task-content {
            margin-bottom: 15px !important; 
            display: flow-root; 
        }

        /* Обнуляем отступ у самого последнего элемента, чтобы сработал отступ контейнера */
        #zadania-1-wrapper .task-content > *:last-child, 
        #zadania-1-wrapper .explanation-body > *:last-child {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }
						 
		/* Компенсируем невидимый воздух шрифта (line-height) перед полем ответа */
        #zadania-1-wrapper .task-content p:last-child,
        #zadania-1-wrapper .explanation-body p:last-child {
            margin-bottom: -5px !important; /* "Съедаем" лишний воздух от текста */
        }

        /* ==========================================================================
           6. ПОЛЕ ВВОДА ОТВЕТА И КНОПКА ПРОВЕРКИ
           ========================================================================== */
        /* Заглушка для личных учеников (вместо кнопок) */
        #zadania-1-wrapper .personal-task-placeholder {
            margin-bottom: -14px !important;
        }

        #zadania-1-wrapper .task-action-area .input-group {
            display: flex;
            flex-direction: row !important; /* Всегда в строку (кнопка справа от поля) */
            gap: 15px; /* Расстояние между полем ввода и кнопкой */
            width: 100%; 
        }

        /* Само поле, куда ученик вводит ответ */
        #zadania-1-wrapper .user-answer { 
            flex: 3 !important; 
            width: 75% !important; /* Ширина поля (2/3 строки) */
            padding: 10px 7px !important; 
            font-size: 18px !important; /* Размер текста, который вводит ученик */
            font-weight: 500 !important; 
            color: #202124 !important; 
            background-color: #ffffff !important; /* Цвет фона поля */
            border: 2px solid #D7DCE2 !important; /* Толщина и цвет рамки поля */
            border-radius: 10px !important; /* Скругление углов поля */
            text-align: center !important; /* Текст вводится по центру */
            margin: 0 !important; 
            box-sizing: border-box !important;
            font-family: 'Inter', sans-serif;
			transition: border-color 0.2s !important;
                }
                #zadania-1-wrapper .user-answer:focus {
    			border-color: var(--main-blue) !important;
    			outline: none !important;
		}

        /* Кнопка "Ввод" / "Проверить" */
        #zadania-1-wrapper .check-task { 
            flex: 1 !important; 
            width: 25% !important; /* Ширина кнопки (1/3 строки) */
            padding: 10px 20px !important; 
            background: var(--main-blue) !important; /* Цвет кнопки (берет из переменных вверху) */
            color: #ffffff !important; /* Цвет текста кнопки */
            font-size: 16px !important; 
            font-weight: 600 !important;
            border: none !important; 
            border-radius: 10px !important; 
            cursor: pointer !important; 
            display: flex !important; 
            align-items: center !important; 
            justify-content: center !important; 
            margin: 0 !important;
            font-family: 'Inter', sans-serif; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: background-color 0.2s, box-shadow 0.2s !important;
            -webkit-tap-highlight-color: transparent !important; 
        }
                      
        /* Кнопка "Показать ответ и критерии" (для письменных заданий) */
        #zadania-1-wrapper .show-solution { 
            width: 100% !important; /* Ширина на телефонах */
 			padding: 12px 20px !important;
            background: var(--main-blue) !important; 
            color: #ffffff !important; 
            font-size: 16px !important;
            font-weight: 600 !important;
            border: none !important; 
            border-radius: 10px !important; 
            cursor: pointer !important; 
            display: flex !important; 
            align-items: center !important; 
            justify-content: center !important; 
            margin: 0 !important;
            font-family: 'Inter', sans-serif; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: background-color 0.2s, box-shadow 0.2s !important;
            -webkit-tap-highlight-color: transparent !important; 
        }

        @media (min-width: 601px) {
            #zadania-1-wrapper .show-solution {
                width: 33.333% !important; /* Ширина на ПК */
                margin-left: auto !important; 
                margin-right: auto !important; 
            }
        }

		#zadania-1-wrapper .show-solution.is-clicked {
   		pointer-events: none !important;
		}
               
        /* Эффект наведения на кнопки Ввод/Решение */
        @media (hover: hover) {
		#zadania-1-wrapper .check-task:hover {
			color: #E6E9ED !important;
            background: var(--hover-blue) !important; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important; 
        }
		}
		
		@media (hover: hover) {
        #zadania-1-wrapper .show-solution:hover {
			color: #E6E9ED !important;
            background: var(--hover-blue) !important; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important; 
        }
		}
        
        /* ==========================================================================
           7. БЛОК РЕЗУЛЬТАТА (Зеленая/красная плашка после проверки)
           ========================================================================== */
        #zadania-1-wrapper .task-result { 
            font-size: 16px; /* Размер шрифта результата */
            font-weight: 600; /* Жирность */
            margin-top: 10px; /* Отступ сверху от места, где была кнопка */
            margin-bottom: 10px; /* Отступ снизу до разбора задания */
            padding: 10px; /* Внутренние отступы плашки */
            border-radius: 10px; /* Скругление */
            border: 2px solid; 
            font-family: 'Inter', sans-serif; 
            width: 100% !important; 
            clear: both; 
            box-sizing: border-box; 
            text-align: center !important; /* Текст по центру */
            display: none; 
        }

        /* Мобильный вид: строки результата друг под другом */
        #zadania-1-wrapper .res-item {
            display: block;
            margin-bottom: 4px; 
        }
        #zadania-1-wrapper .res-item:last-child {
            margin-bottom: 0;
        }

        /* Компьютерный вид: выстраиваем в линию и рисуем палочку */
        @media (min-width: 601px) {
            #zadania-1-wrapper .task-result, #zadania-1-wrapper .self-rate-result {
                width: max-content !important; 
                max-width: 100% !important; 
                margin-left: auto !important;
                margin-right: auto !important;
            }
            #zadania-1-wrapper .res-item {
                display: inline-block; 
                margin-bottom: 0;
            }
            /* Разделитель | между частями результата */
            #zadania-1-wrapper .res-item:not(:last-child)::after {
                content: "|";
                margin: 0 10px;
                font-weight: 600;
				opacity: 0.5;
            }
        }
        
        /* ==========================================================================
           8. БЛОК РАЗБОРА И ЧЕК-ЛИСТ КРИТЕРИЕВ
           ========================================================================== */
        #zadania-1-wrapper .task-explanation { 
            margin-top: 0px; 
            background: #F0F6FF; 
            border-left: 4px solid var(--main-blue); 
            padding: 10px; 
            border-radius: 10px; 
            margin-left: -5px; 
            margin-right: -5px; 
            display: none; 
        }

        #zadania-1-wrapper .self-rate-container { 
            margin-top: 10px; 
            padding-top: 5px; 
            border-top: 1px solid #D7DCE2; 
        }
        
        /* Контейнер одного критерия (БЕЗ белого фона и рамок) */
        #zadania-1-wrapper .criterion-item {
            display: block; 
            margin-bottom: 15px; /* Отступ до следующего критерия */
        }
        
        /* Текст критерия */
        #zadania-1-wrapper .criterion-text {
            width: 100%;
            margin-bottom: 5px; 
        }
        #zadania-1-wrapper .criterion-text p:last-child {
            margin-bottom: 0 !important;
        }
        
        /* Строка с вопросом и чекбоксом (идет сразу под текстом) */
        #zadania-1-wrapper .criterion-check-row {
            display: flex;
            align-items: center;
            justify-content: flex-start; /* Прижимаем к левому краю */
            gap: 10px;
            width: 100%;
            cursor: pointer;
        }

        /* Синий текст "Критерий выполнен?" */
        #zadania-1-wrapper .criterion-label-text {
            color: var(--main-blue);
            font-weight: 500;
            font-size: 16px;
        }
        
        /* === НОВАЯ КАСТОМНАЯ ГАЛОЧКА (ЧЕКБОКС) === */
        #zadania-1-wrapper .criterion-checkbox {
            appearance: none;
            -webkit-appearance: none;
            width: 24px;
            height: 24px;
            background-color: #ffffff;
            border: 2px solid var(--main-blue);
            border-radius: 10px; /* Скругление 10px, как у кнопки */
            cursor: pointer;
            flex-shrink: 0;
            margin: 0 !important;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); /* Тень, как у кнопки */
            transition: background-color 0.2s, box-shadow 0.2s !important;
        }

        /* Эффект наведения (Тень пропадает, рамка темнеет) */
		@media (hover: hover) {
        #zadania-1-wrapper .criterion-checkbox:hover {
            border-color: var(--hover-blue);
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important; 
        }
		}

 		/* Состояние: Галочка стоит */
        #zadania-1-wrapper .criterion-checkbox:checked {
            background-color: var(--main-blue) !important;
            border-color: var(--main-blue) !important;
            /* Аккуратная SVG-галочка */
            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; /* Возвращаем тень */
        }

        /* Наведение на активную галочку (цвет меняется на hover-blue, тень пропадает) */
		@media (hover: hover) {
        #zadania-1-wrapper .criterion-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; /* Тень исчезает, как у кнопки */
        }
        }
		
        /* Кнопка подтверждения баллов */
        #zadania-1-wrapper .save-criteria-btn {
            width: 100% !important;
            background: var(--main-blue) !important;
            color: #ffffff !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            padding: 12px 20px !important;
            border: none !important;
            border-radius: 10px !important;
            cursor: pointer !important;
            font-family: 'Inter', sans-serif;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
            transition: background-color 0.2s, box-shadow 0.2s !important;
            margin-top: 5px;
        }
		
		@media (hover: hover) {
        #zadania-1-wrapper .save-criteria-btn:hover {
            background: var(--hover-blue) !important;
            box-shadow: none !important;
			color: #E6E9ED !important;
        }
		}
        
        /* Центрируем кнопку на компьютерах (ровно по центру на 50%) */
        @media (min-width: 601px) {
            #zadania-1-wrapper .save-criteria-btn {
                width: 50% !important; 
                margin-left: auto !important;
                margin-right: auto !important;
                display: block !important;
            }
        }
                          
        /* ==========================================================================
           9. НИЖНИЕ КНОПКИ (Работа над ошибками)
           ========================================================================== */
        #zadania-1-wrapper .footer-actions { 
            margin: 0px 0 15px; 
            display: flex; 
            justify-content: center; 
            gap: 15px; 
            align-items: center; 
        }
        
        /* Огромная синяя кнопка снизу */
        #zadania-1-wrapper .mistake-work-btn-main { 
            background: var(--main-blue) !important; 
            color: #ffffff !important; 
            font-size: 18px !important; /* Размер текста */
            font-weight: 600 !important;
            padding: 15px 15px !important; /* Внутренние отступы */
            border: none !important; 
            border-radius: 10px !important; 
            cursor: pointer !important; 
            font-family: 'Inter', sans-serif;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: background-color 0.2s, box-shadow 0.2s !important;
            -webkit-tap-highlight-color: transparent !important; 
        }

		@media (hover: hover) {
        #zadania-1-wrapper .mistake-work-btn-main:hover {
			background: var(--hover-blue) !important;
			color: #E6E9ED !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
		}
		}

		#zadania-1-wrapper .mistake-work-btn-main.is-clicked {
    		pointer-events: none !important;
		}
			
        /* Кнопка "Работа над ошибками", когда режим уже включен */
        #zadania-1-wrapper .mistake-work-btn { 
            background: var(--main-blue) !important; 
            color: #ffffff !important; 
            font-size: 16px !important; 
            font-weight: 600 !important; 
            padding: 15px 15px !important; 
            border: none !important; 
            border-radius: 10px !important; 
            cursor: pointer !important; 
            font-family: 'Inter', sans-serif;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: background-color 0.2s, box-shadow 0.2s !important;
            -webkit-tap-highlight-color: transparent !important; 
        }

		@media (hover: hover) {
        #zadania-1-wrapper .mistake-work-btn:hover {
			background: var(--hover-blue) !important;
			color: #E6E9ED !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
		}
       	}
							
		#zadania-1-wrapper .mistake-work-btn.is-clicked {
    		pointer-events: none !important;
		}
							
        /* Кнопка "Показать все задания" */
        #zadania-1-wrapper .show-all-btn {
            background: #ffffff !important; 
            color: var(--main-blue) !important; 
            font-size: 16px !important; 
            font-weight: 600 !important; 
            padding: 13px 15px !important; 
            border: 2px solid var(--main-blue) !important;
            border-radius: 10px !important; 
            cursor: pointer !important; 
            font-family: 'Inter', sans-serif; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: all 0.2s !important;
        }
							
		#zadania-1-wrapper .show-all-btn.is-clicked {
    		pointer-events: none !important;
		}
		
		@media (hover: hover) {
        #zadania-1-wrapper .show-all-btn:hover { 
            background: #E6E9ED !important;  
            color: #00468D !important; 
            border-color: #00468D !important; 
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important; 
        }
        }
			
		/* ==========================================================================
           10. ОЧИСТКА МУСОРА ОТ WORDPRESS И ФОРМАТИРОВАНИЕ КОНТЕНТА
           ========================================================================== */
        /* Скрываем пустые абзацы и лишние переносы */
        #zadania-1-wrapper .task-content p:empty, 
        #zadania-1-wrapper .explanation-body p:empty,
        #zadania-1-wrapper .task-content br,
        #zadania-1-wrapper .explanation-body br,
        #zadania-1-wrapper .task-content > br:last-child,
        #zadania-1-wrapper .task-content > p:last-child:empty,
        #zadania-1-wrapper .task-content > p:last-of-type:empty { display: none !important; }

        /* Сбрасываем системные рамки у всех оберток */
       #zadania-1-wrapper .task-content figure, 
       #zadania-1-wrapper .explanation-body figure { 
            margin-top: 0 !important; 
            padding: 0 !important; 
        }

        /* Картинки: по центру, не вылезают за края */
        #zadania-1-wrapper .task-content img, 
        #zadania-1-wrapper .explanation-body img {
            max-width: 100% !important; 
            height: auto !important;
            display: block !important;
            margin: 0 auto !important; 
        }

        /* Химические формулы */
        #zadania-1-wrapper .chem-eq {
            text-align: left !important;    
            hyphens: none !important;       
            white-space: normal !important; 
            word-wrap: normal !important;
            word-break: keep-all !important;
            display: block !important;
            margin: 0 !important;
        }

        /* Таблицы (База) */
        #zadania-1-wrapper .task-content .wp-block-table, 
        #zadania-1-wrapper .explanation-body .wp-block-table {
            margin-top: 0 !important;
            width: 100%;
            overflow-x: auto; 
        }
        
        #zadania-1-wrapper .task-content .wp-block-table table, 
        #zadania-1-wrapper .explanation-body .wp-block-table table {
            margin: 0 !important; /* Жестко убиваем внутренний отступ WP */
            width: 100% !important;
            border-spacing: 0 !important;
            border-collapse: separate !important;
            font-size: 16px !important; 
        }

        #zadania-1-wrapper .task-content .wp-block-table td, 
        #zadania-1-wrapper .task-content .wp-block-table th,
        #zadania-1-wrapper .explanation-body .wp-block-table td, 
        #zadania-1-wrapper .explanation-body .wp-block-table th {
            padding: 10px !important;
            vertical-align: middle !important;
        }

        /* Таблицы (Без рамок) + ОБНУЛЕННЫЕ ОТСТУПЫ */
        #zadania-1-wrapper .wp-block-table.table-flat table, 
        #zadania-1-wrapper .wp-block-table.table-flat td, 
        #zadania-1-wrapper .wp-block-table.table-flat th { 
            border: none !important; 
        }
        
        #zadania-1-wrapper .task-content .wp-block-table.table-flat td, 
        #zadania-1-wrapper .task-content .wp-block-table.table-flat th,
        #zadania-1-wrapper .explanation-body .wp-block-table.table-flat td, 
        #zadania-1-wrapper .explanation-body .wp-block-table.table-flat th {
            padding: 0 !important; /* Убираем отступы до границ */
        }

        /* Таблицы (С рамками) */
        #zadania-1-wrapper .wp-block-table.table-styled table {
            border: 2px solid #6B7280 !important; 
            border-radius: 10px !important;
            overflow: hidden !important; 
        }
        
        #zadania-1-wrapper .wp-block-table.table-styled td, 
        #zadania-1-wrapper .wp-block-table.table-styled th {
            border: none !important;
            border-right: 2px solid #6B7280 !important;
            border-bottom: 2px solid #6B7280 !important;
        }

        #zadania-1-wrapper .wp-block-table.table-styled tr th:last-child,
        #zadania-1-wrapper .wp-block-table.table-styled tr td:last-child {
            border-right: none !important;
        }

        #zadania-1-wrapper .wp-block-table.table-styled tr:last-child th,
        #zadania-1-wrapper .wp-block-table.table-styled tr:last-child td {
            border-bottom: none !important;
        }
						
        /* ==========================================================================
           11. СТИЛИ УВЕДОМЛЕНИЙ SWEETALERT2
           ========================================================================== */
		div:where(.swal2-container) { font-family: 'Inter', sans-serif !important; z-index: 50 !important; }

		/* 1. Полностью скрываем заголовок в центральном окне */
		.reset-stats-popup .swal2-title { 
			display: none !important; 
		}

		.swal2-container .swal2-popup.reset-stats-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;
			width: 90% !important;
			max-width: 550px !important;
		}
				 
		/* 2. Центрируем текст и делаем отступ до кнопок */
		.swal2-container .swal2-popup.reset-stats-popup .swal2-html-container {
			font-size: 16px !important;
			color: #202124 !important;
			font-weight: 500 !important;
			text-align: center !important;
			margin: 0 0 15px 0 !important;
			padding: 0 !important;
		}

		/* 3. Кнопки Да/Отмена */
		.reset-stats-popup .swal2-actions { 
			margin-top: 5px !important;
			gap: 15px !important;
		}

		.swal-custom-btn-zad1 {
			background: #ffffff !important;
			color: var(--main-blue) !important;
			font-size: 16px !important;
			font-weight: 500 !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-zad1:hover {
			background: #E6E9ED !important; color: #00468D !important;
			border-color: #00468D !important; box-shadow: none !important;
		}

		/* Делаем тост */
        	.swal2-container.swal2-top:has(.tasks-toast-zadania) {
			z-index: 50 !important;
			width: 100% !important;
			max-width: 100vw !important;
		}

		.tasks-toast-zadania {
			display: flex !important;
			background: #ffffff !important;
			border: 2px solid var(--main-blue) !important;
			border-radius: 10px !important;
			padding: 10px 10px !important;
			box-shadow: 0 0 15px rgba(0.5, 0.5, 0.5, 0.5) !important;
			align-items: center !important;
			justify-content: center !important;
			max-width: 100% !important;
			width: auto !important;
		}

		.tasks-toast-zadania .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;
			width: 100% !important;
		}

.tasks-toast-zadania .swal2-html-container {
    color: var(--main-blue) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
}
		
.swal2-popup.tasks-toast-zadania.tasks-toast-card-drop {
    border-color: #00A84E !important;
}

.swal2-popup.tasks-toast-zadania.tasks-toast-card-drop .swal2-title,
.swal2-popup.tasks-toast-zadania.tasks-toast-card-drop .swal2-html-container {
    color: #00A84E !important;
}

		/* Убираем покачивание и делаем плавный выезд */
		.tasks-toast-zadania.swal2-show {
		    animation: toast-smooth-show 0.3s ease-out forwards !important;
		}
		.tasks-toast-zadania.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; }
		}
 
        /* ==========================================================================
           12. ПОВОРОТ СТРЕЛКИ СОРТИРОВКИ
           ========================================================================== */						 
		#zadania-1-wrapper .arrow-rotated {
   		 transform: translateY(-50%) rotate(180deg) !important;
        } 

        /* ==========================================================================
           13. ОДИНОЧНЫЙ РЕЖИМ
           ========================================================================== */
				 
		/* Класс для новой кнопки возврата "«" */
        #zadania-1-wrapper .my-custom-blue-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    color: #6B7280 !important;
    border: 2px solid #6B7280 !important;
    border-radius: 10px !important;
    padding: 5px 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    transition: background-color 0.2s, box-shadow 0.2s !important;
    line-height: 1 !important;
}
				
		@media (hover: hover) {
		#zadania-1-wrapper .my-custom-blue-btn:hover {
    background-color: #E6E9ED !important;
    border-color: #202124 !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
    color: #202124 !important;
}
		}
							
		#zadania-1-wrapper .my-custom-blue-btn.is-clicked {
    pointer-events: none !important;
    filter: brightness(0.8) !important;
    box-shadow: none !important;
}

#zadania-1-wrapper .my-custom-blue-btn.is-clicked {
    pointer-events: none !important;
    filter: brightness(0.8) !important;
    box-shadow: none !important;
}

								 
        #zadania-1-wrapper .reset-single-container {
            margin: 15px 0;
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            width: 100%;
        }

        #zadania-1-wrapper .reset-single-btn {
			background: #ffffff !important;
			color: #6B7280;
			font-size: 14px;
			font-weight: 600;
			padding: 10px 20px;
			border: 2px solid #6B7280 !important;
			border-radius: 10px;
			cursor: pointer;
			font-family: 'Inter',
			sans-serif;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: background-color 0.2s, box-shadow 0.2s !important;
			-webkit-tap-highlight-color: transparent !important;
			outline: none !important;
			user-select: none;
		}
		
		@media (hover: hover) {
        #zadania-1-wrapper .reset-single-btn:hover {
			background: #E6E9ED !important;
			color: #202124 !important;
			border-color: #202124 !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
		}
		}
							
        #zadania-1-wrapper .reset-single-btn:disabled {
			background: #D7DCE2 !important;
			color: #6B7280 !important;
			border-color: #D7DCE2 !important;
			cursor: not-allowed !important;
			box-shadow: none !important;
		}

	#zadania-1-wrapper .reset-single-btn.is-clicked {
    		background: #E6E9ED !important; 
    		color: #202124 !important; 
    		border-color: #202124 !important; 
    		pointer-events: none !important;
    		filter: brightness(0.8) !important;
    		box-shadow: none !important;
	}
        
        /* Возвращаем кнопку навигации */
        #zadania-1-wrapper .top-actions {
			display: flex;
			justify-content: center;
			margin: 10px 0 !important;
			align-items: center;
		}
								 
        #zadania-1-wrapper .nav-btn {
			background: var(--main-blue) !important;
			color: #ffffff !important;
			border: none !important;
			height: 50px !important;
			border-radius: 10px !important;
			cursor: pointer !important;
			font-weight: 600 !important;
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			margin: 0 !important;
			padding: 0 30px !important;
			font-family: 'Inter', sans-serif;
			text-decoration: none;
			font-size: 16px !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
			transition: all 0.2s !important;
		}
		
		@media (hover: hover) {
        #zadania-1-wrapper .nav-btn:hover {
			background: var(--hover-blue) !important;
			color: #E6E9ED !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
		}
		}
			
		#zadania-1-wrapper a.nav-btn.is-clicked, 
		#zadania-1-wrapper button.nav-btn.is-clicked, 
		#zadania-1-wrapper input.nav-btn.is-clicked,
		#zadania-1-wrapper .load-more-btn:disabled,
		#zadania-1-wrapper .load-more-btn.is-clicked {
			pointer-events: none !important;
    			box-shadow: none !important;
    			filter: brightness(0.8) !important;
		}
        
        	/* Убираем тени таблиц в одиночном задании */
		body.single-obshchij_task table,
		body.single-obshchij_task .wp-block-table,
		body.single-obshchij_task .wp-block-table table {
    			box-shadow: none !important;
		}

        /* Жесткая очистка стилей темы WP только для одиночного задания (через body class) */
        body.single-obshchij_task .entry-meta,
        body.single-obshchij_task .post-meta,
        body.single-obshchij_task .post-navigation,
        body.single-obshchij_task .nav-links,
        body.single-obshchij_task .entry-header,
        body.single-obshchij_task h1.entry-title {
            display: none !important;
        }

        body.single-obshchij_task #content,
        body.single-obshchij_task .site-content,
        body.single-obshchij_task .ast-container,
        body.single-obshchij_task .site-main,
        body.single-obshchij_task #primary {
            padding-top: 0 !important;
            margin-top: 0 !important;
        }

        body.single-obshchij_task article,
        body.single-obshchij_task .entry-content-wrap,
        body.single-obshchij_task .ast-article-single,
        body.single-obshchij_task .post-inner,
        body.single-obshchij_task .site-main > article {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            margin-bottom: 0 !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
			
	/* ==========================================================================
           14. НАВИГАЦИОННЫЕ СЕТКИ И СТРЕЛКИ ПРОКРУТКИ
           ========================================================================== */
        #zadania-1-wrapper .top-nav-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            width: 100%;
            margin-bottom: 10px;
	    margin-top: 10px;
        }

        #zadania-1-wrapper .bottom-nav-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        #zadania-1-wrapper .arrow-down {
            display: inline-block;
            transform: rotate(-90deg);
            margin-left: 0;
            font-size: 18px;
            line-height: 1;
        }

        #zadania-1-wrapper .arrow-up {
            display: inline-block;
            transform: rotate(90deg);
            margin-left: 0;
            font-size: 18px;
            line-height: 1;
        }

		/* ==========================================================================
   		ВЫНЕСЕННЫЕ ИНЛАЙН-СТИЛИ
   		========================================================================== */
		#zadania-1-wrapper .dz-margin-top { margin-top: 0px; }
		#zadania-1-wrapper .sort-select-wrapper { width: 100%; margin: 0px; position: relative; }
		#zadania-1-wrapper .sort-select-custom { width: 100%; background: #F8FAFC; border: 1px solid #D7DCE2; padding: 0px 15px; color: #202124; font-weight: 600; font-size: 16px; border-radius: 10px; font-family: 'Inter', sans-serif; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; }
		#zadania-1-wrapper .sort-arrow-custom { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; transition: transform 0.2s ease; }
		#zadania-1-wrapper .text-align-left { text-align: left; }
		#zadania-1-wrapper .text-align-center { text-align: center; }
		#zadania-1-wrapper .task-header-divider { margin: 0 5px; opacity: 0.5; }
		#zadania-1-wrapper .task-header-icon { vertical-align: -2px; margin-right: 0px; opacity: 1.0; }
		#zadania-1-wrapper .explanation-title { margin-bottom: 8px; color: var(--main-blue); font-weight: 500; font-size: 16px; }
		#zadania-1-wrapper .explanation-body-margin { margin-bottom: 15px; }
		#zadania-1-wrapper .criterion-check-row-no-border { border-top: none; padding-top: 0; }
		#zadania-1-wrapper .toggle-favs-icon { vertical-align: middle; display: inline-block; margin-top: -2px; }

		#zadania-1-wrapper .load-more-container { text-align: center; margin-bottom: 15px; }

		#zadania-1-wrapper .load-more-btn {
    			padding: 10px 20px !important;
    			border-radius: 10px !important;
    			font-size: 16px !important;
    			font-weight: 600 !important;
    			background: #ffffff !important;
    			color: var(--main-blue) !important;
    			border: 2px solid var(--main-blue) !important;
    			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    			transition: all 0.2s !important;
		}

		#zadania-1-wrapper .load-more-btn:hover {
    			box-shadow: none !important;
    			filter: brightness(0.8) !important;
			background: #ffffff !important;
    			color: var(--main-blue) !important;
    			border: 2px solid var(--main-blue) !important;
		}

		#zadania-1-wrapper .tasks-loading-placeholder {
    			display: inline-block;
    			background: #ffffff;
    			color: #202124;
    			font-size: 20px;
    			font-weight: 600;
    			padding: 20px 30px;
    			border: 2px solid #202124;
    			border-radius: 10px;
    			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    			margin: 15px 0 30px 0;
    			text-align: center;
			}

        /* Выносим инлайн-стили плашек результатов из JS */
        #zadania-1-wrapper .result-icon { vertical-align: middle; margin-top: -2px; margin-right: 4px; }
        #zadania-1-wrapper .result-correct { background: #EEF8F2; color: #00A84E; border-color: #00A84E; }
        #zadania-1-wrapper .result-partial { background: #FFFBF0; color: #E37400; border-color: #E37400; }
        #zadania-1-wrapper .result-wrong { background: #FFF5F5; color: #D93025; border-color: #D93025; }
        #zadania-1-wrapper .self-rate-result { padding: 10px; border-radius: 10px; border: 2px solid; font-weight: 600; margin-top: 5px; text-align: center; }