/* BUYHOLD — единая дизайн-система, вариант 8 (выбор владельца 08.10.2026).
   Палитра (почти чёрный с синевой) и прямые углы перенесены в исходные файлы; здесь — общий слой поверх них:
   1) шапка во всю ширину на рабочих инструментах (журнал, симулятор, график, финжурнал);
   2) «свет сверху» на карточках инструментов: линия 1 px + градиент 24 px; на блоках с графиками и таблицами — нет;
   3) рамка фокуса с клавиатуры — внутри кнопок со срезом угла (clip-path режет обводку снаружи). */

/* 1 */
@media (min-width:1024px){
  html:root body:is(.page-template-trading-journal,.page-template-page-trading-simulator,.page-template-page-live-chart,.page-template-page-finance-journal) :is(.header-new .top-bar-container,nav.mega-menu-nav .ibmm-container,nav.mega-menu-nav>.container){max-width:none!important;padding-left:20px!important;padding-right:24px!important}
}

/* 2 */
:is(.tool-card,.tool-panel,.tj-card,.tsim-section,.tsim-bottom-panel,.tsim-starthere,.bh-tool-cta-in,.lc-kpi-card,.bhpf-card,.cic-card,.cc-converter,.cc-history,.cc-favorites,.bh-cura,.ec-cta-bar,.tool-modal):not(:has(canvas,table,.tv-lightweight-charts)){
  background-image:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 24px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important
}

/* 3 */
:is(.q-btn,.bhm-cta,.bs-btn,.q16-ab__cta,.bh-acc-hdr-login,.bh-mh-login,a.bh-lpr--solo,.bh-lpr--side a,.bh-cut):focus-visible{outline:2px solid currentColor!important;outline-offset:-5px!important}

/* 4) тёмные приложения: системные списки, календари и полосы прокрутки — тоже тёмные */
:is(.tool-app,#tradingSimulator,.bh-cab-root){color-scheme:dark}

/* 5) личный кабинет — язык инструментов: плоская карточка #121820 + свет сверху, рамка #1f2630, без подъёма и тени;
      лайм — только у действий (быстрый доступ, ссылка-карточка, активный раздел); числа — IBM Plex Sans с табличными цифрами */
html:root :is(.bh-cab-tile,.bh-cab-q,.bh-cab-card,.bh-cab-hero){background:#121820 linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 24px)!important;border:1px solid #1f2630!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;transform:none!important}
html:root .bh-cab-tile:hover{border-color:#2a323e!important}
html:root :is(.bh-cab-q,a.bh-cab-card):hover{border-color:#95ce5a!important}
html:root :is(.bh-cab-tile .val,.bh-cab-meta.mono,.bh-cab-card .pct){font-family:'IBM Plex Sans',Arial,sans-serif!important;font-variant-numeric:tabular-nums;font-weight:600!important}
html:root :is(.bh-cab-tile-ic,.bh-cab-tile-ic.green,.bh-cab-tile-ic.blue,.bh-cab-tile-ic.amber,.bh-cab-tile-ic.gray){background:#18202a!important;color:#9aa3ae!important}
html:root .bh-cab-exit{box-shadow:none!important}

/* 6) «Сохранить прогресс?» всплывает на тёмных инструментах — тёмная карточка вместо белой */
html:root #bh-acc-save-prompt{background:#121820 linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 24px)!important;border:1px solid #1f2630!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 44px rgba(0,0,0,.5)!important}
html:root #bh-acc-save-prompt .bh-acc-sp-tx b{color:#eef2f6!important}
html:root #bh-acc-save-prompt .bh-acc-sp-tx span{color:#9aa3ae!important}
html:root #bh-acc-save-prompt .bh-acc-sp-x{color:#8e99a5!important}
html:root #bh-acc-save-prompt .bh-acc-sp-x:hover{color:#eef2f6!important}
html:root #bh-acc-save-prompt .bh-acc-sp-ic{background:rgba(149,206,90,.12)!important}
html:root #bh-acc-save-prompt .bh-acc-sp-ic svg{stroke:#95ce5a!important}
html:root #bh-acc-save-prompt .bh-acc-sp-go{color:#0c0f15!important}
html:root #bh-acc-save-prompt .bh-acc-sp-go:hover{background:#a8dc72!important}
/* BH_SAVE_PROMPT_COMPACT_2026_10_10: на телефоне окно «Сохранить прогресс?» было ~170 px и закрывало сводку и список инструментов (снимки владельца 10.10).
   Компактно в две строки: значок, вопрос и крестик, под ними кнопка; пояснение скрыто (вопрос и кнопка говорят то же). Логика показа прежняя:
   раз за визит, после действия, после закрытия — пауза 7 дней (plugins/buyhold-accounts) */
html:root #bh-acc-save-prompt .bh-acc-sp-ic{background:transparent!important;width:28px!important;justify-content:flex-start!important}  /* значок без зелёного квадрата (приём отвергнут 09.10) */
@media (max-width:600px){
html:root #bh-acc-save-prompt{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;grid-template-areas:"ic tx x" "go go go"!important;align-items:center!important;column-gap:10px!important;row-gap:10px!important;padding:10px 10px 10px 12px!important}
html:root #bh-acc-save-prompt .bh-acc-sp-row{display:contents!important}
html:root #bh-acc-save-prompt .bh-acc-sp-ic{grid-area:ic!important;width:22px!important;height:32px!important}
html:root #bh-acc-save-prompt .bh-acc-sp-ic svg{width:18px!important;height:18px!important}
html:root #bh-acc-save-prompt .bh-acc-sp-tx{grid-area:tx!important}
html:root #bh-acc-save-prompt .bh-acc-sp-tx b{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html:root #bh-acc-save-prompt .bh-acc-sp-tx span{display:none!important}
html:root #bh-acc-save-prompt .bh-acc-sp-x{grid-area:x!important;position:static!important;padding:4px 6px!important;font-size:22px!important;line-height:1!important}
html:root #bh-acc-save-prompt .bh-acc-sp-go{grid-area:go!important;height:40px!important;margin:0!important}
}

/* 7) футер: край контента — по логотипу и «Войти» шапки (контейнер 1300 с полями 20, как у шапки; было 1280 — сдвиг на 10 px);
      уведомление о рисках на ПК в две колонки: строка ~95 знаков вместо ~200 */
html:root footer.site-footer>.container{max-width:1300px!important}
/* поля 20 px и на телефоне: в статьях и обзорах у body класс .expert-review-page, и правило cpt-styles
   «.expert-review-page .container{padding:0!important}» (≤768 px) прижимало подвал к краям экрана (замер 09.10: x=0) */
html:root footer.site-footer>.container{padding-left:20px!important;padding-right:20px!important}
@media (min-width:1024px){
  html:root .site-footer .disclaimer-content{display:grid!important;grid-template-columns:1fr 1fr;column-gap:40px}
  html:root .site-footer .disclaimer-content p{margin:0!important}
}

/* 8) кнопки из старого плагина шорткодов (.fasc-button) в текстах статей — скругление 6 px, как у всех кнопок (раздел 16) */
html:root .fasc-button{border-radius:6px!important}

/* 9) ползунки калькуляторов сложного процента и погашения долгов: дорожка не рисовалась (была видна одна точка) —
      серая дорожка 4 px (#5b6472 — 3,4:1 к фону) и лаймовый бегунок */
:is(.cic-range,.dc-range){-webkit-appearance:none;appearance:none;background:transparent}
.cic-range::-webkit-slider-runnable-track,.dc-range::-webkit-slider-runnable-track{height:4px;background:#5b6472;border:0}
.cic-range::-moz-range-track,.dc-range::-moz-range-track{height:4px;background:#5b6472;border:0}
.cic-range::-moz-range-progress,.dc-range::-moz-range-progress{height:4px;background:#95ce5a}
.cic-range::-webkit-slider-thumb,.dc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border:0;border-radius:50%;background:#95ce5a}
.cic-range::-moz-range-thumb,.dc-range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#95ce5a}

/* 10) текстовая часть инструментов и других страниц на обёртке обзора (.expert-review-page): картинки с подписью —
       во всю колонку текста и по её центру, как в статье (bh-article.css делал это только для отдельных обзоров);
       cpt-styles.css ставил центрированным медиа width:900px — шире колонки 760, и картинка уезжала вправо от текста */
html:root body .expert-review-page .expert-review-content :is(p[style*="center"],p:has(img.aligncenter),figure.wp-caption,.wp-caption.aligncenter,.wp-block-image.aligncenter){width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
html:root body .expert-review-page .expert-review-content :is(figure.wp-caption,.wp-caption) img{max-width:100%!important;height:auto!important}
/* 10а) картинка с подписью уже колонки: подпись — под картинкой, от её левого края (была от края колонки, а картинка по центру).
        Рамка подписи сжимается по картинке (fit-content), подпись не расширяет её (contain:inline-size); шире колонки — во всю колонку */
html:root body :is(.entry-content,.expert-review-content,.bh-tool-article,.cpt-content-inner) figure.wp-caption:not(.alignleft):not(.alignright):not(#bh-x){width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
html:root body :is(.entry-content,.expert-review-content,.bh-tool-article,.cpt-content-inner) figure.wp-caption:not(#bh-x) img{margin-left:0!important;margin-right:0!important}
html:root body :is(.entry-content,.expert-review-content,.bh-tool-article,.cpt-content-inner) figure.wp-caption:not(#bh-x) .wp-caption-text{contain:inline-size}

/* 11) текст статей — тёмная «тушь» системы вместо серого #333: 16,1:1 к фону #fcfcfc (было 12,3:1), APCA Lc 102 (было 97);
       у IBM Plex Sans 400 тонкий штрих, и #333 рядом с заголовками #0c0f15 читался серым. Ступень светлее заголовков — иерархия остаётся.
       Замер 08.10: Guardian #121212, РБК #1c1c1c, Банки.ру #0f1a24, Финам #1a1a1f, Frank #1f1f1f, Википедия #202122.
       У обзоров, рейтингов и текстов инструментов абзацы и списки красит cpt-styles.css (#333 !important) — там цвет заменён в самих правилах */
html:root body :is(.entry-content,.expert-review-content,.bh-tool-article,.cpt-content-inner){color:#1a1f27}

/* 12) таблицы на телефоне: «Дополнительные стили» ставили широким таблицам (.responsive-cards) min-width:max-content,
       рассчитывая на max-width:200px у ячеек, но браузеры не применяют max-width к ячейкам таблицы — каждая ячейка
       вытягивалась в одну строку, таблица уходила на 1–4 тыс. px. Теперь ширина по колонкам (не уже 78 px), перенос в ячейке,
       таблица шире экрана листается вбок с закреплённой первой колонкой, как и задумано */
@media (max-width:600px){
  html:root body .responsive-cards table{min-width:0!important}
}

/* 13) «Методика» рейтингов на телефоне — карточками: таблица «Критерий / Вес / Как считается» (до 4 столбцов) в 390 px
       сжимала объяснение до 3–4 слов в строке, строка таблицы занимала экран. Карточка: критерий и «Вес 20» строкой,
       объяснение — на всю ширину под ними. Подписи — из data-label (их ставит скрипт таблиц темы по шапке).
       Таблицы баллов (5+ столбцов, короткие числа) остаются таблицами с прокруткой вбок */
@media (max-width:600px){
  html:root body .mc-body-inner .table-wrapper:has(>table:not(:has(tr>:nth-child(5)))){overflow:visible!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))){display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border:0!important;background:none!important;box-shadow:none!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) thead{display:none!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) tbody{display:block!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:6px;padding:14px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #e3e7ec!important;background:none!important;box-shadow:none!important;transform:none!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) tbody tr:first-child{border-top:1px solid #e3e7ec!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) :is(td,th){display:block!important;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;position:static!important;white-space:normal!important;text-align:left!important;font-size:15px!important;line-height:1.5!important;color:#1a1f27!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) :is(td,th):nth-child(1){font-weight:600!important;color:#0c0f15!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) :is(td,th):nth-child(2){text-align:right!important;font-weight:600!important;white-space:nowrap!important;font-variant-numeric:tabular-nums;color:#0c0f15!important}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) :is(td,th):nth-child(2)::before{content:attr(data-label) "\00a0"!important;display:inline!important;font-weight:400;color:#5b6472}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) :is(td,th):nth-child(n+3){grid-column:1/-1}
  html:root body .mc-body-inner table:not(:has(tr>:nth-child(5))) :is(td,th):nth-child(4)::before{content:attr(data-label) ":\00a0"!important;display:inline!important;color:#5b6472}
}

/* 15) скругления в приложениях (v8_radius_b.py / v8_radius_d.py вернули исходные, ужатые): «B» 08.10 — 4/6 px, «D2» 09.10 — 6/8 px.
       «C» 09.10 (RADIUS_C_2026_10_09, владелец: «так должно быть по всему сайту, и в статьях»): v8_radius_c.py тем же разбором вернул углы
       редакционной части (статьи, Академия, меню, подвал, баннеры, поиск); карточки 8, мелкое 6, картинки и обложки прямые.
       Сняты правила «поиск прямой» и «блоки статей прямые» — блоки статей теперь как в обзорах. */

/* 16) скругления «D2» (владелец 09.10.2026): всё, на что нажимают, скруглено, читаемое — прямое.
       Кнопки и поля по всему сайту — 6 px, высокие (от 48 px) — 8 px; у кнопок срез угла снят.
       Прямыми остаются текст, картинки, обложки, таблицы, карточки, шапка-полоса, пункты меню, подвал, плашки главной,
       строки FAQ, вкладки-подчёркивания и чекбоксы. Склеенная пара «поле + кнопка» скругляется только снаружи */
/* а) срез угла у кнопок → скругление (декоративные срезы плашек главной и 404 остаются) */
html:root body :is(.q-btn,.q16-ab__cta,.q16-ac__tabs button,.q16-bd__tabs button,.q16-al__goals button,.b404-btn--a,.b404-sec a,.bh-acc-hdr-login,.bhd-go__c),
html:root body #mobile-header .bh-mh-login,html:root body #bh-mega .bhm-cta,
html:root body #secondary .bh-lpr--side,html:root body .entry-content a.bh-lpr--solo,
html:root body .b404 .b404-search{clip-path:none!important}
/* б) 6 px: кнопки и поля до 48 px */
html:root body :is(.bh-acc-hdr-login,.bh-acc-hdr-btn,.q16-ac__tabs button,.q16-bd__tabs button,.q16-al__goals button,.b404-sec a,.sources-toggle,.all-posts-link,.page-numbers,.hub-filter-tab,.hub-cp-pill,.hub-post-subcat-pill,.hub-sh-btn,.hub-cp-search-input,.hub-cp-sort-select,.bh-enh__btn,.j2t-banner__btn,.tg-banner__btn,.tgc__cta,.ib-tool-banner__btn,.code-copy-btn,.bh-fb-send),
html:root body .header-new .search-input,html:root body #mobile-header .bh-mh-login,html:root body #bh-mega .bhm-cta,
html:root body #ib-cookie-banner button,html:root body .bh-fb-modal :is(textarea,input[type="text"]),
html:root body .site-footer :is(.search-input-container,.search-button){border-radius:6px!important}
/* в) 8 px: высокие кнопки и поля, карточка маршрута (у неё рамка нарисована в ::after — скругляется вместе) */
html:root body :is(.q-btn,.q16-ab__cta,.qs-env__btn,.q11-yt__sub,.bhs-input,.bhs-submit,.hub-cta-link,.hub-load-more-btn,.mobile-search-form,.bhd-go__c),
html:root body #secondary .bh-lpr--side,html:root body .entry-content a.bh-lpr--solo,
html:root body .b404 :is(.b404-search,.b404-btn--a){border-radius:8px!important}
html:root body :is(#secondary .bh-lpr--side,.entry-content a.bh-lpr--solo,.bhd-go__c)::after{border-radius:inherit}
/* г) склеенные пары: поле слева, кнопка справа — внутренние углы прямые */
html:root body .b404 .b404-search>input{border-radius:8px 0 0 8px!important}
html:root body .b404 .b404-search>.b404-btn{border-radius:0 8px 8px 0!important}
html:root body .site-footer .search-input-container:has(+.search-button){border-radius:6px 0 0 6px!important}
html:root body .site-footer .search-input-container+.search-button{border-radius:0 6px 6px 0!important}
/* поле с открытыми подсказками: низ прямой, подсказки продолжают его вниз */
html:root body .header-new .search-input-wrapper:has(.search-suggestions.active) .search-input{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
/* подписка (селекторы с .bh-newsletter — сильнее правил главной «.bhq .bh-newsletter …», 0,3,0): в статьях поле и кнопка склеены в рамке (overflow:hidden) — скругляет рамка; на главной кнопка внутри рамки
   с отступом 6 px — концентрично 4 px; на узком экране поле и кнопка в столбик (по 52 px) — каждый скруглён 8 px */
html:root body .bh-newsletter .bh-mr__field{border-radius:8px!important}
html:root body .bh-newsletter .bh-mr__field>:is(.bh-mr__email,.bh-mr__btn){border-radius:0!important}
html:root body.home .bh-newsletter .bh-mr__field>.bh-mr__btn{border-radius:4px!important}
@media (max-width:480px){html:root body .bh-newsletter:is(.bh-nl-mr,.bh-mr-inline,.bh-mr-band) .bh-mr__field>:is(.bh-mr__email,.bh-mr__btn){border-radius:8px!important}}
@media (max-width:560px){html:root body .bh-newsletter.bh-mr-landing .bh-mr__field>:is(.bh-mr__email,.bh-mr__btn){border-radius:8px!important}}
@media (max-width:820px){html:root body .bh-newsletter.bh-mr-band .bh-mr__field>:is(.bh-mr__email,.bh-mr__btn){border-radius:8px!important}}

/* 14) старое мега-меню (.ibmm-panel) — запасное: его видят сенсорные экраны от 1024 px (iPad лёжа) и первая секунда,
       пока не загрузилось новое (#bh-mega, site-drawer). Колонки по 200 px + «Популярное» 360 не влезали: при 1280 край
       уходил на 180 px, «Популярное» обрезалось. Колонки теперь гибкие, значки и акцент — в цветах системы, без растяжки текста */
@media (min-width:1201px){
  html:root body nav.mega-menu-nav div.ibmm-inner{max-width:1320px!important;margin:0 auto!important;padding:28px 40px!important;gap:28px!important}
  html:root body nav.mega-menu-nav div.ibmm-inner>div.ibmm-col{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:220px!important}
  html:root body nav.mega-menu-nav div.ibmm-inner>div.ibmm-featured{flex:0 0 300px!important;width:300px!important;min-width:0!important}
}
html:root body nav.mega-menu-nav ul.main-menu>li.ibmm-item>div.ibmm-panel{border-top:2px solid #95ce5a!important}
html:root body nav.mega-menu-nav .ibmm-panel :is(a,li,span,div){text-align:left!important;word-spacing:normal!important}
html:root body nav.mega-menu-nav span.ibmm-icon{background:#18202a!important;border:1px solid #2a323e!important;box-shadow:none!important}
html:root body nav.mega-menu-nav span.ibmm-icon svg,html:root body nav.mega-menu-nav span.ibmm-icon svg *{stroke:#95ce5a!important}
html:root body nav.mega-menu-nav div.ibmm-inner>div.ibmm-featured{background:#121820!important;border:1px solid #1f2630!important}
html:root body nav.mega-menu-nav :is(div.ibmm-featured-title,a.ibmm-title:hover,a.ibmm-featured-item:hover div.ibmm-featured-item-title){color:#95ce5a!important}

/* 17) «C», дополнения (RADIUS_C2, 09.10.2026).
   Блоки с цветной полосой с одной стороны: сторона полосы прямая, остальные углы скруглены — иначе полоса загибается скобкой
   (так уже сделано у .rc-metric-cell и .rc-subheading в рейтингах). */
html:root body :is(.financial-disclaimer,.risk-notice-block,.key-takeaways-block){border-radius:0 6px 6px 0!important}
html:root body section.bhq.bhq--lesson{border-radius:0 0 8px 8px!important}
/* элементы редизайна 06–08.10, нарисованные прямыми: плитки и карточка Академии на 404 (у плиток снят срез угла, как у кнопок в D2), плитки шторки */
html:root body .b404 :is(.b404-tool,.b404-acad){border-radius:8px}
html:root body .b404 .b404-tool{clip-path:none}
html:root body .bhd-tile{border-radius:8px}