/* ACADEMY COURSE MENU. Exact accepted female-course design, leaf background. Scope: native course and module menus; bespoke filtered catalog excluded. */

/* =========================================================
   1. ПЕРЕМЕННЫЕ (ГАРМОНИЧНАЯ ТЕПЛАЯ ПАЛИТРА И СТЕКЛО ИЗ ДОНОРА)
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap");

html:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))){
  /* Холодная основа (если картинка не прогрузится) */
  --gc-bg: #F1F3DF; 
  
  /* Эффект прозрачного стекла из кода-донора */
  --gc-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  --gc-line: rgba(255, 255, 255, 0.6); 
  
  /* Тени и блики стекла из донора */
  --gc-shadow: 0 20px 50px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  --gc-shadow-hover: 0 25px 60px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  
  /* ЦВЕТА ТЕКСТА: Глубокий кофейный для идеальной гармонии */
  --gc-text: #3D2B1F; 
  --gc-muted: #6B5A4E; 
  --gc-navy: #3D2B1F; 
  
  /* Акценты */
  --gc-accent: #E59A3E; 
  --gc-accent-dark: #d68b31;
  --gc-olive: #556B2F; 

  --font: 'Montserrat';
}

/* =========================================================
   2. БАЗОВЫЕ НАСТРОЙКИ И ФОН
   ========================================================= */
html:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))),
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))){
  position: relative;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  
  background: var(--gc-bg) !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  color: var(--gc-text);
  font-weight: 400; 
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::after{
  box-sizing: border-box;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .main-page-block{
  width: 100%;
  max-width: 100%;
  font-family: var(--font), Arial, sans-serif !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) img,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) video,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) iframe{ max-width: 100%; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .logo-link img{ display: none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .logo-text{ display: none; }

/* =========================================================
   2.5. ФИКС СТЕКЛА ДЛЯ ВСЕХ СПИСКОВ (ТРЕНИНГИ, УРОКИ, МЕНЮ)
   ========================================================= */
/* Делаем родительские блоки-обертки прозрачными, чтобы стекло размывало фон, а не белый цвет GetCourse */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .panel,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .panel-body,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .panel-heading,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .table-lessons,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* =========================================================
   3. ГЛАВНАЯ СТРАНИЦА ТРЕНИНГОВ (КАРТОЧКИ ТРЕНИНГОВ)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header h1{
  color: var(--gc-text);
  font-size: 44px;
  font-weight: 800 !important;
  padding-bottom: 9px;
  margin: 40px 0 20px;
  text-shadow: none !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content h3{ display: none; }

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table{
  margin-left: 0 !important;
  position: relative;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  
  /* ИНТЕГРАЦИЯ СТЕКЛА ИЗ ДОНОРА */
  background: var(--gc-glass) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid var(--gc-line) !important; 
  border-radius: 18px !important;
  box-shadow: var(--gc-shadow) !important; 
  
  overflow: hidden;
  transition: all 0.3s ease;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr:hover{
  transform: translateY(-4px);
  box-shadow: var(--gc-shadow-hover) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td:hover{ background: none !important; }

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td{
  display: block;
  padding: 0 !important;
  height: auto !important;
  position: relative;
  background: transparent !important; /* Убираем белый фон ячеек */
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a{
  display: block;
  width: 100%;
  padding: 25px 25px 25px 110px;
  position: relative; 
  text-decoration: none !important;
  background: transparent !important; /* Убираем белый фон ссылок */
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a .stream-title{
  font-family: var(--font), sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px;
  color: var(--gc-text) !important;
  text-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td div{ padding-top: 5px; }

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td div b{
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: var(--gc-muted) !important;
  position: relative;
  width: 100%;
  padding-left: 15px;
}

/* Иконки в плашках тренингов */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr a::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  background-image: none;
  width: 70px;
  height: 70px;
}

/* Иконки к количеству уроков */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a div b::before{
  content: '';
  position: absolute;
  top: 4px;
  left: 0px;
  width: 12px;
  height: 12px;
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/43374/sc/110/h/0e42f0828318bd97b48d4cd7ac762549.png');
  background-size: contain;
  background-repeat: no-repeat;
}

/* =========================================================
   4. ХЛЕБНЫЕ КРОШКИ И ЗАГОЛОВКИ УРОКОВ (ЛЕГКОЕ СТЕКЛО)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-title{
  margin-bottom: 24px !important;
  color: var(--gc-text) !important;
  font-family: var(--font), Arial, sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb li{
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0;
  margin: 0 !important;
  text-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb a{
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100%;
  padding: 6px 14px !important;
  
  /* Эффект легкого стекла для пилюль */
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  
  color: var(--gc-olive) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 100px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs a:hover,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb a:hover{
  background: rgba(255, 255, 255, 0.5) !important;
  color: var(--gc-accent-dark) !important;
  box-shadow: 0 4px 12px rgba(229, 154, 62, 0.15) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs .divider,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb .divider{
  display: inline-block !important;
  margin: 0 4px !important;
  color: var(--gc-muted) !important;
}

/* =========================================================
   5. МЕНЮ (ОСНОВНОЕ СТЕКЛО)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{
  margin: 0 0 24px !important;
  padding: 14px 16px !important;
  
  /* Интеграция стекла из донора */
  background: var(--gc-glass) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid var(--gc-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--gc-shadow) !important; 
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .page-menu{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs{
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li.active,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li.active{
  display: inline-flex !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li > a{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px;
  margin: 0 !important;
  padding: 8px 16px !important;
  
  color: var(--gc-text) !important;
  background: rgba(255, 255, 255, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 100px !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li.active a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li a:hover,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li.active > a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li > a:hover{
  color: #FFFFFF !important; 
  background: linear-gradient(135deg, var(--gc-accent) 0%, var(--gc-accent-dark) 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(229, 154, 62, 0.3) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn.dropdown-toggle,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn.btn-success.dropdown-toggle{
  min-height: 38px;
  border-radius: 100px !important;
  font-family: var(--font), Arial, sans-serif !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn.dropdown-toggle{
  color: var(--gc-text) !important;
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

/* =========================================================
   6. СПИСОК УРОКОВ (СТЕКЛЯННЫЕ КАРТОЧКИ)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list{
  margin: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
  counter-reset: lesson-list;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li{
  position: relative;
  min-height: 164px;
  margin: 0 0 20px !important;
  overflow: hidden !important;
  
  /* ИНТЕГРАЦИЯ СТЕКЛА ИЗ ДОНОРА */
  background: var(--gc-glass) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid var(--gc-line) !important; 
  border-radius: 18px !important;
  box-shadow: var(--gc-shadow) !important; 
  
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  counter-increment: lesson-list;
}

@media (hover: hover) and (pointer: fine){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li:hover{
    transform: translateY(-4px);
    box-shadow: var(--gc-shadow-hover) !important; 
  }
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .item-a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .user-state-bg,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li tr{
  margin-left: 0 !important;
  background: transparent !important; /* Убираем глухие фоны ячеек */
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .item-a{
  display: block !important;
  width: 100%;
  color: inherit !important;
  text-decoration: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info table,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info tbody{
  display: block !important;
  width: 100% !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info tr{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .info .item-image{
  flex: 0 0 160px !important;
  width: 160px !important;
  min-width: 160px !important;
  height: 140px !important;
  margin: 12px 0 12px 24px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list tr .item-main-td{
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 24px !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .item-main-td .link.title{
  display: inline !important; 
  max-width: 100%;
  margin: 0 !important;
  color: var(--gc-text) !important; 
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .description{
  display: block !important;
  max-width: 100%;
  padding-top: 10px !important;
  color: var(--gc-muted) !important; 
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

/* =========================================================
   7. БЕЙДЖИ УРОКОВ (ИЕРАРХИЯ: АКЦЕНТНЫЙ УРОК + ЛАЙТОВЫЕ СТАТУСЫ)
   ========================================================= */
/* Главный бейдж "Урок 1" - оставляем акцентным плотным белым */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .link.title::before{
  content: "Урок " counter(lesson-list);
  display: block !important;
  width: max-content !important;
  max-width: 100%;
  margin: 0 0 10px !important;
  padding: 6px 14px !important;
  
  background: #FFFFFF !important;
  color: var(--gc-text) !important; /* Глубокий кофейный вместо грубого черного */
  border: none !important;
  border-radius: 100px !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  white-space: nowrap !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

/* Статус "Просмотрено" - лайтовый, полупрозрачный стиль без тени */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list__video-watched{
  display: inline-block !important;
  margin: 0 0 0 10px !important;
  padding: 4px 12px !important; /* Чуть тоньше, чем номер урока */
  vertical-align: middle;
  position: relative !important;
  top: -2px !important;
  
  /* Эстетичная полупрозрачность */
  background: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  color: var(--gc-muted) !important; /* Мягкий цвет текста */
  
  border-radius: 100px !important;
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important; /* Убираем тень для невесомости */
}

/* Скрываем дефолтные элементы GC */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .user-state-label{ display: none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .state-icon-block,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .with-image a::before{ display: none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .link.title::after{ display: none !important; }

/* Базовый лайтовый стиль для нижних статусов ("Доступен", "Ожидает проверки") */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .item-main-td::after{
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: 14px;
  padding: 4px 12px;
  
  /* Эстетичная полупрозрачность */
  background: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 100px;
  box-shadow: none !important; /* Убираем тень для невесомости */
  
  font-family: var(--font), Arial, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Цвета для разных статусов (используем благородные цвета из палитры) */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-reached .item-main-td::after,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-has_mission .item-main-td::after{
  content: "Доступен";
  display: inline-block !important;
  color: var(--gc-olive) !important; /* Оливковый */
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-answered .item-main-td::after{
  content: "Ожидает проверки";
  display: inline-block !important;
  color: var(--gc-accent-dark) !important; /* Приглушенный оранжевый */
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-accomplished .item-main-td::after{
  content: "Принят";
  display: inline-block !important;
  color: var(--gc-olive) !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-need_accomplish .item-main-td::after{
  content: "Нужно выполнить задание";
  display: inline-block !important;
  color: var(--gc-text) !important;
}

/* Максимально незаметный стиль для недоступных уроков */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-not_reached .item-main-td::after{
  content: "Недоступен";
  display: inline-block !important;
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.3) !important; 
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-not_reached{
  background: rgba(255, 200, 120, 0.05) !important; 
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  opacity: 0.6;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .user-state-not_reached .link.title,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .user-state-not_reached .description{
  color: rgba(0, 0, 0, 0.4) !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .user-state-not_reached .link.title::before{
  background: rgba(255, 255, 255, 0.4) !important;
  color: rgba(0, 0, 0, 0.4) !important;
  box-shadow: none !important;
}

/* =========================================================
   8. КНОПКИ В РЯД (АКЦЕНТНЫЙ ГРАДИЕНТ)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  border: 0 !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn{
  position: relative !important;
  flex: 1 1 30% !important;
  min-height: 60px !important;
  font-family: 'futura-pt-book', var(--font), sans-serif !important; 
  letter-spacing: 1px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  
  color: #FFFFFF !important; 
  background: linear-gradient(135deg, var(--gc-accent) 0%, var(--gc-accent-dark) 100%) !important; 
  box-shadow: 0 6px 16px rgba(229, 154, 62, 0.25) !important; 
  border-radius: 100px !important;
  
  transition: all 0.3s ease !important;
  border: none !important;
  cursor: pointer !important;
  text-transform: uppercase !important; 
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn:hover{
  transform: translateY(-2px) !important; 
  box-shadow: 0 9px 22px rgba(229, 154, 62, 0.4) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn:focus-visible{
  outline: 3px solid rgba(229, 154, 62, 0.55) !important;
  outline-offset: 3px !important;
}

/* =========================================================
   9. ФОКУС И АДАПТИВНОСТЬ
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) a:focus-visible,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) button:focus-visible,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn:focus-visible,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .chat-btn:focus-visible{
  outline: 3px solid rgba(229, 154, 62, 0.55) !important;
  outline-offset: 3px !important;
}

@media (max-width: 768px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb{ margin-bottom: 18px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{ padding: 12px !important; border-radius: 20px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .page-menu{ padding: 0 !important; }
  
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li{ flex: 1 1 auto !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li > a{
    justify-content: center !important;
    width: 100%;
    text-align: center;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li{ min-height: 0; border-radius: 16px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info tr{
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .info .item-image{
    flex: 0 0 120px !important;
    width: 140px !important;
    min-width: 140px !important;
    height: 120px !important;
    margin: 22px auto 0 !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list tr .item-main-td{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 24px !important;
    text-align: center !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .item-main-td .link.title{
    display: inline !important;
    margin-top: 8px !important;
    font-size: 19px !important;
    text-align: center !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .link.title::before{ margin: 0 auto 10px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .description{ text-align: center !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .item-main-td::after{ margin-right: auto; margin-left: auto; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list__video-watched{ margin: 10px 0 0 !important; }
}

@media (max-width: 510px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb a{
    padding: 6px 12px !important;
    font-size: 10px !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{ padding: 10px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .page-menu{ padding: 0 !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li{ flex: 1 1 100% !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li{ margin-bottom: 16px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list tr .item-main-td{ padding: 20px 16px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .item-main-td .link.title{ font-size: 17px !important; }
}

@media (max-width: 425px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header h1{ font-size: 28px; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a{ padding-left: 25px; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a::before{ display: none; }
}

@media (max-width: 420px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn{ flex: 1 1 100% !important; }
}

@media (max-width: 375px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a .stream-title{
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.2;
  }
}

@media (prefers-reduced-motion: reduce){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::after{
    scroll-behavior: auto !important;
    transition: none !important;
    transform: none !important;
  }
}


/* Fixed viewport background: does not grow with a long lesson list. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) { background: transparent !important; isolation:isolate; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841)))::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:#F1F3DF url("https://fs21.getcourse.ru/fileservice/file/download/a/43374/sc/62/h/8712d738c2f4678289f13c617abe03a8.webp") center center / cover no-repeat !important; opacity:1 !important; filter:none !important; transform:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn { width:auto !important; max-width:100% !important; min-width:0 !important; flex:1 1 calc(50% - 6px) !important; display:flex !important; align-items:center; justify-content:center; padding:16px 20px !important; white-space:normal !important; text-align:center; overflow-wrap:anywhere; }
@media (max-width:768px) { body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn { flex-basis:100% !important; } }

/* Universal section cards have no nails illustration. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a::before { content:none !important; display:none !important; background-image:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a { padding-left:25px !important; }

/* Course and section menus: native controls, no Olya header portrait. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header::after { content:none !important; display:none !important; background-image:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header { min-height:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header h1 { max-width:100% !important; min-height:0 !important; }

/* Canonical section rows replace legacy grid and pseudo-button geometry. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table>tbody { display:block !important; width:100% !important; grid-template-columns:none !important; gap:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id] { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; padding:0 !important; margin:0 0 20px !important; border-radius:18px !important; background:var(--gc-glass) !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td { display:block !important; width:100% !important; min-width:0 !important; height:auto !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; padding:25px !important; margin:0 !important; text-align:left !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a::after,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td::after { content:none !important; display:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table .stream-title { display:block !important; margin:0 !important; padding:0 !important; color:var(--gc-text) !important; -webkit-text-fill-color:var(--gc-text) !important; font-family:var(--font),Arial,sans-serif !important; font-size:20px !important; line-height:1.3 !important; font-weight:800 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table .stream-title+div { margin:6px 0 0 !important; padding:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[hidden] { display:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list>li>a.item-a { padding:0 !important; min-height:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list>li>a.item-a::after { content:none !important; display:none !important; }
@media(max-width:768px){
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id] { border-radius:16px !important; margin-bottom:16px !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a { padding:20px !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table .stream-title { font-size:18px !important; }
}

/* Filtered course catalog: keep its composition, remove the header portrait. */
body:has(#xdget212702) .gc-main-content .page-header::after { content:none !important; display:none !important; background-image:none !important; }
body:has(#xdget212702) .gc-main-content .page-header { min-height:0 !important; }
body:has(#xdget212702) .gc-main-content .page-header h1 { max-width:100% !important; min-height:0 !important; }

/* CENTRAL TAROT COLOUR PROFILE */
/* Tarot visual system v2. Native profile 101285 is the only activation marker. */
html:root:has(head link[href*="id=101285"]) {
 --gc-bg:#193449!important;
 --gc-glass:linear-gradient(120deg,rgba(243,248,251,.87),rgba(218,232,243,.67))!important;
 --gc-text:#173347!important;--gc-muted:#3c5669!important;--gc-navy:#173347!important;
 --gc-line:rgba(239,247,255,.6)!important;--gc-olive:#245675!important;
 --gc-accent:#ddbe79!important;--gc-accent-dark:#c9a75e!important;
 --gc-shadow:0 12px 32px rgba(5,19,33,.12),inset 0 1px 0 rgba(255,255,255,.55)!important;
 --gc-polish-ink:#173347!important;--gc-polish-olive:#245675!important;
 --gc-polish-orange:#ddbe79!important;--gc-polish-paper:rgba(242,248,252,.94)!important;
 --hw-ink:#173347!important;--hw-muted:#3c5669!important;--hw-focus:#245675!important;
 --tc-bg-light:#eef5fa!important;--tc-bg-green:#dceaf3!important;
 --tc-text-dark:#173347!important;--tc-text-main:#304e63!important;
 --tc-accent-orange:#ddbe79!important;--tc-accent-orange-hover:#edcf8a!important;
}
html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block)) {background:#193449!important;isolation:isolate;}
html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block))::before {
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(115deg,rgba(8,26,43,.28),rgba(12,35,55,.12)),#193449 url('https://fs.getcourse.ru/fileservice/file/download/a/43374/sc/248/h/5748256fbf3179dc9a2221efe2ff0b5d.jpg') center/cover no-repeat!important;
 opacity:1!important;filter:none!important;transform:none!important;
}
html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block)) .gc-main-content {background:transparent!important;}
html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block)) .page-header h1,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .page-header h1 a {color:#f4f7fa!important;-webkit-text-fill-color:#f4f7fa!important;text-shadow:0 2px 10px rgba(8,27,44,.18)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .page-header {margin-bottom:24px!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .page-header h1 {font-size:clamp(27px,3.2vw,38px)!important;font-weight:650!important;line-height:1.22!important;letter-spacing:-.025em!important;max-width:960px!important;}
html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block)) :is(.breadcrumbs,.breadcrumb) a {color:#edf4f9!important;background:rgba(14,40,61,.4)!important;border-color:rgba(239,247,255,.22)!important;border-radius:8px!important;letter-spacing:.01em!important;text-transform:none!important;font-size:12px!important;}
/* A genuinely empty adjacent column must not reserve a third of the screen. */
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .xdget-row:has(>.xdget-col.empty)>.xdget-col:has(.lesson-list,.stream-table) {width:100%!important;float:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .xdget-row:has(>.xdget-col:has(.lesson-list,.stream-table))>.xdget-col.empty {display:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) :is(.content-menu,.page-menu) {color:#173347!important;border-radius:16px!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) ul.page-menu {padding:12px!important;gap:8px!important;background:rgba(224,237,246,.73)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) ul.page-menu li>a {border-radius:10px!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) ul.page-menu li.active>a,
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .content-menu .nav-tabs>li.active>a {color:#173347!important;-webkit-text-fill-color:#173347!important;background:linear-gradient(110deg,#ecce8c,#d9b66e)!important;box-shadow:0 3px 10px rgba(17,39,57,.1)!important;}
/* Course / module cards */
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id] {background:var(--gc-glass)!important;border-color:rgba(255,255,255,.6)!important;box-shadow:var(--gc-shadow)!important;border-radius:18px!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .gc-main-content :is(.stream-title,.lesson-list .link.title) {color:#173347!important;-webkit-text-fill-color:#173347!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-title {font-weight:650!important;line-height:1.35!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id] {border-left:3px solid #d5b675!important;transition:box-shadow .2s ease!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id]:hover {transform:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id]>td>a {padding:24px 66px 24px 24px!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id]>td>a::before {display:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id]>td>a::after {content:"\\2192"!important;display:block!important;position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;font:25px/1 Arial,sans-serif!important;color:#4a6679!important;}
/* Lesson rows: modest number, a clear title, readable native state. */
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list {width:100%!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list>li {min-height:140px!important;background:var(--gc-glass)!important;border-color:rgba(255,255,255,.6)!important;border-radius:18px!important;box-shadow:var(--gc-shadow)!important;margin-bottom:14px!important;transition:background .2s ease,box-shadow .2s ease!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list>li:hover {transform:none!important;box-shadow:0 16px 38px rgba(5,19,33,.2),inset 0 1px 0 rgba(255,255,255,.7)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .item-a {position:relative!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .item-a::after {content:"\2192"!important;display:block!important;position:absolute;right:24px;top:50%;transform:translateY(-50%);font:26px/1 Arial,sans-serif;color:#466679;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .info tr {min-height:140px!important;align-items:center!important;text-align:left!important;flex-direction:row!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .info .item-image {flex:0 0 90px!important;width:90px!important;min-width:90px!important;height:90px!important;margin:20px 0 20px 20px!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .info .item-image[style*="bcf5523f03f5b14dd6c1ecba4e070f9d"] {display:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list tr .item-main-td {position:relative!important;display:block!important;width:100%!important;min-width:0!important;padding:24px 70px 24px 104px!important;text-align:left!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .link.title {position:static!important;display:block!important;font-size:21px!important;font-weight:650!important;line-height:1.36!important;letter-spacing:-.015em!important;text-align:left!important;margin:0!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .link.title::before {content:counter(lesson-list,decimal-leading-zero);position:absolute!important;left:24px!important;top:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;padding:0!important;margin:0!important;border:1px solid rgba(218,190,126,.62)!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(27,57,78,.96),rgba(46,78,99,.9))!important;color:#f0d99f!important;-webkit-text-fill-color:#f0d99f!important;font-size:21px!important;font-weight:600!important;letter-spacing:0!important;box-shadow:0 5px 14px rgba(19,42,61,.12)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list__video-watched {display:block!important;width:max-content!important;max-width:100%!important;position:static!important;margin:10px 0 0!important;padding:0!important;font-size:12px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.01em!important;text-transform:none!important;background:none!important;border:0!important;border-radius:0!important;color:#3d596b!important;-webkit-text-fill-color:#3d596b!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .item-main-td::after {display:inline-flex!important;align-items:center!important;min-height:28px!important;width:fit-content!important;margin:10px 0 0!important;padding:5px 10px!important;max-width:100%!important;font-size:12px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;border-radius:7px!important;background:rgba(249,252,255,.72)!important;border:1px solid rgba(55,84,106,.18)!important;color:#2c4e65!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list>li.user-state-need_accomplish .item-main-td::after {background:#f6ecd8!important;color:#674b24!important;border-color:rgba(152,111,46,.2)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list>li.user-state-not_reached {opacity:1!important;background:rgba(218,230,239,.66)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list>li.user-state-not_reached .item-main-td::after {color:#3c5364!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .description {font-size:15px!important;line-height:1.5!important;color:#3c5669!important;text-align:left!important;}
/* Compact light glass heading with a small lesson label and equal navigation edges. */
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block.row-section {background:linear-gradient(120deg,rgba(247,250,253,.88),rgba(219,233,243,.72))!important;color:#173347!important;border:1px solid rgba(240,247,253,.7)!important;border-top:2px solid #d9bd80!important;border-radius:18px!important;padding:20px 24px 18px!important;box-shadow:0 14px 32px rgba(5,20,34,.15)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .header-view,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .header-view>.col-md-12 {padding:0!important;margin:0!important;text-align:left!important;align-items:flex-start!important;flex-direction:column!important;gap:0!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-title-value {margin:0!important;color:#173347!important;-webkit-text-fill-color:#173347!important;font-size:clamp(22px,2.2vw,27px)!important;font-weight:650!important;line-height:1.25!important;letter-spacing:-.025em!important;text-align:left!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-description-value {order:-1!important;flex:0 0 auto!important;align-self:flex-start!important;min-width:0!important;display:block!important;width:fit-content!important;max-width:100%!important;margin:0 0 10px!important;padding:5px 10px!important;background:rgba(228,205,153,.35)!important;border:1px solid rgba(160,123,51,.19)!important;border-bottom:1px solid rgba(160,123,51,.19)!important;border-radius:7px!important;color:#5f4c2e!important;-webkit-text-fill-color:#5f4c2e!important;font-size:12px!important;font-weight:600!important;line-height:1.5!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-description-value:empty {display:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation {padding:16px 0 0!important;margin:16px 0 0!important;border-top:1px solid rgba(43,76,100,.15)!important;overflow:visible!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation :is(table,tbody) {display:block!important;width:100%!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation tr {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:0!important;height:auto!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td {display:block!important;width:auto!important;flex:0 1 auto!important;padding:0!important;margin:0!important;color:#173347!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td.text-center {display:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td.text-right {margin-left:auto!important;text-align:right!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td>a {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:11px 18px!important;min-width:210px!important;border-radius:11px!important;border:1px solid rgba(43,76,100,.23)!important;background:rgba(247,251,255,.55)!important;color:#173347!important;-webkit-text-fill-color:#173347!important;font-size:14px!important;line-height:1.3!important;box-shadow:none!important;white-space:normal!important;gap:8px!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td.text-right>a {background:linear-gradient(115deg,#ecd091,#d9b66e)!important;border-color:#ddc087!important;color:#193449!important;-webkit-text-fill-color:#193449!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td>a:hover {filter:brightness(1.07);transform:none!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.lt-lesson-mission-block,.insights-container,.gc-timecodes-wrapper details.gc-timecodes,.testing-widget) {background:rgba(241,247,252,.92)!important;border-color:rgba(255,255,255,.65)!important;color:#173347!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.tc-toggle-btn,.btn-send-answer,.btn-lesson-answer-send,.odi-cta,.oe-cta,.btn-annual) {background:linear-gradient(115deg,#ecd091,#d9b66e)!important;color:#193449!important;-webkit-text-fill-color:#193449!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.insights-container,.insight-card,.card-body,.gc-timecodes-wrapper) {color:#173347!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lt-block .f-text {background:rgba(243,248,252,.91)!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:18px!important;padding:24px!important;color:#173347!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lt-block .f-text :is(p,li,h2,h3,h4,strong) {color:inherit!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .insight-card {background:rgba(250,253,255,.92)!important;border-color:rgba(255,255,255,.78)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.flow-step,.gc-flow-step) {background:#e4eff6!important;color:#173347!important;border-color:rgba(36,91,122,.22)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .quote {background:#e1edf6!important;border-left-color:#d9b66e!important;color:#173347!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(#olya-diagnostic-invite,.olya-energy-card,#gc-standalone-invite .invite-container) {background:rgba(239,247,252,.88)!important;color:#173347!important;border-color:rgba(255,255,255,.65)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.odi-title,.odi-copy,.odi-brand,.oe-title,.oe-text) {color:#173347!important;}
html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block)) #gcAccountUserMenu .gc-account-user-menu {background:rgba(231,240,247,.92)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .logo-link {background:rgba(241,247,255,.92)!important;border-radius:10px;padding:6px;display:inline-block;}
html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block)) :is(a,button):focus-visible {outline:3px solid #e5c680!important;outline-offset:4px!important;}
@media(max-width:768px) {
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .page-header h1 {font-size:27px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list>li {min-height:0!important;border-radius:15px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) ul.page-menu li {flex:1 1 calc(50% - 8px)!important;width:auto!important;min-width:0!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) ul.page-menu li>a {padding:9px 10px!important;font-size:12px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .info tr {min-height:0!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list tr .item-main-td {padding:20px 42px 20px 78px!important;align-items:flex-start!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .link.title {font-size:18px!important;line-height:1.4!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .link.title::before {left:16px!important;top:20px!important;width:44px!important;height:48px!important;font-size:18px!important;border-radius:10px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .item-a::after {right:15px;font-size:21px;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list .info .item-image {display:none!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id] {border-radius:15px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block.row-section {padding:20px 18px 16px!important;border-radius:18px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-title-value {font-size:23px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation {margin-top:16px!important;padding-top:14px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation tr {gap:10px!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td {flex:1 1 0!important;min-width:0!important;}
 html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td>a {width:100%!important;min-height:auto!important;min-width:0!important;padding:9px 10px!important;font-size:13px!important;}
}
@media(prefers-reduced-motion:reduce) {
 html:root:has(head link[href*="id=101285"]) body:is(:has(.xdget-training),:has(.lesson-header-block)) :is(.lesson-list>li,.lesson-navigation a) {transition:none!important;}
}
/* The searchable catalogue keeps its grid and uses the shared card corners. */
#xdget212702 .stream-table tr[data-training-id] {border-radius:18px!important;}
@media(max-width:768px){#xdget212702 .stream-table tr[data-training-id] {border-radius:16px!important;}}