/* Home — dark (demo).
   Тёмная копия главной. Живёт отдельным файлом и подключается только к своему
   шаблону: ядро `lgf.css` не трогаем, светлый сайт остаётся как был.

   Направление задано клиентом: тёмная основа, более яркий синий, много движения
   и видео. Палитра здесь своя — это отступление от трёх бренд-цветов, сделанное
   намеренно и только на этой странице; если вариант утвердят, значения уедут
   в токены ядра. */

/* ⚠️ Палитра объявлена и на обёртке, и на body: шапка и подвал лежат вне
   `.dark`, и правила для них ссылались на переменные, которых в их области
   видимости нет. `var()` с неизвестным именем — это не «значение по умолчанию»,
   а недействительное свойство: подвал терял и свой фон из ядра, и наш, оставаясь
   белым текстом по белому. */
.dark,
body.page-template-home-dark{
  /* Основа не чёрная, а глубокая ночная синь: чистый чёрный рядом с синим
     читается как «выключенный экран», а не как тёмная тема. */
  --d-bg:#070C1A;
  --d-bg-2:#0C1428;          /* приподнятая поверхность */
  --d-bg-3:#111B36;          /* карточка */
  --d-line:rgba(126,158,255,.16);
  --d-line-2:rgba(126,158,255,.28);

  /* Текст не белый — чуть уведён в синеву, как просил клиент. */
  --d-text:#E7ECF9;
  --d-muted:#FFFFFF;      /* по просьбе: весь второстепенный текст белый, а не синевато-серый */

  /* Акцент ярче фирменного #3A5DAE. Для заливок и рамок — насыщенный,
     для текста — светлее: на тёмном фоне #3D6BFF даёт 4.3:1, мелкой строке
     этого мало. */
  --d-accent:#3D6BFF;
  --d-accent-text:#86A6FF;
  --d-accent-dark:#1F3FB8;
  /* ⚠️ Заливка кнопки отдельным тоном, как в общем тёмном слое: белый текст
     на #3D6BFF даёт 4.43:1 при норме 4.5 — глазу разницы нет, но норму надо
     держать. Для линий и значков остаётся #3D6BFF. */
  --d-accent-fill:#2F5BF0;
  --d-accent-fill-2:#2748D6;

  --d-shadow:0 24px 60px rgba(0,0,0,.55);

  background:var(--d-bg);
  color:var(--d-text);
}

/* Шапка и подвал живут вне обёртки, поэтому красим их по классу страницы. */
body.page-template-home-dark .header.is-stuck{
  background:rgba(7,12,26,.82);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--d-line);
  box-shadow:none
}
body.page-template-home-dark .header.is-stuck .header__logo{color:var(--d-text)}
body.page-template-home-dark .header.is-stuck .nav a{color:var(--d-text)}
body.page-template-home-dark .header.is-stuck .nav a:hover{color:var(--d-accent-text)}
body.page-template-home-dark .header.is-stuck .burger span{background:var(--d-text)}
body.page-template-home-dark .nav__sub{background:var(--d-bg-2);color:var(--d-text);border-color:var(--d-line);box-shadow:0 18px 40px rgba(0,0,0,.45)}
body.page-template-home-dark .nav__sub a{color:var(--d-text)}
body.page-template-home-dark .nav__sub a:hover,body.page-template-home-dark .nav__sub a[aria-current="page"]{color:var(--d-accent-text)}
body.page-template-home-dark .header.is-stuck .nav__sub a:hover,body.page-template-home-dark .header.is-stuck .nav__sub a[aria-current="page"]{color:var(--d-accent-text)}
body.page-template-home-dark .header.is-stuck .header__cta{
  --btn-bg:var(--d-accent);--btn-fg:#fff;--btn-bd:var(--d-accent)
}
/* ⚠️ Без своей пары наведения кнопка не откликалась вовсе: правило выше весит
   (0,4,1) и перебивает `.btn:hover` из ядра. Нашлось проверкой тёмной
   страницы партнёров — здесь дефект был ровно такой же. */
body.page-template-home-dark .header.is-stuck .header__cta:hover{
  --btn-bg:#2748D6;--btn-bd:#2748D6
}

/* ------------------------------------------------------------- ТИПОГРАФИКА */

/* Надзаголовок с чертой: линия слева вместо привычной черты под заголовком —
   на тёмном она читается лучше и задаёт горизонталь всей странице. */
.dark .dmark{
  display:inline-flex;align-items:center;gap:12px;
  font-size:var(--fs-caption);font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--d-accent-text)
}
.dark .dmark::before{content:'';width:36px;height:1px;background:var(--d-accent);flex:none}

.dark .dh2{
  margin:14px 0 0;
  font-size:clamp(30px,4vw,54px);line-height:1.06;letter-spacing:-.02em;
  font-weight:600;text-transform:uppercase;color:var(--d-text);max-width:20ch
}
.dark .dlead{margin:20px 0 0;font-size:var(--fs-lead);line-height:1.5;color:var(--d-muted);max-width:var(--measure)}
.dark .dprose{margin-top:20px;color:var(--d-muted)}
.dark .dprose p{margin:0 0 1em;max-width:var(--measure)}
.dark .dprose p:last-child{margin-bottom:0}

.dark .dlink{
  display:inline-flex;align-items:center;gap:10px;margin-top:28px;
  font-weight:500;color:var(--d-accent-text);
  transition:gap var(--dur) var(--ease),color var(--dur) var(--ease)
}
.dark .dlink:hover{gap:16px;color:#fff}
.dark .dlink .icon{width:18px;height:18px}

/* ---------------------------------------------------------------- КНОПКИ */

.dark .dbtn{
  display:inline-flex;align-items:center;gap:10px;
  min-height:48px;padding:0 26px;border-radius:var(--r-btn);
  border:1px solid var(--d-line-2);background:transparent;color:var(--d-text);
  font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:var(--fs-small);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),
             transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.dark .dbtn:hover{background:rgba(126,158,255,.1);border-color:var(--d-accent);transform:translateY(-2px)}
/* ⚠️ Заливка — более глубокий тон, а не `--d-accent`: белым по #3D6BFF
   ровно 4.43:1 при норме 4.5 (замерено на отрендеренной странице).
   Наведение тоже уходит глубже: светлее роняет контраст ещё сильнее. */
.dark .dbtn--accent{
  background:var(--d-accent-fill);border-color:var(--d-accent-fill);color:#fff;
  box-shadow:0 10px 30px rgba(61,107,255,.35)
}
.dark .dbtn--accent:hover{
  background:var(--d-accent-fill-2);border-color:var(--d-accent-fill-2);
  box-shadow:0 16px 44px rgba(61,107,255,.5)
}
.dark .dbtn .icon{width:18px;height:18px}

/* ------------------------------------------------------------- ПЕРВЫЙ ЭКРАН */

.dhero{
  position:relative;min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--header-h) + var(--sp-6)) 0 clamp(72px,10vh,130px);
  overflow:hidden;background:var(--d-bg)
}
.dhero__media{position:absolute;inset:0}
.dhero__media img,.dhero__media video{width:100%;height:100%;object-fit:cover}
.dhero__media video{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)}
.dhero__media video.is-ready{opacity:1}

/* ⚠️ Затемнение считалось по готовой странице, не по кадру: замер показал
   у надзаголовка 1.10:1 при норме 4.5 — светлый акцент по солнечному кадру.
   Ровным слоем это лечится только ценой 80 %, и от видео ничего не остаётся.
   Текст стоит по центру, как на светлой главной, поэтому и гасим по центру:
   мягкое пятно под колонкой плюс вертикальный скрим. Углы кадра остаются
   светлыми, видео видно. */
.dhero::before{
  content:'';position:absolute;inset:0;z-index:1;
  /* По просьбе — ровные 20 % и ничего больше: кадр виден почти целиком.
     ⚠️ Это сознательное отступление от нормы контраста: на солнечных планах
     петли белый текст ниже 4.5:1. Замер по 17 кадрам — в журнале. */
  background:rgba(7,12,26,.2)
}
.dhero__inner{position:relative;z-index:2;text-align:center}

/* Надзаголовок белый: светлый акцент по солнечному кадру не выживает в принципе.
   Черта здесь с двух сторон — колонка стоит по центру, односторонняя косит. */
.dhero .dmark{color:#fff}
.dhero .dmark::before{background:rgba(255,255,255,.7)}
.dhero .dmark::after{content:'';width:36px;height:1px;background:rgba(255,255,255,.7);flex:none}
.dhero__title{
  margin:18px auto 0;max-width:18ch;
  font-size:clamp(44px,8vw,116px);line-height:.94;letter-spacing:-.03em;
  font-weight:600;text-transform:uppercase;color:#fff
}
.dhero__lead{margin:22px auto 0;max-width:52ch;font-size:var(--fs-lead);line-height:1.5;color:rgba(231,236,249,.86)}

/* Даты и площадка строкой под лидом — как на светлой главной. */
.dhero__meta{
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px clamp(20px,3vw,40px);
  margin-top:26px;color:#fff;font-weight:500
}
.dhero__meta span{display:flex;align-items:center;gap:10px}
.dhero__meta .icon{width:20px;height:20px;color:var(--d-accent-text);flex:none}

.dhero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px}

/* Указатель прокрутки — тонкая линия с бегущим бликом, без слова «Scroll»:
   на тёмном экране подпись спорит с крупным заголовком. */
.dhero__scroll{
  position:absolute;left:50%;bottom:26px;z-index:2;
  width:1px;height:56px;background:var(--d-line-2);overflow:hidden
}
.dhero__scroll span{position:absolute;inset:0;background:var(--d-accent-text);animation:d-scroll 2.4s var(--ease) infinite}
@keyframes d-scroll{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}

/* --------------------------------------------------------------- СЕКЦИИ */

.dsection{position:relative;padding-block:clamp(64px,9vw,140px);background:var(--d-bg)}
.dsection--raised{background:var(--d-bg-2);border-block:1px solid var(--d-line)}

.dhead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:clamp(36px,4vw,64px)}
.dhead .dlink{margin-top:0}

.dsplit{display:grid;gap:clamp(32px,5vw,72px);align-items:start}
@media (min-width:1024px){
  .dsplit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dsplit--form{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
}

/* ------------------------------------------------------------ ВИДЕО-ФОН */

/* Постер лежит картинкой под видео: если видео не грузится (телефон, экономия
   трафика, «меньше движения») — на месте фона остаётся кадр, а не пустота. */
.dbg{position:absolute;inset:0;overflow:hidden;background:var(--d-bg-2)}
.dbg__poster,.dbg__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dbg__video{opacity:0;transition:opacity .8s var(--ease)}
.dbg__video.is-ready{opacity:1}

/* Кадр с петлёй в колонке — со своей рамкой и свечением. */
.dframe{
  position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;
  border-radius:var(--r-media);border:1px solid var(--d-line);
  box-shadow:var(--d-shadow)
}
.dframe--photo{aspect-ratio:4/3}
.dframe img{width:100%;height:100%;object-fit:cover;display:block}
.dframe::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,rgba(7,12,26,.5) 100%)
}

/* --------------------------------------------------------------- ПОЛОСА ВИДЕО */

/* Во всю ширину экрана, от края до края. Высота задана пропорцией окна, а не
   кадра: по пропорции самого кадра на широком мониторе полоса выросла бы
   в полтора экрана высоты и стала бы вторым hero. Сверху
   и снизу кадр растворяется в фоне страницы, чтобы полоса не выглядела
   вклеенной прямоугольником. */
.dreel{
  position:relative;overflow:hidden;
  height:clamp(380px,58vw,860px);
  background:var(--d-bg-2);border-block:1px solid var(--d-line)
}
.dreel::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,12,26,.55) 0%,transparent 22%,transparent 78%,rgba(7,12,26,.55) 100%)
}

/* ------------------------------------------------------------ ПОЛОСА ТЕМЫ */

.dband{position:relative;min-height:clamp(560px,92vh,1040px);display:flex;align-items:center;overflow:hidden}
.dband::before{
  content:'';position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(7,12,26,.94) 0%,rgba(7,12,26,.72) 45%,rgba(7,12,26,.35) 100%),
    linear-gradient(180deg,rgba(7,12,26,.6),transparent 40%,rgba(7,12,26,.6))
}
.dband__media{position:absolute;inset:0;background:var(--d-bg-2)}
.dband__media img{width:100%;height:100%;object-fit:cover;display:block}
.dband__inner{position:relative;z-index:2;padding-block:clamp(56px,8vw,96px)}
.dband__title{
  margin:18px 0 0;max-width:18ch;
  font-size:clamp(32px,5.5vw,72px);line-height:1;letter-spacing:-.025em;
  font-weight:600;text-transform:uppercase;color:#fff
}
/* Подзаголовок темы — предметы года. Набран не прописными и заметно мельче
   названия: две строки капслока подряд читались бы одним заголовком в две
   строки, а не заголовком и подписью. */
.dband__sub{
  margin:14px 0 0;max-width:52ch;
  font-size:clamp(17px,1.6vw,22px);line-height:1.35;font-weight:500;
  letter-spacing:.005em;color:#fff
}
.dband__text{margin:22px 0 0;max-width:48ch;font-size:var(--fs-lead);line-height:1.5;color:rgba(231,236,249,.84)}

/* ------------------------------------------------------- ТЕМЫ И ЦИТАТА */

/* Разворот во всю ширину экрана: кадр фоном, набор поверх. Раскладка и
   затемнение те же, что у полосы темы 2026 (`.dband`), — оно посчитано по
   готовой странице, и повторять расчёт для каждого нового блока не нужно. */

/* Кадр озера светлее, чем в полосе темы: по замеру перечень тем давал 4.1
   при норме 3 — проходит, но впритык. Гасим левую половину чуть плотнее,
   правый край кадра по-прежнему открыт. */
.dband--panel::before{
  background:
    linear-gradient(90deg,rgba(7,12,26,.9) 0%,rgba(7,12,26,.62) 46%,rgba(7,12,26,.16) 100%),
    linear-gradient(180deg,rgba(7,12,26,.5),transparent 42%,rgba(7,12,26,.5))
}

.dtopics{list-style:none;margin:clamp(18px,2.5vw,30px) 0 0;padding:0;display:grid;gap:clamp(4px,.8vw,12px)}
.dtopics li{
  font-size:clamp(28px,4.4vw,60px);line-height:1.08;letter-spacing:-.02em;
  font-weight:600;color:#fff
}

/* ⚠️ `blockquote` в ядре набран лёгким курсивом — на образце от клиента набор
   прямой и плотный, поэтому начертание задаём здесь своё. */
.dquote-block{margin:0;font-style:normal}
.dquote{
  margin:0;max-width:20ch;font-style:normal;color:#fff;
  font-size:clamp(28px,4.4vw,60px);line-height:1.1;letter-spacing:-.02em;font-weight:600
}
.dquote__by{
  margin-top:clamp(18px,2.5vw,28px);padding-top:clamp(14px,1.8vw,22px);
  border-top:1px solid rgba(255,255,255,.35);max-width:20ch;
  font-size:var(--fs-small);font-weight:500;color:#fff
}

/* -------------------------------------------------------------- КАРТОЧКИ */

.dgrid{display:grid;gap:var(--gutter)}
.dgrid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.dgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){ .dgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1024px){ .dgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))} }

.dcard{
  border:1px solid var(--d-line);border-radius:var(--r-media);overflow:hidden;
  background:var(--d-bg-3);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.dcard:hover{transform:translateY(-6px);border-color:var(--d-accent);box-shadow:var(--d-shadow)}
.dcard__link{display:block;color:inherit}
.dcard__media{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--d-bg-2)}
.dcard__media--wide{aspect-ratio:3/2}
.dcard__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}
.dcard:hover .dcard__media img{transform:scale(1.05)}
.dcard__body{display:block;padding:18px 20px 22px}
.dcard__name{display:block;font-weight:600;font-size:var(--fs-body);line-height:1.25;color:var(--d-text)}
.dcard:hover .dcard__name{color:var(--d-accent-text)}
.dcard__role{display:block;margin-top:8px;font-size:var(--fs-small);color:var(--d-muted)}

/* ------------------------------------------------------------- ПРОГРАММА */

/* Вкладки и позиции программы приходят из ядра — здесь только перекраска. */
/* ⚠️ Линии приходят из ядра со светлым `--lgf-rule` и на тёмном читаются
   белыми рейками: перекрасить надо не только рамки позиций, но и черту под
   вкладками и верхнюю кромку списка — они заданы отдельными правилами. */
.dark .tabs{border-color:var(--d-line)}
.dark .accordion{border-color:var(--d-line)}
.dark .tab{color:var(--d-muted);border-color:var(--d-line)}
.dark .tab[aria-selected="true"]{background:var(--d-accent);border-color:var(--d-accent);color:#fff}
.dark .accordion__item,.dark .session-item{border-color:var(--d-line)}
.dark .accordion__btn,.dark .session-item{color:var(--d-text)}

/* Наведение на позицию программы: подложкой во всю строку это выглядело
   грязным пятном поперёк страницы. Вместо неё — акцентная черта у левого края
   и подсветка самой строки: то же указание «сюда можно нажать», но линиями,
   как и весь остальной макет. */
.dark .accordion__btn{position:relative;transition:color var(--dur) var(--ease)}
.dark .accordion__btn::before{
  content:'';position:absolute;left:-16px;top:8px;bottom:8px;width:2px;
  background:var(--d-accent);opacity:0;transition:opacity var(--dur) var(--ease)
}
.dark .accordion__btn:hover::before,
.dark .accordion__btn[aria-expanded="true"]::before{opacity:1}
.dark .accordion__btn:hover,
.dark .accordion__btn:hover .accordion__title{color:var(--d-accent-text)}

/* Метка формата сессии («Opening») приходит белой плашкой — на тёмной странице
   это самое яркое пятно в списке, ярче самих названий. Оставляем контур. */
.dark .tag{background:transparent;border-color:var(--d-line-2);color:var(--d-accent-text)}
.dark a.tag:hover{background:var(--d-accent);border-color:var(--d-accent);color:#fff}
.dark .session-item__time,.dark .accordion__time{color:var(--d-accent-text)}
.dark .accordion__inner,.dark .session-item__meta,.dark .session-item__people{color:var(--d-muted)}
.dark .accordion__sign::before,.dark .accordion__sign::after{background:var(--d-accent-text)}

/* -------------------------------------------------------------- ПАРТНЁРЫ */

/* Логотипы приходят чёрными файлами и на тёмном пропадают — выводим
   вывороткой. Набранные названия красятся сами, они на currentColor. */
.dark .marquee__logo{color:var(--d-text);opacity:.7;transition:opacity var(--dur) var(--ease)}
.dark .marquee__logo:hover{opacity:1}
.dark .marquee__logo img{filter:brightness(0) invert(1)}
.dark .marquee__logo{border-color:var(--d-line);background:transparent}
.dark .marquee__logo:hover{border-color:var(--d-accent);background:rgba(126,158,255,.08);color:var(--d-text)}

/* ------------------------------------------------------------ РЕГИСТРАЦИЯ */

.dregister{background:var(--d-bg-2);border-top:1px solid var(--d-line)}
.dfacts{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:14px}
.dfacts li{display:flex;align-items:center;gap:12px;color:var(--d-muted)}
.dfacts .icon{width:18px;height:18px;color:var(--d-accent-text);flex:none}

/* Форма остаётся светлой плашкой: белое пятно на тёмной странице — самый
   сильный призыв, который здесь можно поставить, и ничего не надо перекрашивать. */
.dregister .register-form{box-shadow:var(--d-shadow)}

/* --------------------------------------------------------------- ДВИЖЕНИЕ */

@media (prefers-reduced-motion:reduce){
  .dhero__scroll span{animation:none}
}

/* --------------------------------------------------------- ПРАВКИ ПО ГЛАЗАМ */

/* Подпись дня на выбранной вкладке шла тёмно-синим по яркому синему —
   на заливке акцента вторая строка должна быть светлой. */
.dark .tab__date{color:var(--d-muted)}
.dark .tab[aria-selected="true"] .tab__date{color:rgba(255,255,255,.8)}

/* Участники сессии (`.meta`) были едва различимы: приглушённый цвет ядра
   рассчитан на белый фон и на тёмном проваливается. */
.dark .accordion__inner .meta,.dark .session-item__meta{color:var(--d-accent-text)}
.dark .accordion__inner .is-measured,.dark .accordion__inner p{color:var(--d-text)}
.dark .session-item__title{color:var(--d-text)}
.dark .session-item__where,.dark .session-item__date{color:var(--d-muted)}

/* Названия партнёров набраны текстом и на тёмном тонули. */
.dark .marquee__logo{opacity:1;color:rgba(231,236,249,.72)}
.dark .marquee__logo:hover{color:#fff}
.dark .marquee__logo img{opacity:.82;transition:opacity var(--dur) var(--ease)}
.dark .marquee__logo:hover img{opacity:1}

/* Заглушка вместо фото — светлая плашка ядра. На тёмной странице это яркое
   пятно; гасим её, оставляя различимой: пустое место должно читаться как
   «фото нет», а не как дефект. */
.dark .is-placeholder{opacity:.12}

/* Подвал у сайта тёмно-синий, а основа этой страницы заметно глубже —
   без выравнивания подвал читается как чужой светлый блок. */
body.page-template-home-dark .footer{background:var(--d-bg-2);border-top:1px solid var(--d-line)}

/* На узком экране текст полосы идёт во всю ширину, а затемнение сделано слева —
   хвост строки попадал на светлую часть кадра. Ниже 768 px гасим ровно сверху
   вниз: по прежним замерам на этой съёмке белый текст становится читаемым
   начиная с 68 %, берём с запасом. */
@media (max-width:767px){
  .dband::before{
    background:
      linear-gradient(180deg,rgba(7,12,26,.8) 0%,rgba(7,12,26,.88) 100%),
      radial-gradient(120% 80% at 10% 90%,rgba(31,63,184,.35),transparent 60%)
  }
}

/* --------------------------------------------------------- ФОРМА РЕГИСТРАЦИИ

   Белая карточка на тёмной странице. Синюю кнопку ядро задаёт фирменным
   #3A5DAE через `!important` — на тёмной главной она осталась единственным
   элементом старой палитры и выпадала из страницы.
   ⚠️ Перебить `!important` можно только своим `!important` и большим весом:
   у ядра `.register-form .btn` это (0,2,1), у нас (0,3,2). */
body.page-template-home-dark .register-form .btn{
  --btn-bg:var(--d-accent-fill) !important;--btn-fg:#fff !important;--btn-bd:var(--d-accent-fill) !important
}
body.page-template-home-dark .register-form .btn:hover{
  --btn-bg:var(--d-accent-fill-2) !important;--btn-bd:var(--d-accent-fill-2) !important
}

/* То же на тёмной главной: у неё свой файл палитры, общий слой сюда не грузится. */
body.page-template-home-dark .tba{background:var(--d-bg-3);border-color:var(--d-line)}
body.page-template-home-dark .tba__flag{background:var(--d-accent-fill);color:#fff}
body.page-template-home-dark .tba__title{color:var(--d-text)}
body.page-template-home-dark .tba__meta{color:var(--d-muted)}
body.page-template-home-dark .tba__link{color:var(--d-accent-text)}
body.page-template-home-dark .tba__link:hover{color:#fff}

/* Заголовок блока в упрощённой программе. */
.dark .session-group{color:var(--d-accent-text);border-color:var(--d-line)}

/* 2026-10-16: логотипы в ленте — в своих цветах (просьба клиента). Плашка
   белая, как у карточек партнёров на тёмных страницах: чёрные знаки
   (UBS, герб города) на тёмном иначе пропадают. */
.dark .marquee__logo,.dark .marquee__logo:hover{background:#fff;border-color:transparent;color:var(--lgf-blue-dark)}
.dark .marquee__logo img,.dark .marquee__logo:hover img{filter:none;opacity:1}
.dark .marquee__logo:hover{box-shadow:0 0 0 2px var(--d-accent)}

/* 2026-10-23: лента «лагала» (Firefox). Края больше не растворяются вовсе —
   ни маской, ни плашками поверх (просьба клиента): обычная обрезка по кромке. */
.dark .marquee{mask-image:none;-webkit-mask-image:none}
.dark .marquee__lane{contain:layout paint}