@charset "UTF-8";
/* ===================================================================
   Контраст и читаемость. Подключается последним.
   Собрано и проверено в браузере на всех страницах (390x844).
   Правила закрывают конкретные пары цветов, которые не проходили WCAG AA.
   Палитра проверена расчетом: на кремовом это темные чернила,
   на тёмном это светлые тона, промежуточные оттенки не используются.
   =================================================================== */

:root {
  /* токен второстепенного текста был слишком светлым для кремового фона */
  --txt-soft: #6E5F80;
  /* золото и алый: тёмные варианты для светлого фона */
  --gold-text: #7A5A16;
  --gold-text-soft: #8A6A2F;
  --ember-text: #A63A1F;
  /* текст на тёмных секциях */
  --on-dark: #F2ECFA;
  --on-dark-muted: #C9B8DE;
  --on-dark-gold: #F2D98A;
  --on-dark-link: #E0BF6A;
  /* текст на светлых карточках */
  --on-light: #2B1745;
  --on-light-muted: #5A4970;
  --on-light-link: #6B3FA0;
}

/* ── 1. Служебный текст на светлом ─────────────────────────────── */
.art-date, .art-date a, .art-date span,
.note, p.note, .card-date, .case-meta, .meta,
.rev-date, .review-date, .review-author, .rev-author,
.muted, .subnote, .price-note, .small-note,
.links-next .ln span, .ln span {
  color: var(--on-light-muted) !important;
}
.breadcrumbs, .breadcrumbs a, .breadcrumbs span {
  color: var(--on-light-muted) !important;
}

/* дата и подпись в тёмном первом экране: там тот же класс, но фон тёмный */
.page-hero .art-date, .page-hero .art-date a, .page-hero .art-date span,
.hero .art-date, .hero .art-date a, .hero .art-date span,
.page-hero .breadcrumbs, .page-hero .breadcrumbs a, .page-hero .breadcrumbs span {
  color: var(--on-dark-muted) !important;
}

/* ── 2. Золотые и алые акценты на светлом ──────────────────────── */
.info-box h3, .info-box h3 a, .info-box h3 span,
.warning-box h3, .warning-box h3 a,
.about-badge, .case-result, .result-box,
.p-list li::before, .p-icon,
h4 .accent, .accent-gold {
  color: var(--gold-text) !important;
}
.warning-box h3, .warning-box h3 a { color: #6B4F05 !important; }
.rev-stars, .review-stars, .stars, .rating-stars, .star-row {
  color: var(--gold-text-soft) !important;
}
h2[style*="--ember"], h3[style*="--ember"], h4[style*="--ember"] {
  color: var(--ember-text) !important;
}

/* ── 3. Карточка цены: всегда тёмный блок, текст светлый ───────── */
.price-hero {
  background: linear-gradient(165deg, #0F0A1E, #2B1745 55%, #4A1E3A) !important;
  color: var(--on-dark) !important;
}
.price-hero h1, .price-hero h2, .price-hero h3, .price-hero h4,
.price-hero .amount, .price-hero .p-price {
  color: var(--on-dark-gold) !important;
}
.price-hero p, .price-hero li, .price-hero span, .price-hero div, .price-hero small {
  color: var(--on-dark) !important;
}
.price-hero a { color: var(--on-dark-link) !important; }
.price-hero a.btn-gold, .price-hero a.btn-main, .price-hero .btn-gold {
  color: #150E22 !important;
}
.price-hero a.btn-ghost, .price-hero a.btn-vk, .price-hero a.btn-tg { color: #FFFFFF !important; }
.price-hero ul { color: var(--on-dark) !important; }

/* ── 4. Тёмные секции: первый экран, CTA, тёмные блоки ─────────── */
.sec-dark, .sec-dark p, .sec-dark li, .sec-dark span, .sec-dark div,
.page-hero, .page-hero p, .page-hero li, .page-hero span, .page-hero div,
.cta, .cta p, .cta li, .cta div,
.hero, .hero p, .hero li, .hero div {
  color: var(--on-dark) !important;
}
.sec-dark h1, .sec-dark h2, .sec-dark h3, .sec-dark h4,
.page-hero h1, .page-hero h2, .page-hero h3, .page-hero h4,
.cta h1, .cta h2, .cta h3, .cta h4,
.hero h1, .hero h2, .hero h3, .hero h4 {
  color: var(--on-dark-gold) !important;
}
.sec-dark a, .page-hero a, .cta a, .hero a { color: var(--on-dark-link) !important; }

/* ── 5. Карточки ───────────────────────────────────────────────── */
/* светлая кремовая карточка внутри тёмной секции */
.p-card, .scard, .story, .pos-card, .position-card, .rev-card,
.review-card, .card-links, .price-card, .plan-card {
  color: var(--on-light-muted) !important;
}
.p-card h3, .p-card h4, .p-card .p-price, .p-card .price,
.scard h3, .scard h3 a, .scard .scard-icon,
.story h3, .pos-card h4, .position-card h4,
.review-card h3, .price-card h3, .plan-card h3,
.a-stat strong, .stat strong {
  color: var(--on-light) !important;
}
.p-card p, .p-card .p-desc, .p-card .p-list, .p-card .p-list li,
.p-card span, .scard span {
  color: var(--on-light-muted) !important;
}
.p-card .p-list li { border-bottom-color: rgba(26, 17, 48, .09) !important; }
.p-card .p-icon { color: var(--gold-text-soft) !important; }
.p-card .p-badge { background: #E8C977 !important; color: #3A2A05 !important; }
.p-card a { color: var(--on-light-link) !important; }
.p-card a.btn-gold, .p-card a.btn-main { color: #150E22 !important; }
.p-card a.btn-purple { color: #FFFFFF !important; }
.scard > div { color: var(--on-light-muted) !important; }
.scard > div[style*="orchid"], .scard > div[style*="--orchid"] {
  color: var(--on-light-link) !important;
}
.a-stat span, .stat span { color: var(--on-light-muted) !important; }

/* выделенная карточка цены: тёмный фон, светлый текст */
.p-card.feat, .p-card.feat p, .p-card.feat span,
.p-card.feat .p-list, .p-card.feat .p-list li {
  color: var(--on-dark) !important;
}
.p-card.feat h3, .p-card.feat .p-price, .p-card.feat .p-icon {
  color: var(--on-dark-gold) !important;
}
.p-card.feat .p-list li { border-bottom-color: rgba(255, 255, 255, .12) !important; }
.p-card.feat a:not(.btn-gold):not(.btn-purple) { color: var(--on-dark-link) !important; }

/* карточки внутри тёмной секции остаются кремовыми: текст тёмный */
.sec-dark .p-card, .sec-dark .p-card p, .sec-dark .p-card li, .sec-dark .p-card span,
.sec-dark .scard, .sec-dark .scard p, .sec-dark .story, .sec-dark .story p {
  color: var(--on-light-muted) !important;
}
.sec-dark .p-card h3, .sec-dark .p-card .p-price,
.sec-dark .scard h3, .sec-dark .story h3 { color: var(--on-light) !important; }
.sec-dark .p-card a, .sec-dark .scard a, .sec-dark .story a { color: var(--on-light-link) !important; }
.sec-dark .p-card a.btn-gold, .sec-dark .p-card a.btn-main,
.sec-dark .p-card a.btn-purple, .sec-dark .p-card a.btn-vk,
.sec-dark .p-card a.btn-tg { color: #150E22 !important; }
.sec-dark .p-card a.btn-purple,
.sec-dark .p-card a.btn-vk,
.sec-dark .p-card a.btn-tg { color: #FFFFFF !important; }
.sec-dark .p-card.feat,
.sec-dark .p-card.feat p, .sec-dark .p-card.feat li, .sec-dark .p-card.feat span {
  color: var(--on-dark) !important;
}
.sec-dark .p-card.feat h3, .sec-dark .p-card.feat .p-price { color: var(--on-dark-gold) !important; }
.sec-dark .scard .scard-icon, .sec-dark .scard .scard-icon, .grid3 .scard-icon { color: var(--on-dark-gold) !important; }

/* ── 6. Кнопки ─────────────────────────────────────────────────── */
.btn-gold, a.btn-gold, button.btn-gold, .btn-main, a.btn-main {
  background: linear-gradient(135deg, #C4983A, #E0BF6A) !important;
  color: #150E22 !important;
}
.btn-purple, a.btn-purple { background: linear-gradient(135deg, #5B3492, #7E4FB8) !important; color: #FFFFFF !important; }
.btn-vk, a.btn-vk { background: #0B5FCC !important; color: #FFFFFF !important; }
.btn-tg, a.btn-tg { background: #0F6E9E !important; color: #FFFFFF !important; }
.btn-ghost, a.btn-ghost, button.btn-ghost { color: var(--on-dark-link) !important; border-color: rgba(196, 152, 58, .55) !important; }
.content a.btn-ghost { color: var(--on-light-link) !important; }
.sec-dark a.btn-gold, .sec-dark a.btn-purple, .sec-dark a.btn-vk, .sec-dark a.btn-tg,
.page-hero a.btn-gold, .page-hero a.btn-purple, .page-hero a.btn-vk, .page-hero a.btn-tg,
.cta a.btn-gold, .cta a.btn-purple, .cta a.btn-vk, .cta a.btn-tg,
.hero a.btn-gold, .hero a.btn-purple, .hero a.btn-vk, .hero a.btn-tg,
.price-hero a.btn-gold, .price-hero a.btn-primary { color: #150E22 !important; }
.sec-dark a.btn-purple, .sec-dark a.btn-vk, .sec-dark a.btn-tg,
.page-hero a.btn-purple, .page-hero a.btn-vk, .page-hero a.btn-tg,
.cta a.btn-purple, .cta a.btn-vk, .cta a.btn-tg,
.hero a.btn-purple, .hero a.btn-vk, .hero a.btn-tg { color: #FFFFFF !important; }

/* ── 7. Ссылки в тексте ────────────────────────────────────────── */
.content a { color: var(--on-light-link) !important; }
.content a:hover { color: var(--gold-text) !important; }
.content a.btn-gold:hover, .content a.btn-purple:hover { color: #150E22 !important; }

/* ── 8. Иконки и служебные элементы ────────────────────────────── */
.rsk-icon { color: var(--gold-text-soft) !important; }
.err-code, .code-404 { color: var(--gold-light) !important; }

/* ── 9. Точечные пары, найденные проверкой ─────────────────────── */
/* список состава в тёмном блоке без класса */
.content div > ul[style*="list-style:none"] li,
.content div > ul[style*="list-style: none"] li { color: var(--on-dark) !important; }
/* нумерация шагов: золото на кремовом */
.wrap div > span[style*="--gold"], .wrap div > span[style*="C4983A"] { color: var(--gold-text) !important; }
/* алый акцент в тёмном блоке: светлее */
.s-inner p strong, .s-inner strong[style*="--ember"] { color: #FF8A65 !important; }
/* плашка на алой карточке сравнения */
.compare .comp-paid > div[style*="--ember"] {
  background: #A8321A !important;
  color: #FFFFFF !important;
}
/* подпись под кнопками в блоке контактов */
.lh-inner span { color: var(--on-dark) !important; }
/* навигация в подвале страниц без тёмного фона */
main > div > div[style*="--gold"] { color: var(--gold-text) !important; }
/* главная страница бесплатного разбора: тёмный фон, светлый текст */
main > h2[style*="2B1745"] { color: var(--on-dark) !important; }
main > p[style*="5A4970"] { color: var(--on-dark-muted) !important; }


/* ── 10. Подвал: тёмный фон, светлый текст ─────────────────────── */
footer, footer p, footer li, footer div, footer span,
.ft-bottom, .ft-bottom p, .ft-bottom div, .ft-bottom span,
.ft-col, .ft-col li, .ft-note, .ft-desc {
  color: rgba(232, 220, 248, .74) !important;
}
footer a, footer .ft-col a, .ft-bottom a, .ft-nav a {
  color: rgba(232, 220, 248, .86) !important;
}
footer a:hover, .ft-bottom a:hover { color: #F2D98A !important; }
footer h4, footer h3, .ft-col h4, .ft-title { color: #F2D98A !important; }
footer strong, footer b { color: #F2ECFA !important; }

/* ── 11. Кремовые карточки-ссылки внутри тёмных секций ─────────── */
.links-next a.ln, .links-next a.ln b, .links-next a.ln strong,
a.ln, a.ln b {
  color: var(--on-light) !important;
}
.links-next a.ln span, a.ln span { color: var(--on-light-muted) !important; }
.links-next a.ln:hover, a.ln:hover { color: var(--on-light-link) !important; }

/* ── 12. Кнопки внутри текста: не перекрашивать ссылкой ────────── */
.content a.btn-gold, .content a.btn-main { color: #150E22 !important; }
.content a.btn-purple, .content a.btn-vk, .content a.btn-tg { color: #FFFFFF !important; }
.sec-dark .content a, .page-hero .content a, .cta .content a { color: var(--on-dark-link) !important; }

/* ── 13. Списки ссылок на светлом фоне ─────────────────────────── */
.content ul[style*="columns"] a, main ul[style*="columns"] a,
.card-combos a, .cards-index a, .cluster-index a, .combos a {
  color: var(--on-light-link) !important;
}
ul.ul-dark a, .ul-dark a { color: var(--on-dark-link) !important; }
ul.ul-dark, .ul-dark { color: var(--on-dark) !important; }

/* крошки: тёмная плашка мешала читаемости, оставляем текст на фоне страницы */
.breadcrumbs { background: transparent !important; border-bottom: none !important; }

/* блок призыва внутри статьи: тёмный фон */
.cta-box, .cta-box p, .cta-box li, .cta-box span { color: var(--on-dark) !important; }
.cta-box h3, .cta-box h2 { color: var(--on-dark-gold) !important; }
.cta-box a { color: var(--on-dark-link) !important; }
.cta-box a.btn-gold { color: #150E22 !important; }

/* иконка карты: у неё всегда тёмный градиент */
.scard .scard-icon, .grid3 .scard-icon { color: var(--on-dark-gold) !important; }

/* статистика в тёмном блоке */
.ls-inner .stats .stat span, .ls-inner .stat-n, .ls-inner .stat-l { color: var(--on-dark) !important; }
.hero-stats .h-stat span { color: var(--on-dark-muted) !important; opacity: 1 !important; }

/* ссылка на золотой плашке */
.content a[style*="--gold"], .content a[style*="C4983A"], .content a[style*="196, 152, 58"] {
  color: #150E22 !important;
}

/* кнопки-контуры внутри тёмных блоков */
.price-hero a.btn-ghost, .sec-dark a.btn-ghost, .page-hero a.btn-ghost, .cta a.btn-ghost {
  color: var(--on-dark-link) !important;
  border-color: rgba(224, 191, 106, .6) !important;
}

/* алый акцент на тёмном */
.s-dark p[style*="--ember"], .s-dark strong[style*="--ember"] { color: #FF8A65 !important; }

/* золотой надзаголовок на светлом */

/* ── 14. Уточнения после повторной проверки ────────────────────── */
body div.breadcrumbs, body div.breadcrumbs span { color: var(--on-light-muted) !important; }
body div.breadcrumbs a, body div.breadcrumbs a:visited { color: var(--on-light-link) !important; }
body div.breadcrumbs a:hover { color: var(--gold-text) !important; }
body .sec-dark div.breadcrumbs, body .sec-dark div.breadcrumbs span,
body .page-hero div.breadcrumbs, body .page-hero div.breadcrumbs span { color: var(--on-dark-muted) !important; }
body .sec-dark div.breadcrumbs a, body .page-hero div.breadcrumbs a { color: var(--on-dark-link) !important; }
main ul.ul-dark a, .content ul.ul-dark a, ul.ul-dark li a { color: var(--on-dark-link) !important; }
.ai-answer strong{display:inline;font-size:inherit;font-family:inherit;color:inherit;background:none;-webkit-text-fill-color:currentColor;letter-spacing:normal;font-weight:700}
.math-val{color:#7d5e18}