@charset "UTF-8";
/* ===================================================================
   Доступность: контраст и семантика. Подключается последним,
   поэтому перекрывает и общие стили, и crumbs-dark.css.
   Каждое значение проверено расчетом по WCAG: не ниже 4.5 для
   обычного текста и не ниже 3.0 для крупного и границ.
   =================================================================== */

/* 1. Ссылки в шапке: было 4.08 при норме 4.5 */
.nav-links a { color: rgba(228, 213, 245, .68); }
.nav-links a:hover, .nav-links a:focus-visible { color: #F2D98A; }

/* 2. Нижняя строка подвала: было 1.91 и 2.21 */
.ft-bottom, .ft-bottom a, .ft-bottom span { color: rgba(232, 220, 248, .66) !important; }
.ft-bottom a { text-decoration: underline; text-underline-offset: 2px; }

/* 3. Текущая страница в хлебных крошках: было 1.92 на кремовом */
.breadcrumbs span[aria-current="page"] { color: #6B6273 !important; }
.breadcrumbs.crumbs-dark span[aria-current="page"] { color: rgba(232, 220, 248, .86) !important; }

/* 4. Кнопка «Заказать»: было 4.32, поднято до 5.0 */
.cta { color: #FFFFFF !important; }

/* 5. Ссылки внутри абзацев различаются не только цветом */
p a, li a, td a, dd a, blockquote a, figcaption a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
a.btn, a.btn-gold, a.btn-ghost, a.cta, a.card, a.tile, a.pair, a.chip,
.card > a, .tile > a, .pair > a, .chip > a, nav a, footer a, .nav-links a { text-decoration: none; }

/* 6. Заголовки подвала переведены с h4 на h3: вид сохраняется */
footer h3, .ft-col h3 {
  font-family: var(--font-title, Georgia, serif);
  color: #F2D98A !important;
  font-size: .85rem;
  letter-spacing: .1em;
  margin: 0 0 16px;
  font-weight: 500;
}
footer h3 + ul { margin-top: 0; }

/* 7. Прозрачность уменьшала контраст: текст был 1.74 и 1.75 */
.ft-bottom { opacity: 1 !important; }
.breadcrumbs span[aria-current="page"] { opacity: 1 !important; }
.breadcrumbs span, .breadcrumbs a { opacity: 1 !important; }

/* 8. Заголовки таблиц на темных блоках были фиолетовыми на фиолетовом */
body.dark-th th { color: #FDF3D0 !important; }

/* 9. Зеленая метка роста: было 4.24 */
.tag-up, .tag.up, .delta-up { color: #2F6B36 !important; }

/* 10. Ссылки в блоке автора и подписях: различаются подчеркиванием */
.author a, .art-date a, .post-author a, .byline a, .meta a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 11. Подпись автора в статьях: ссылка подчеркнута */
main div a[href*="about"] { text-decoration: underline; text-underline-offset: 2px; }

/* 12. Мелкие подписи и навигация: наследуют цвет блока, прозрачность убрана */
small { color: inherit !important; opacity: 1 !important; }
nav, nav a, .nav-inner { color: #E6DCF2; }
nav a.logo, nav a.logo small { color: #E0BF6A !important; }

/* 13. Ссылки в хлебных крошках различаются подчеркиванием */
.breadcrumbs a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* 14. Подчеркивание ссылок в тексте важнее локальных правил страниц */
p a, li a, td a, dd a, blockquote a, figcaption a { text-decoration: underline !important; }
a.btn, a.btn-gold, a.btn-ghost, a.btn-purple, a.btn-main, a.btn-tg, a.btn-vk,
a.lz-btn, a.pbtn, a.ref-btn, a.cta, a.card, a.tile, a.pair, a.chip,
.card > a, .tile > a, .pair > a, .chip > a, .card > h2 > a, .card > h3 > a,
nav a, footer a, .nav-links a { text-decoration: none !important; }
.breadcrumbs a { text-decoration: underline !important; }

/* 15. Призрачная кнопка: золото на кремовом давало 1.7 */
.btn-ghost { color: #7A5A16 !important; border-color: rgba(122, 90, 22, .42) !important; }
.btn-ghost.on-dark { color: #F2D98A !important; border-color: rgba(242, 217, 138, .5) !important; }

/* 16. Призрачная кнопка внутри карточки услуг */
html body a.btn-ghost, html body a.btn-ghost:link, html body a.btn-ghost:visited { color: #7A5A16 !important; }
html body a.btn-ghost.on-dark, html body a.btn-ghost.on-dark:link { color: #F2D98A !important; }

/* 17. Главный вывод статьи: ровный шрифт вместо жирного, легче читать на телефоне */
.ai-answer p strong, .ai-answer strong { font-weight: 500; }
.ai-answer p { font-size: 1.02rem; line-height: 1.85; }

/* 18. Колонка текста по центру на широких экранах */
html body .content { margin-left: auto !important; margin-right: auto !important; }
.wrap > .breadcrumbs, .wrap > .crumbs, .wrap > nav.breadcrumbs { max-width: 780px; margin-left: auto; margin-right: auto; }
.wrap > .ai-answer { max-width: 780px; margin-left: auto !important; margin-right: auto !important; }

/* ===================================================================
   19. Палитра: недостающая переменная золотого акцента для ссылок.
   До этой правки var(--gold-dark) не была объявлена нигде, поэтому
   подпись автора на 588 страницах брала цвет обычной ссылки.
   Значение совпадает с --gold-text из contrast-fix.css: на светлом
   фоне контраст 5,5-6,4 к 1, требование AA выполнено.
   =================================================================== */
:root{--gold-dark:#7A5A16}

/* Блоки ссылок «Читайте также»: если у страницы нет общего файла стилей,
   ссылки не должны оставаться браузерными синими. */
.rel-cluster a{color:#6A3FA0;text-decoration:underline;text-underline-offset:2px}
.rel-cluster a:hover{color:#2B1745}

/* Пустой символ карты дня не должен оставлять дырку в макете. */
#card-symbol:empty{display:none}

/* ===================================================================
   20. Хвост страницы вне контейнера.
   На части страниц последние блоки (заголовок, абзац, таблица, блок
   ссылок) лежат прямыми детьми main, без обертки .wrap. Колонка сайта
   шириной 1180 пикселей с полями 32, а эти блоки прилипали к краю окна
   и текст начинался с нуля пикселей. Возвращаем их в ту же колонку.
   Правило трогает только прозрачные текстовые блоки: цветные полосы
   (.sec, .s, .card с фоном) не затронуты.
   =================================================================== */
main > h1, main > h2, main > h3, main > h4,
main > p, main > ul, main > ol, main > dl, main > blockquote,
main > table, main > .tbl-scroll, main > .links-next,
main > .rel-more, main > .faq-list {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box;
}
@media (max-width: 820px) {
  main > h1, main > h2, main > h3, main > h4,
  main > p, main > ul, main > ol, main > dl, main > blockquote,
  main > table, main > .tbl-scroll, main > .links-next,
  main > .rel-more, main > .faq-list {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* 18. Кнопки внутри текста: без подчеркивания и без линии снизу, чтобы золотая плашка читалась как кнопка */
.content a.btn-gold, .content a.btn-purple, .content a.btn-main, .content a.btn-tg,
p a.btn-gold, li a.btn-gold, td a.btn-gold, dd a.btn-gold,
p a[style*="background"], li a[style*="background"], td a[style*="background"] {
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* 19. Призрачная кнопка в тёмных секциях: золотой текст вместо коричневого (на тёмном фоне было 2.2) */
html body .cta a.btn-ghost, html body .price-hero a.btn-ghost, html body .page-hero a.btn-ghost,
html body .hero a.btn-ghost, html body .sec-dark a.btn-ghost,
html body .lz-dark a.btn-ghost, html body .lz-deep a.btn-ghost, html body .lz-price-box a.btn-ghost,
html body .content div[style*="linear-gradient"] a.btn-ghost,
html body [style*="170deg"] a.btn-ghost, html body [style*="165deg"] a.btn-ghost,
html body [style*="160deg"] a.btn-ghost, html body [style*="135deg"] a.btn-ghost {
  color: #F2D98A !important;
  border-color: rgba(242, 217, 138, .5) !important;
}
html body .cta a.btn-ghost:hover, html body .price-hero a.btn-ghost:hover,
html body .page-hero a.btn-ghost:hover, html body .hero a.btn-ghost:hover,
html body .sec-dark a.btn-ghost:hover, html body .lz-price-box a.btn-ghost:hover,
html body .content div[style*="linear-gradient"] a.btn-ghost:hover {
  color: #FFFFFF !important;
  border-color: rgba(242, 217, 138, .8) !important;
}

/* 20. Призрачная кнопка на светлой секции: темное золото вместо светло-золотого */
html body .sec a.lz-btn-ghost {
  color: #7A5A16 !important;
  border-color: rgba(122, 90, 22, .42) !important;
}
html body .sec a.lz-btn-ghost:hover {
  color: #5A4210 !important;
  border-color: rgba(90, 66, 16, .6) !important;
}