/* site-prodark.css — тёмное премиальное оформление страницы товара, пока выбран вариант PRO (S64).
   Подключается только на страницах, где редактор включил «Шапка страницы → Оформление варианта PRO → Тёмное». Класс is-prodark на .spp ставит site-pages.js.
   Тёмной становится вся страница: фон, текст, карточки, плитки, отзывы, вопросы, «Вам также подойдёт». Золото: только акцент (плюсы, плашка PRO, кнопка покупки).
   Обводок нет: выбранное отличается подложкой, а не рамкой. Правила со светлыми поверхностями в конце файла собраны по стилям страницы (site-pages.css, site-s26.css, site-s27.css, site.css). */

.spp[data-prodark] { position: relative; isolation: isolate; overflow-x: clip; }
.spp[data-prodark]::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); opacity: 0; transition: opacity .45s ease; pointer-events: none;
  background: radial-gradient(70% 520px at 90% 0%, rgba(232, 194, 122, .13), transparent 70%), radial-gradient(60% 600px at 0% 12%, rgba(80, 110, 220, .22), transparent 70%), linear-gradient(180deg, #060D24 0%, #0A1432 38%, #0A1330 100%); }
.spp.is-prodark::before { opacity: 1; }
.spp[data-prodark] .spp-h1, .spp[data-prodark] .spp-lead, .spp[data-prodark] .spp-checks li, .spp[data-prodark] .spp-vsw-b, .spp[data-prodark] .sp-h2 { transition: color .35s ease, background-color .35s ease, box-shadow .35s ease; }
@media (prefers-reduced-motion: reduce) { .spp[data-prodark]::before, .spp[data-prodark] .spp-h1, .spp[data-prodark] .spp-lead, .spp[data-prodark] .spp-checks li, .spp[data-prodark] .spp-vsw-b, .spp[data-prodark] .sp-h2 { transition: none; } }

/* цвета предмета для тёмного: светлая подложка становится тёмной, тёмный текст предмета светлым, акцент золотой.
   Задаются на детях .spp, потому что сам .spp несёт свои значения в атрибуте style */
.spp.is-prodark > * {
  --sa: #E8C27A;                     /* акцент предмета в тёмном: золото (цвет предмета на тёмном читается плохо) */
  --sl: #1A2858;
  --sd: #E9EEFF;
  --av-ink: #F4F6FC; --av-ink-hover: #FFFFFF; --av-text: #D3DAEE; --av-muted: #9DA9C8; --av-muted-2: #B9C3DE;
  --av-line: rgba(255, 255, 255, .12); --av-line-2: rgba(255, 255, 255, .2); --av-sky: rgba(255, 255, 255, .08);
  --av-blue-text: #9DBBFF; --av-bg: #0A1432; --av-bg-soft: #0A1432;
}
.spp.is-prodark { color: #D3DAEE; }
.spp.is-prodark .sp-h2, .spp.is-prodark h2, .spp.is-prodark h3 { color: #F4F6FC; }

/* верх страницы */
.spp.is-prodark .spp-h1 { color: #FFFFFF; }
.spp.is-prodark .spp-lead { color: #C4CDE4; }
.spp.is-prodark .spp-checks li { color: #E9EDF8; }
.spp.is-prodark .spp-checks svg { color: #E8C27A; }
.spp.is-prodark .sp-pill-var { background: linear-gradient(135deg, #F3D9A4, #D9A94C); color: #1A1305; }
.spp.is-prodark .spp-crumbs, .spp.is-prodark .spp-crumbs a { color: #9DA9C8; }
.spp.is-prodark .spp-crumbs [aria-current], .spp.is-prodark .spp-crumbs span:last-child { color: #E9EDF8; }

/* галерея: без рамки, мягкая тень */
.spp.is-prodark .spp-gal-main { background-color: #101D45 !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .38); }
.spp.is-prodark .spp-ribbon { background: linear-gradient(135deg, #F3D9A4, #D9A94C); color: #1A1305; box-shadow: 0 8px 22px rgba(0, 0, 0, .35); }
.spp.is-prodark .spp-thumb { background: rgba(255, 255, 255, .08); box-shadow: none; }
.spp.is-prodark .spp-thumb.is-on { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85); }

/* плитки вариантов: подложка-сегмент, выбранный светлее, без рамок */
.spp.is-prodark .spp-vsw { background: rgba(255, 255, 255, .07); }
.spp.is-prodark .spp-vsw-b { background: transparent; box-shadow: none; color: #FFFFFF; }
.spp.is-prodark .spp-vsw-b:hover { background: rgba(255, 255, 255, .08); box-shadow: none; }
.spp.is-prodark .spp-vsw-b[aria-checked="true"] { background: rgba(255, 255, 255, .15); box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
.spp.is-prodark .spp-vsw-d { color: #B7C1DA; }
.spp.is-prodark .spp-vsw-plus { background: linear-gradient(135deg, #F3D9A4, #D9A94C); color: #1A1305; }

/* карточка покупки: тёмное стекло без золотой рамки */
.spp.is-prodark .spp-buy { background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .05)); border-color: rgba(255, 255, 255, .1); box-shadow: 0 30px 70px rgba(0, 0, 0, .35); color: #FFFFFF; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.spp.is-prodark .spp-now { color: #FFFFFF; }
.spp.is-prodark .spp-price s { color: #94A0BF; }
.spp.is-prodark .sp-off { background: rgba(232, 194, 122, .18); color: #F3D9A4; }
.spp.is-prodark .spp-vinc { color: #E9EDF8; }
.spp.is-prodark .spp-vinc svg { color: #E8C27A; }
.spp.is-prodark .spp-vinc-var .vinc-h { border-top-color: rgba(255, 255, 255, .18); color: #E8C27A; }
.spp.is-prodark .spp-vinc-var li.is-plus svg { color: #E8C27A; }
.spp.is-prodark .spp-facts, .spp.is-prodark .spp-facts > div { border-color: rgba(255, 255, 255, .16); }
.spp.is-prodark .spp-facts dt { color: #A9B4D0; }
.spp.is-prodark .spp-facts dd { color: #FFFFFF; }
.spp.is-prodark .spp-vback { color: #A9B4D0; }
.spp.is-prodark .spp-vback a { color: #FFFFFF; }
.spp.is-prodark .spp-upd { background: rgba(62, 155, 113, .18); color: #A9E3C4; }
.spp.is-prodark .spp-upd > span > span { color: #8CCBA9; }
.spp.is-prodark .spp-owned { background: rgba(255, 255, 255, .08); color: #E9EDF8; }
.spp.is-prodark .spp-safe { color: #A9B4D0; }
.spp.is-prodark .spp-safe svg { color: #E8C27A; }
.spp.is-prodark .spp-buy .sp-btn-buy, .spp.is-prodark .spp-buy .sp-btn-dark { background: linear-gradient(135deg, #F3D9A4, #D9A94C); color: #1A1305 !important; box-shadow: 0 10px 30px rgba(217, 169, 76, .28); }
.spp.is-prodark .spp-buy .sp-btn-buy:hover, .spp.is-prodark .spp-buy .sp-btn-dark:hover { background: linear-gradient(135deg, #F3D9A4, #D9A94C); filter: brightness(1.06); }
.spp.is-prodark .spp-buy .sp-btn-buy span, .spp.is-prodark .spp-buy .sp-btn-buy svg { color: #1A1305 !important; }
.spp.is-prodark .spp-buy .sp-btn-soft { background: rgba(255, 255, 255, .08); color: #FFFFFF !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); }
.spp.is-prodark .spp-buy .sp-btn-soft:hover { background: rgba(255, 255, 255, .14); }
.spp.is-prodark .spp-buy .sp-btn-pre { background: transparent; color: #FFFFFF !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); }
.spp.is-prodark .spp-buy .sp-btn-pre:hover { background: rgba(255, 255, 255, .14); color: #FFFFFF !important; }

/* вся остальная страница */
.spp.is-prodark .spp-oc-pack .spp-oc-top { background: linear-gradient(135deg, #1B2B63, #12204F); }
.spp.is-prodark .rvc-dark { background: #0B1636; }
.spp.is-prodark .sp-main, .spp.is-prodark .sp-sec { background: transparent; }
.spp.is-prodark .sp-faq-q, .spp.is-prodark .sp-q-t { color: #F4F6FC; }
.spp.is-prodark ::selection { background: rgba(232, 194, 122, .35); }

/* ---------- светлые поверхности страницы в тёмном виде (собраны по стилям страницы) ---------- */
.spp.is-prodark .sp-off { background: #1A2858; }
.spp.is-prodark .sp-ph { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .sp-btn-pre { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-btn-go { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-btn-line:hover { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-btn-white { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-btn-white:hover { background: #1A2858; }
.spp.is-prodark .sp-btn.is-in { background: #1A2858; }
.spp.is-prodark .sp-arw { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .rvc-ini { background: #1A2858; }
.spp.is-prodark .rvc-accent .rvc-chip { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .rvc-accent .rvc-txt { color: #F4F6FC; }
.spp.is-prodark .rvc-shot { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .sp-dlg-x:hover { background: #1A2858; }
.spp.is-prodark .sp-ask-o:hover { background: #1A2858; }
.spp.is-prodark .sp-ask-o > svg { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-uni { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-faqpic { background: #1A2858; }
.spp.is-prodark .sp-faqbubble { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-faqhelp-b { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-q { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-art { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-art-s { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-art-s:hover { background: #1A2858; }
.spp.is-prodark .sh-chip { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sh-mini { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sh-tab { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .sh-tab-gold { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .sh-tab-gold:hover:not(.is-on),
.spp.is-prodark .sh-tab-gold:hover { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .sh-packs { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sh-pk { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-btn-soft { background: #1A2858; }
.spp.is-prodark .spp-a4 { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-thumb { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-buy { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-owned { background: #1A2858; }
.spp.is-prodark .spp-tsec { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-tnum { background: #1A2858; }
.spp.is-prodark .spp-tico { background: #1A2858; }
.spp.is-prodark .spp-why-c { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-ba { background: #1A2858; }
.spp.is-prodark .spp-ba-r { background: #1A2858; }
.spp.is-prodark .spp-bachip { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-bachip i { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .spp-oc { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-oc-badge { background: #1A2858; }
.spp.is-prodark .spp-upd { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .spp-vsw { background: #1A2858; }
.spp.is-prodark .spp-vsw-b[aria-checked="true"] { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-vup { background: #1A2858; }
.spp.is-prodark .spp-vup-go { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-vup-go:hover { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sh-feat-tab { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sh-feat-tab:hover:not(.is-on) { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .sh-feat-tab.is-on { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sh-feat-ico { background: #1A2858; }
.spp.is-prodark .sp-toast button { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-sub { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-sub-in { background: #1A2858; }
.spp.is-prodark .spp-sub-sw { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .spp-sub-m.is-on { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-sub-help { background: #1A2858; }
.spp.is-prodark .spp-sub-tip,
.spp.is-prodark .spp-sub-list { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .spp-sub-row:hover,
.spp.is-prodark .spp-sub-row:focus-visible { background: #1A2858; }
.spp.is-prodark a.spp-sub-link:hover { background: #1A2858; }
.spp.is-prodark .spp-sub-all { background: #1A2858; }
.spp.is-prodark .sp-arw:hover { background: #1A2858; }
.spp.is-prodark body.av { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .hdm-menu { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .hdm-ml:active { background: #1A2858; }
.spp.is-prodark .lgn { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .lgn-x:hover { background: #1A2858; }
.spp.is-prodark .lgn-inp { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .lgn-ddb { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .lgn-ddl { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .lgn-opt:hover,
.spp.is-prodark .lgn-opt.lgn-cur { background: #1A2858; }
.spp.is-prodark .lgn-d { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .lgn-box { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .mp { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .mp-av { background: #1A2858; }
.spp.is-prodark .mp-stat { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .ck-white { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .ck-white:hover { background: #1A2858; }
.spp.is-prodark .ck-dlg { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .ck-opt { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .ck-tg::after { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .ck-line { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .ck-x:hover { background: #1A2858; }
.spp.is-prodark .av-login .lgn-page { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-badge { background: #1A2858; }
.spp.is-prodark .cd-beta { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-ask { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-form { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-in { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-fb.is-bad { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-term summary:hover { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-st-new { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-st-learning { background: #1A2858; }
.spp.is-prodark .cd-st-due { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-img { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-front { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-back { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-back .cd-img { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-g-unclear { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-g-partial { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-g-clear { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-audio { background: #1A2858; }
.spp.is-prodark .cd-back .cd-audio { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-exam { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-leech { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-mn { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-back .cd-mn { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-parts { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-lc summary:hover { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-subs details { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-ans-in[disabled] { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-res { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-res.is-ok { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-res.is-near { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-res.is-bad { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-res.is-idk { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-res .cd-mn { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-pc { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-pc-d { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-pc.is-sel { background: #1A2858; }
.spp.is-prodark .cd-pc.is-miss { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-pc.is-done { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-pk-box { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-pk-opt { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .cd-pk-opt.is-on { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-pk-pic { background: rgba(255, 255, 255, .045); }
.spp.is-prodark .cd-pk-ck { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .lead__input { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .blog-hero__lead { color: #F4F6FC; }
.spp.is-prodark .ed-field input { background: rgba(255, 255, 255, .065); }

/* ---------- точечные правки (S64): то, что общим правилам не поддалось ---------- */
/* строка поиска и крошки под шапкой сайта */
.spp.is-prodark .spp-sub { background: rgba(8, 16, 42, .72); border-color: rgba(255, 255, 255, .1); }
.spp.is-prodark .spp-sub-box, .spp.is-prodark .spp-sub-in { color: #E9EDF8; }
.spp.is-prodark .spp-sub-in::placeholder { color: #8E9ABB; }
.spp.is-prodark .spp-sub-ico, .spp.is-prodark .spp-sub-help { color: #C4CDE4; }
.spp.is-prodark .spp-sub-help { background: rgba(255, 255, 255, .08); }
.spp.is-prodark .spp-sub-m { color: #A9B4D0; }
.spp.is-prodark .spp-sub-m.is-on { background: rgba(255, 255, 255, .14); color: #FFFFFF; box-shadow: none; }
.spp.is-prodark .spp-crumbs ol, .spp.is-prodark .spp-crumbs li[aria-current] { color: #E9EDF8; }
.spp.is-prodark .spp-crumbs a { color: #9DA9C8 !important; }
.spp.is-prodark .spp-crumbs a:hover { color: #FFFFFF !important; }
.spp.is-prodark .spp-crumbs li + li::before { color: #6F7CA0; }
/* «Одна методичка или весь пак» / «Улучшенная версия» */
.spp.is-prodark .spp-oc { border-color: rgba(255, 255, 255, .1); box-shadow: none; }
.spp.is-prodark .spp-oc-n, .spp.is-prodark .spp-oc-price { color: #F4F6FC; }
.spp.is-prodark .spp-oc-note, .spp.is-prodark .spp-oc-note s { color: #A9B4D0; }
.spp.is-prodark .spp-oc-list li, .spp.is-prodark .spp-oc-list span { color: #E1E7F6; }
.spp.is-prodark .spp-oc-list svg { color: #E8C27A; }
.spp.is-prodark .spp-oc-more { color: #E8C27A; }
.spp.is-prodark .spp-oc .sp-btn-soft { background: rgba(255, 255, 255, .09); color: #FFFFFF; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .25); }
.spp.is-prodark .spp-oc .sp-btn-soft:hover { background: rgba(255, 255, 255, .15); }
.spp.is-prodark .spp-oc-pack .sp-btn-dark { background: linear-gradient(135deg, #F3D9A4, #D9A94C); color: #1A1305; }
.spp.is-prodark .spp-oc-badge { background: rgba(232, 194, 122, .18); color: #F3D9A4; }
/* отзывы */
.spp.is-prodark .rvc-normal { background: rgba(255, 255, 255, .065) !important; box-shadow: none; }
.spp.is-prodark .rvc-normal .rvc-txt, .spp.is-prodark .rvc-normal .rvc-name { color: #F4F6FC; }
.spp.is-prodark .rvc-normal .rvc-sub, .spp.is-prodark .rvc-normal .rvc-more { color: #A9B4D0; }
.spp.is-prodark .rvc-chip { background: rgba(255, 255, 255, .1); color: #E9EDF8; }
.spp.is-prodark .rvc-ini { color: #F4F6FC; }
.spp.is-prodark .sp-arw { color: #F4F6FC; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.spp.is-prodark .sp-arw:disabled { opacity: .4; }
/* «Вам также подойдёт», вопросы, статьи */
.spp.is-prodark .spp-kit-c, .spp.is-prodark .sp-also-c { background: rgba(255, 255, 255, .065); box-shadow: none; color: #F4F6FC; }
.spp.is-prodark .spp-kit-n, .spp.is-prodark .sp-also-n, .spp.is-prodark .sp-also-c b { color: #F4F6FC; }
.spp.is-prodark .sp-also-c .sp-btn, .spp.is-prodark .spp-kit-c .sp-btn { background: transparent; color: #F4F6FC; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); }
.spp.is-prodark .sp-faqhelp { background: rgba(255, 255, 255, .065); }
.spp.is-prodark .sp-faqhelp b, .spp.is-prodark .sp-faqhelp p { color: #E9EDF8; }
.spp.is-prodark .sp-faqhelp small, .spp.is-prodark .sp-faqhelp a { color: #A9B4D0; }
.spp.is-prodark .sp-q, .spp.is-prodark .sp-art { color: #F4F6FC; box-shadow: none; }
.spp.is-prodark .sp-q-b, .spp.is-prodark .sp-q p { color: #C4CDE4; }
.spp.is-prodark .spp-tsec, .spp.is-prodark .spp-tsec *, .spp.is-prodark .spp-toc-i { color: #F4F6FC; }

/* кнопки и ссылки, у которых цвет задан с !important или через акцент предмета */
.spp.is-prodark .sp-btn-go, .spp.is-prodark .sp-btn-sm, .spp.is-prodark .sp-btn-line { color: #F4F6FC !important; background: transparent; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); }
.spp.is-prodark .spp-oc-more, .spp.is-prodark .sp-more, .spp.is-prodark .sp-sec-link { color: #E8C27A !important; }
.spp.is-prodark .sp-pill:not(.sp-pill-var) { background: rgba(255, 255, 255, .12); color: #F4F6FC; }
.spp.is-prodark .rvc:not(.rvc-dark):not(.rvc-accent) { background: rgba(255, 255, 255, .065) !important; box-shadow: none; }
.spp.is-prodark .rvc:not(.rvc-dark):not(.rvc-accent) .rvc-txt, .spp.is-prodark .rvc:not(.rvc-dark):not(.rvc-accent) .rvc-name { color: #F4F6FC; }
.spp.is-prodark .rvc:not(.rvc-dark):not(.rvc-accent) .rvc-sub { color: #A9B4D0; }
.spp.is-prodark .sp-all, .spp.is-prodark .sp-sec-h a, .spp.is-prodark .sp-sec a.sp-lnk { color: #E8C27A !important; }
/* открытый вопрос и блок «Не нашёл ответ»: без цветной рамки и без светлых полос */
.spp.is-prodark .sp-q[open]:not(.is-closing), .spp.is-prodark .sp-q:hover:not([open]) { border-color: rgba(255, 255, 255, .14); }
.spp.is-prodark .sp-q[open]:not(.is-closing) .sp-plus { background: rgba(255, 255, 255, .18); color: #FFFFFF; }
.spp.is-prodark .sp-faqhelp-b { background: transparent; }
.spp.is-prodark .sp-faqhelp-b .sp-btn { background: linear-gradient(135deg, #F3D9A4, #D9A94C); color: #1A1305 !important; box-shadow: none; }

/* блок «Учитесь прямо на платформе» (тесты, карточки, клиника): панель тёмная, примеры экрана остаются светлыми, как настоящий экран платформы (S66) */
.spp.is-prodark .spf { background: linear-gradient(135deg, #15224F 0%, #0E1838 120%); box-shadow: none; }
.spp.is-prodark .spf::before { background: rgba(232, 194, 122, .07); }
.spp.is-prodark .spf-ey, .spp.is-prodark .spf-kicker, .spp.is-prodark .sp-eyebrow { background: rgba(255, 255, 255, .1); color: #E8C27A; }
.spp.is-prodark .spf-lead, .spp.is-prodark .spf-note { color: #B9C3DE; }
.spp.is-prodark .spf-h3, .spp.is-prodark .spf .sp-h2, .spp.is-prodark .spf-pts li { color: #F4F6FC; }
.spp.is-prodark .spf-pts svg { color: #E8C27A; }
.spp.is-prodark .spf-ico { background: rgba(232, 194, 122, .16); color: #E8C27A; }
.spp.is-prodark .spf-facts b { color: #E8C27A; }
.spp.is-prodark .spf-facts span { color: #A9B4D0; }
.spp.is-prodark .spf-tabs { background: rgba(255, 255, 255, .08); }
.spp.is-prodark .spf-tab { color: #C4CDE4; }
.spp.is-prodark .spf-tab:hover:not(.is-on) { background: rgba(255, 255, 255, .1); }
.spp.is-prodark .spf-tab.is-on { background: rgba(255, 255, 255, .17); color: #FFFFFF; }
.spp.is-prodark .spf-tab:focus-visible { outline-color: #E8C27A; }
.spp.is-prodark .spf .sp-btn-dark, .spp.is-prodark .spf .sp-btn-buy { background: linear-gradient(135deg, #F3D9A4, #D9A94C); color: #1A1305 !important; box-shadow: none; }
.spp.is-prodark .spf .sp-btn-soft, .spp.is-prodark .spf .sp-btn-line, .spp.is-prodark .spf .spf-cta + .sp-btn { background: rgba(255, 255, 255, .12); color: #FFFFFF !important; box-shadow: none; }
.spp.is-prodark .spf .sp-btn-soft:hover, .spp.is-prodark .spf .sp-btn-line:hover { background: rgba(255, 255, 255, .2); }
/* примеры: светлые значения цветов обратно */
.spp.is-prodark .spf-demo {
  --av-ink: #081940; --av-ink-hover: #13275A; --av-text: #242424; --av-muted: #5F6673; --av-muted-2: #3A3F4A; --av-line: #E3E8F0; --av-line-2: #C9D1E0;
  --av-sky: #E5EDFF; --av-blue-text: #0047D1; --sa: #0058FF; --sl: #E5EDFF; --sd: #081940; color: #242424;
}
.spp.is-prodark .ft-c-top { color: #B9C3DE; }
.spp.is-prodark .ft-c-top b { color: #FFFFFF; }
.spp.is-prodark .ft-c-deck { background: rgba(255, 255, 255, .14); color: #F4F6FC; }