@charset "UTF-8";
/* Страница брокера v3 (resources/views/public/brokers/v3.blade.php, прототип docs/prototypes/broker-template-prototype.html).
 * Самодостаточный (README-39): broker-page.css старых шаблонов на v3 не подключается — общие .pr-broker (_pr-broker-base), навигация .pr-subnav
 * и FAQ .pr-faq (_pr-components) импортируются здесь.
 * Только токены tokens.css: 6 стилей шкалы (display, h2, h3, lead, body, small), насыщенности 400/600, 4 цвета текста + белый на графите.
 * Графит + белый; золото — только .pr-btn. Без иконок.
 */
/* линия между строками таблиц — как у FAQ ($pr-faq-line) */
/* таблицы → карточки, сетки → одна колонка */
/* Общие компоненты новых страниц (главная, /rebates). Подключается через @import в home-v2.scss и rebates.scss.
 * Токены — в tokens.css.
 */
/* ================= общие элементы секций ================= */
.pr-section {
  padding-block: var(--pr-section-y);
}
.pr-section + .pr-section {
  padding-top: 0;
}
.pr-section {
  /* белая полоса во всю ширину: отступ сверху у неё и у секции после неё всегда полный */
}
.pr-section--band {
  background: var(--pr-surface);
}
.pr-section.pr-section--band, .pr-section--band + .pr-section {
  padding-top: var(--pr-section-y);
}

.pr-sec-head {
  max-width: 760px;
  margin-bottom: 48px;
}
.pr-sec-head h2 {
  font-size: var(--pr-fs-h2);
  line-height: var(--pr-lh-h2);
}
.pr-sec-head .pr-lead {
  margin-top: 16px;
  font-size: var(--pr-fs-lead);
  line-height: var(--pr-lh-lead);
  color: var(--pr-text-secondary);
}
@media (max-width: 640px) {
  .pr-sec-head {
    margin-bottom: 32px;
  }
}

.pr-btn-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-top: 40px;
}
.pr-btn-row .pr-btn {
  padding: 15px 28px;
}

.pr-btn-note {
  font-size: var(--pr-fs-small);
  line-height: var(--pr-lh-small);
  color: var(--pr-text-muted);
}

.pr-search {
  width: min(100%, 320px);
  padding: 10px 14px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-ui) var(--pr-font-body);
  transition: border-color var(--pr-ease);
}
.pr-search::placeholder {
  color: var(--pr-text-muted);
}
.pr-search:hover {
  border-color: #9AA3A8;
}
.pr-search:focus {
  outline: none;
  border-color: var(--pr-dark);
}

.pr-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.pr-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px 10px 16px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  cursor: pointer;
  transition: border-color var(--pr-ease), background-color var(--pr-ease), color var(--pr-ease);
}
.pr-filter__cnt {
  font-variant-numeric: tabular-nums;
  font-weight: var(--pr-fw-regular);
  color: var(--pr-text-muted);
}
.pr-filter:hover {
  border-color: #9AA3A8;
}
.pr-filter.active {
  background: var(--pr-dark);
  border-color: var(--pr-dark);
  color: #fff;
}
.pr-filter.active .pr-filter__cnt {
  color: var(--pr-text-on-dark);
}

/* ================= кнопка «Copy» → «Copied» (/rebates, /about) ================= */
/* ================= заголовок страницы (крошки, H1, подзаголовок): графитовая полоса под шапкой — /rebates, /reviews ================= */
.pr-phead {
  background: var(--pr-dark);
  color: #fff;
}
.pr-phead .pr-container {
  padding-block: 40px 64px;
}
.pr-phead h1 {
  max-width: 16em;
  margin: 0;
  font-size: var(--pr-fs-display);
  font-weight: var(--pr-fw-semibold);
  line-height: var(--pr-lh-display);
  color: var(--pr-text-on-dark-strong);
  text-transform: none;
  text-wrap: balance;
}
.pr-phead__lead {
  max-width: 34em;
  margin: 20px 0 0;
  font-size: var(--pr-fs-lead);
  line-height: var(--pr-lh-lead);
  color: var(--pr-text-on-dark);
}
@media (max-width: 640px) {
  .pr-phead .pr-container {
    padding-block: 24px 44px;
  }
  .pr-phead__lead {
    margin-top: 14px;
  }
}

/* ================= навигация по разделам (/about, страницы брокеров): прилипает под шапкой; JS — public/js/pr-page.js ================= */
.pr-subnav {
  /* прилипает под шапкой, когда она видна, и к самому верху, когда уехала; высоту пишет pr-header.js в --subnav-h */
  position: sticky;
  top: var(--sticky-top);
  z-index: 20;
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--pr-border);
  transition: top 200ms var(--pr-ease);
}
.pr-subnav__in {
  display: flex;
  gap: 28px;
  overflow-x: auto;
  scrollbar-width: none;
}
.pr-subnav__in::-webkit-scrollbar {
  display: none;
}
@media (max-width: 640px) {
  .pr-subnav__in {
    gap: 22px;
  }
}
.pr-subnav a {
  flex: none;
  padding: 16px 0 14px;
  border-bottom: 2px solid transparent;
  font-size: var(--pr-fs-body);
  font-weight: var(--pr-fw-regular);
  line-height: var(--pr-lh-body);
  white-space: nowrap;
  color: var(--pr-text-muted);
  text-decoration: none;
  transition: color var(--pr-ease), border-color var(--pr-ease);
}
.pr-subnav a:hover {
  color: var(--pr-text);
  text-decoration: none;
}
.pr-subnav a[aria-current] {
  color: var(--pr-text);
  border-bottom-color: var(--pr-dark);
}
.pr-subnav a:focus {
  outline: none;
}
.pr-subnav a:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: -2px;
  border-radius: 2px;
}

/* шапка спрятана при прокрутке вниз — навигация поднимается к краю окна */
/* ================= перенесено из главной и /about: шаги, FAQ, «проза», поле с кнопкой Copy ================= */
/* ================= 3 простых шага ================= */
.pr-simple {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 2px solid var(--pr-dark);
}
.pr-simple li {
  padding: 28px 32px 8px 0;
}
.pr-simple li + li {
  padding-left: 32px;
  border-left: 1px solid var(--pr-border);
}
.pr-simple__n {
  font-size: var(--pr-fs-small);
  font-weight: var(--pr-fw-semibold);
  line-height: var(--pr-lh-small);
  color: var(--pr-text-muted);
}
.pr-simple__t {
  margin-top: 8px;
  font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
}
.pr-simple__d {
  margin-top: 10px;
  color: var(--pr-text-secondary);
}
@media (max-width: 860px) {
  .pr-simple {
    grid-template-columns: 1fr;
  }
  .pr-simple li, .pr-simple li + li {
    padding: 24px 0;
    border-left: 0;
  }
  .pr-simple li + li {
    border-top: 1px solid var(--pr-border);
  }
}

/* ================= FAQ ================= */
/* ================= FAQ: один вид вопроса, ответа и разделителей на всём сайте =================
 * Аккордеон — resources/views/components/faq.blade.php (главная, обе страницы брокера), поведение — public/js/pr-faq.js.
 * Открытый список /faq (faq-page.scss) берёт те же mixin'ы. */
.pr-faq {
  max-width: 860px;
  /* на сером фоне — белая карточка; на белом — без неё (выбирает тот, кто выводит компонент: card) */
}
.pr-faq--card {
  padding: 8px 32px;
  background: var(--pr-surface);
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
  box-shadow: var(--pr-shadow-card);
}
@media (max-width: 640px) {
  .pr-faq--card {
    padding: 4px 20px;
  }
}
.pr-faq__item {
  border-bottom: 1px solid #ECEEF1;
}
.pr-faq {
  /* заголовок вопроса — h4 (как было), внутри — кнопка на всю ширину */
}
.pr-faq__q {
  margin: 0;
  font: inherit;
}
.pr-faq__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 22px 0;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
  font-family: var(--pr-font-display);
  font-size: var(--pr-fs-h3);
  font-weight: var(--pr-fw-serif);
  line-height: var(--pr-lh-h3);
  letter-spacing: var(--pr-tracking-heading);
  color: var(--pr-text);
  /* плюс — типографика, не иконка; при раскрытии поворачивается в крестик */
}
.pr-faq__btn::after {
  content: "+";
  flex: none;
  font: 400 26px/1 var(--pr-font-body);
  color: var(--pr-text-muted);
  transition: transform var(--pr-ease);
}
.pr-faq__btn[aria-expanded=true]::after {
  transform: rotate(45deg);
}
.pr-faq__btn:hover .pr-faq__qt {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.pr-faq__a {
  display: grid;
  gap: 12px;
  max-width: 68ch;
  padding: 4px 0 24px;
  font-size: var(--pr-fs-body);
  line-height: var(--pr-lh-body);
  color: var(--pr-text-secondary);
  overflow-wrap: anywhere;
}
.pr-faq__a > *, .pr-faq__a p, .pr-faq__a ul, .pr-faq__a ol {
  margin: 0;
}
.pr-faq__a ul, .pr-faq__a ol {
  padding-left: 1.3em;
}
.pr-faq__a a {
  color: var(--pr-text);
  font-weight: var(--pr-fw-semibold);
}
.pr-faq__a[hidden] {
  display: none;
}
.pr-faq__end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px 48px;
  margin-top: 48px;
}
.pr-faq__end .pr-btn {
  padding: 15px 28px;
}

/* FAQ страниц брокеров (все три шаблона, решение владельца 2026-10-08/09): без карточки, строки вопросов, разделители и «+ / −» — во всю ширину
   контейнера («+» у правого края); текст вопроса и ответа — колонка чтения 760 px слева; раскрытие — «+» → «−» на том же месте (знак фиксированной
   ширины), фокус с клавиатуры — рамка вокруг строки */
.pr-faq--wide {
  max-width: none;
}
.pr-faq--wide .pr-faq__qt {
  max-width: 760px;
}
.pr-faq--wide .pr-faq__a {
  max-width: 760px;
}
.pr-faq--wide .pr-faq__btn::after {
  width: 1ch;
  text-align: center;
  transition: none;
}
.pr-faq--wide .pr-faq__btn[aria-expanded=true]::after {
  content: "−";
  transform: none;
}
.pr-faq--wide .pr-faq__btn:focus {
  outline: none;
}
.pr-faq--wide .pr-faq__btn:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
}

/* th/zh/ja: трекинг и интерлиньяж вопроса — из токенов (:lang в tokens.css) */
.pr-prose {
  display: grid;
  gap: 14px;
  font-size: var(--pr-fs-body);
  line-height: var(--pr-lh-body);
  color: var(--pr-text-secondary);
}
.pr-prose.pr-card {
  padding: 32px 36px;
}
.pr-prose p {
  margin: 0;
}
.pr-prose b, .pr-prose strong {
  font-weight: var(--pr-fw-semibold);
  color: var(--pr-text);
}
.pr-prose a {
  color: var(--pr-text);
}
.pr-prose {
  /* text_highlight */
}
.pr-prose .about-highlight {
  font-weight: var(--pr-fw-semibold);
  color: var(--pr-text);
}
.pr-prose {
  /* list: пункты строками с разделителями */
}
.pr-prose .about-list {
  display: grid;
}
.pr-prose .about-list__item {
  padding: 18px 0;
  color: var(--pr-text);
}
.pr-prose .about-list__item + .pr-prose .about-list__item {
  border-top: 1px solid #ECEEF1;
}
.pr-prose {
  /* brokers_link: ссылка под текстом */
}
.pr-prose .about-link-row {
  margin: 0;
}
.pr-prose .about-text-link {
  font-weight: var(--pr-fw-semibold);
}
@media (max-width: 640px) {
  .pr-prose.pr-card {
    padding: 22px 20px;
  }
}

.pr-copy-field {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 9px 8px 9px 14px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  font-size: var(--pr-fs-body);
  line-height: var(--pr-lh-ui);
}
.pr-copy-field__value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--pr-text);
}

.pr-copy {
  flex: none;
  min-width: 58px;
  padding: 5px 10px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  white-space: nowrap;
  cursor: pointer;
  transition: border-color var(--pr-ease), background-color var(--pr-ease), color var(--pr-ease);
}
.pr-copy:hover {
  border-color: var(--pr-dark);
}
.pr-copy.is-copied {
  background: var(--pr-dark);
  border-color: var(--pr-dark);
  color: #fff;
}

/* ================= сетка брокеров: поиск первым в строке фильтров (главная и /rebates — partials/broker-grid) ================= */
.pr-btools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.pr-btools .pr-search {
  flex: 0 0 340px;
  width: 340px;
  height: 42px;
  margin: 0 8px 0 0;
}
.pr-btools {
  /* чипы — продолжение той же строки: при нехватке места переносятся, поиск остаётся первым */
}
.pr-btools .pr-filters {
  display: contents;
}
.pr-btools .pr-filter {
  flex: none;
  white-space: nowrap;
}
.pr-btools {
  /* телефон: поиск во всю ширину, под ним чипы — горизонтальной прокруткой */
}
@media (max-width: 640px) {
  .pr-btools {
    display: block;
  }
  .pr-btools .pr-search {
    width: 100%;
    margin: 0 0 12px;
  }
  .pr-btools .pr-filters {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    margin: 0 calc(-1 * var(--pr-gutter, 16px));
    padding: 2px var(--pr-gutter, 16px) 6px;
    scrollbar-width: none;
  }
  .pr-btools .pr-filters::-webkit-scrollbar {
    display: none;
  }
}

.pr-bgrid__empty {
  padding: 32px 0;
  color: var(--pr-text-secondary);
}
.pr-bgrid__empty p {
  margin: 0 0 12px;
}

.pr-bgrid__reset {
  padding: 10px 16px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  cursor: pointer;
  transition: border-color var(--pr-ease);
}
.pr-bgrid__reset:hover {
  border-color: var(--pr-dark);
}

/* ================= детали выплаты в карточке брокера (partials/broker-details, public/js/pr-featured-brokers.js) ================= */
/* Кнопка Details / Hide поверх растянутой ссылки карточки; панель раскрывается вниз внутри карточки (grid-template-rows 0fr → 1fr).
   Сетки карточек — align-items: start, соседи по ряду не растягиваются. */
.broker-card.broker-card--link .broker-card__details {
  position: relative;
  z-index: 2; /* поверх растянутой ссылки: страницу брокера не открывает */
  flex: none;
  padding: 6px 0;
  border: 0;
  background: none;
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  text-decoration: underline;
  text-decoration-color: var(--pr-border);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  cursor: pointer;
  transition: text-decoration-color var(--pr-ease);
}
.broker-card.broker-card--link .broker-card__details:hover {
  text-decoration-color: var(--pr-text);
}
.broker-card.broker-card--link .broker-card__details:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
  border-radius: var(--radius-card);
}

.broker-card .broker-card__more {
  display: grid;
  flex-basis: 100%;
  grid-template-rows: 0fr;
  min-width: 0;
  transition: grid-template-rows 220ms ease;
}
.broker-card .broker-card__more > div {
  min-height: 0;
  overflow: hidden;
  transition: visibility 0s 220ms; /* скрыть после сворачивания */
}
@media (prefers-reduced-motion: reduce) {
  .broker-card .broker-card__more {
    transition: none;
  }
  .broker-card .broker-card__more > div {
    transition: none;
  }
}

/* свёрнутая панель — вне дерева доступности */
.broker-card:not(.is-open) .broker-card__more > div {
  visibility: hidden;
}

.broker-card.is-open .broker-card__more > div {
  transition: none;
}

.broker-card.is-open .broker-card__more {
  grid-template-rows: 1fr;
}

.broker-card .broker-card__dl {
  margin: 12px 0 0;
  padding-top: 8px;
  border-top: 1px solid var(--pr-border);
  font-size: var(--pr-fs-small);
  line-height: var(--pr-lh-small);
}
.broker-card .broker-card__dl div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 5px 0;
}
.broker-card .broker-card__dl dt {
  flex: none;
  max-width: 50%;
  color: var(--pr-text-muted);
  font-weight: var(--pr-fw-regular);
}
.broker-card .broker-card__dl dd {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-weight: var(--pr-fw-semibold);
  text-align: right;
  overflow-wrap: break-word;
}

/* плитки логотипов в карточках каталога (задание владельца 2026-10-08): у всех один внутренний отступ и вписывание (object-fit: contain) —
   и у логотипов на своём фоне (brokers.logo_full: XM, IC Markets, Exness), которые раньше заполняли плитку целиком (cover, без отступа).
   Галочка «Logo fills the tile» в админке действует на хиро страницы брокера */
body:has(.pr-broker) {
  background: var(--pr-bg);
}

.pr-broker {
  --pr-line-on-dark: rgba(255, 255, 255, .12);
  color: var(--pr-text);
}
@media (max-width: 640px) {
  .pr-broker {
    --pr-gutter: 16px;
  }
}
.pr-broker {
  /* текстовые карточки — не ссылки: без подъёма при наведении */
}
.pr-broker .pr-card:hover {
  transform: none;
  box-shadow: var(--pr-shadow-card);
}

:where(.pr-broker) :where(p, h1, h2, h3, h4, h5, ul, ol, dl, dd) {
  margin: 0;
}

/* ширины карточек считаем с отступами (иначе списки с padding шире соседних карточек) */
.pr-broker, .pr-broker *, .pr-broker *::before, .pr-broker *::after {
  box-sizing: border-box;
}

/* Полоса фактов на графите — общий компонент главной (соцдоказательства 60,000+ / 40+ / Official) и страницы брокера v3 (хиро:
 * Payout / Paid to / Trading conditions / Official IB status) — решение владельца 2026-10-08.
 * Значение — серифом, размером H2 (как цифры главной 90% / Zero / Auto / 60,000+); подпись — body, sentence case.
 * Порядок в разметке: на главной значение, затем подпись (цифра-показатель); у брокера подпись, затем значение (пара «ключ — значение»).
 * Десктоп — колонки по числу фактов, тонкие вертикальные разделители; телефон (≤ 640) — одна колонка: строки с тонкой линией сверху,
 * подпись и значение в одну строку по базовой линии (длинное значение переносится). Подключается в home-v2.scss и broker-v3.scss. */
.pr-facts {
  display: grid;
  grid-template-columns: repeat(var(--pr-facts-n, 3), minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  list-style: none;
}
.pr-facts--1 {
  --pr-facts-n: 1;
}
.pr-facts--2 {
  --pr-facts-n: 2;
}
.pr-facts--3 {
  --pr-facts-n: 3;
}
.pr-facts--4 {
  --pr-facts-n: 4;
}
.pr-facts__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 32px 24px 40px 0;
}
.pr-facts__item + .pr-facts__item {
  padding-left: 32px;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.pr-facts__value {
  margin: 0;
  font: var(--pr-fw-serif) var(--pr-fs-h2)/var(--pr-lh-h2) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: var(--pr-text-on-dark-strong, #fff);
  font-variant-numeric: lining-nums tabular-nums;
  overflow-wrap: anywhere;
  /* строка без числа на языках без пробелов (th, cn, ja — главная) — на ступень мельче */
}
.pr-facts__value--text {
  font-size: var(--pr-fs-h3);
  line-height: var(--pr-lh-h3);
}
.pr-facts__label {
  margin: 0;
  font-size: var(--pr-fs-body);
  font-weight: var(--pr-fw-regular);
  line-height: var(--pr-lh-body);
  color: var(--pr-text-on-dark);
}
.pr-facts {
  /* значение, затем подпись (главная) / подпись, затем значение (брокер) — отступ между ними одинаковый */
}
.pr-facts__value + .pr-facts__label, .pr-facts__label + .pr-facts__value {
  margin-top: 6px;
}
@media (max-width: 1000px) {
  .pr-facts--4 {
    --pr-facts-n: 2;
  }
  .pr-facts--4 .pr-facts__item:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }
  .pr-facts--4 .pr-facts__item:nth-child(n+3) {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
}
@media (max-width: 640px) {
  .pr-facts {
    --pr-facts-n: 1;
  }
  .pr-facts__item, .pr-facts--4 .pr-facts__item {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 12px;
    padding: 18px 0;
  }
  .pr-facts__item + .pr-facts__item, .pr-facts--4 .pr-facts__item + .pr-facts__item {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pr-facts__value + .pr-facts__label, .pr-facts__label + .pr-facts__value {
    margin-top: 0;
  }
}

/* Ключевые факты в начале страницы брокера (README-62): строки «подпись — значение», светлая полоса под шапкой. Подпись — small,
   приглушённая; значение — body, графит. Телефон — подпись над значением. */
.pr-keyfacts {
  padding: 20px 0;
  background: var(--pr-surface, #fff);
  border-bottom: 1px solid var(--pr-border, #E3E6E8);
}
.pr-keyfacts__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 40px;
  margin: 0;
}
.pr-keyfacts__row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  align-items: baseline;
  min-width: 0;
}
.pr-keyfacts__row dt {
  margin: 0;
  font: var(--pr-fw-regular, 400) var(--pr-fs-small, 14px)/var(--pr-lh-small, 1.5) var(--pr-font-body);
  color: var(--pr-text-muted, #666F74);
}
.pr-keyfacts__row dd {
  margin: 0;
  font: var(--pr-fw-regular, 400) var(--pr-fs-body, 16px)/var(--pr-lh-body, 1.6) var(--pr-font-body);
  color: var(--pr-text, #212A2E);
  overflow-wrap: anywhere;
}
.pr-keyfacts__updated {
  margin: 10px 0 0;
  font: var(--pr-fw-regular, 400) var(--pr-fs-small, 14px)/var(--pr-lh-small, 1.5) var(--pr-font-body);
  color: var(--pr-text-muted, #666F74);
}
@media (max-width: 900px) {
  .pr-keyfacts__list {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .pr-keyfacts__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}

.bv3 {
  --bv3-line-on-dark: rgba(255, 255, 255, .12);
  --bv3-muted-on-dark: #9BA4A9; /* сноски на графите (6.1:1) */
  color: var(--pr-text);
}
.bv3 h1, .bv3 h2, .bv3 h3 {
  color: var(--pr-text);
  text-transform: none;
}
.bv3 table {
  font-variant-numeric: tabular-nums;
}
.bv3 {
  /* цифры в серифном шрифте — не старостильные (решение владельца 2026-10-08): заголовки, строка ставки, факты, калькулятор, даты */
}
.bv3 h1, .bv3 h2, .bv3 h3, .bv3 .bv3-hero__rate, .bv3 .bv3-out dd, .bv3 .bv3-month b, .bv3 .bv3-cta p, .bv3 .pr-num {
  font-variant-numeric: lining-nums tabular-nums;
}

/* ================= хиро ================= */
.bv3-hero {
  background: var(--pr-dark);
  color: var(--pr-text-on-dark);
}
.bv3-hero > .pr-container {
  padding-top: 32px;
}
.bv3-hero { /* полоса фактов — внизу хиро (тёмная, решение владельца 2026-10-08) */ }
.bv3-hero__grid {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 0 28px;
  margin-top: 32px;
}
.bv3-hero__grid:not(:has(.bv3-hero__logo)) {
  grid-template-columns: minmax(0, 1fr);
}
.bv3-hero {
  /* логотип 96px без белой плитки и полей (README-60); подложка — настройка брокера (logo_backdrop): dark / light, скругление 4px, поле 10px */
}
.bv3-hero__logo {
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 4px;
  background: transparent;
}
.bv3-hero__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.bv3-hero__logo {
  /* копия для плитки каталога: содержимое — 1/1.2 стороны (LogoAnalyzer::tile, поле 10% с каждой стороны) — поле срезается масштабом */
}
.bv3-hero__logo--trim img {
  transform: scale(1.2);
}
.bv3-hero__logo--dark {
  background: #2C3438;
  padding: 10px;
}
.bv3-hero__logo--light {
  background: #F4F5F6;
  padding: 10px;
}
.bv3-hero__logo {
  /* срезанная копия на подложке: поле подложки ≈ 10px и после масштаба */
}
.bv3-hero__logo--trim.bv3-hero__logo--dark, .bv3-hero__logo--trim.bv3-hero__logo--light {
  padding: 18px;
}
.bv3-hero h1 {
  font: var(--pr-fw-serif-h1) var(--pr-fs-display)/var(--pr-lh-display) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  max-width: 18em;
  color: var(--pr-text-on-dark-strong);
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.bv3-hero__rate {
  margin-top: 12px;
  font: var(--pr-fw-serif) var(--pr-fs-h2)/var(--pr-lh-h2) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: var(--pr-text-on-dark-strong);
}
.bv3-hero__def {
  max-width: 640px;
  margin-top: 16px;
  font: var(--pr-fw-regular) var(--pr-fs-lead)/var(--pr-lh-lead) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}
.bv3-hero__act {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
  margin-top: 28px;
}
.bv3-hero__act .pr-btn {
  padding: 14px 26px;
  text-decoration: none;
}
.bv3-hero__act .pr-btn, .bv3-hero__act .pr-btn-dark-line {
  text-align: center;
  text-wrap: balance;
}
.bv3-hero__act {
  align-items: flex-start;
}
.bv3-hero {
  /* вариант D: под контурной кнопкой сайта брокера — строка «New account? Use code {code}» с текстовой Copy */
}
.bv3-hero__visit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.bv3-hero__codeline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin: 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}
.bv3-hero__codeline b {
  color: #fff;
  font-weight: var(--pr-fw-semibold);
}
.bv3-hero__code {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  /* «How to use it» — не ближе 24 px к плашке */
}
.bv3-hero__code > a {
  margin-left: 10px;
}
.bv3-hero__code {
  align-items: center;
  margin-top: 20px;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
}
.bv3-hero__code a {
  color: var(--pr-text-on-dark);
}
.bv3-hero__code a:hover {
  color: #fff;
}
@media (max-width: 760px) {
  .bv3-hero > .pr-container {
    padding-top: 20px;
  }
  .bv3-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 20px;
  }
  .bv3-hero__logo {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    border-radius: var(--radius-card);
  }
  .bv3-hero__act .pr-btn, .bv3-hero__act .pr-btn-dark-line {
    width: 100%;
    justify-content: center;
  }
  .bv3-hero__visit {
    width: 100%;
  }
}

/* плашка «значение | Copy» (партиал public/brokers/partials/v3-plaque): значение слева, тонкий разделитель, текстовая Copy на всю высоту;
   ширина кнопки — по более длинной из «Copy» / «Copied» (невидимая распорка), поэтому после нажатия плашка не меняет ширину */
.bv3-plaque {
  display: inline-flex;
  align-items: stretch;
  max-width: 100%;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
  background: var(--pr-surface);
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  font-weight: var(--pr-fw-semibold);
}
.bv3-plaque__value {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 14px;
  color: var(--pr-text);
  overflow-wrap: anywhere;
}
.bv3-plaque a.bv3-plaque__value {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
}
.bv3-plaque a.bv3-plaque__value:hover {
  text-decoration-color: var(--pr-text);
}
.bv3-plaque__copy {
  position: relative;
  flex: none;
  display: grid;
  place-items: center;
  padding: 0 14px;
  border: 0;
  border-left: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--pr-ease), color var(--pr-ease);
}
.bv3-plaque__copy:hover {
  background: var(--pr-bg);
}
.bv3-plaque__copy:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
}
.bv3-plaque__copy.is-copied {
  background: var(--pr-dark);
  color: #fff;
}
.bv3-plaque {
  /* распорка: обе подписи в одной ячейке сетки, невидимы; видимая подпись — поверх */
}
.bv3-plaque__sizer {
  display: grid;
  visibility: hidden;
}
.bv3-plaque__sizer > span {
  grid-area: 1/1;
}
.bv3-plaque__text {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.bv3-plaque--dark {
  border-color: var(--pr-border-dark);
  background: transparent;
}
.bv3-plaque--dark .bv3-plaque__value {
  color: #fff;
}
.bv3-plaque--dark .bv3-plaque__copy {
  border-left-color: var(--pr-border-dark);
  color: #fff;
}
.bv3-plaque--dark .bv3-plaque__copy:hover {
  background: rgba(255, 255, 255, 0.08);
}
.bv3-plaque--dark .bv3-plaque__copy:focus-visible {
  outline-color: #fff;
}
.bv3-plaque--dark .bv3-plaque__copy.is-copied {
  background: #fff;
  color: var(--pr-text);
}

/* текстовая кнопка Copy (строка кода в хиро): подчёркнутый текст; ширина — по более длинной из «Copy» / «Copied», без скачка */
.bv3-textcopy {
  position: relative;
  display: inline-grid;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.bv3-textcopy:hover {
  text-decoration-color: #fff;
}
.bv3-textcopy:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  border-radius: 2px;
}
.bv3-textcopy__sizer {
  display: grid;
  visibility: hidden;
}
.bv3-textcopy__sizer > span {
  grid-area: 1/1;
}
.bv3-textcopy__text {
  position: absolute;
  inset: 0;
  text-align: left;
}

/* партнёрский код в хиро: значение + Copy в рамке */
.bv3-chipcode {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 4px 4px 14px;
  border: 1px solid var(--pr-border-dark);
  border-radius: var(--radius-card);
  color: #fff;
  font-weight: var(--pr-fw-semibold);
  overflow-wrap: anywhere;
}

.bv3-copy {
  flex: none;
  min-width: 58px;
  padding: 5px 10px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  white-space: nowrap;
  cursor: pointer;
  transition: border-color var(--pr-ease), background-color var(--pr-ease), color var(--pr-ease);
}
.bv3-copy:hover {
  border-color: var(--pr-dark);
}
.bv3-copy.is-copied {
  background: var(--pr-dark);
  border-color: var(--pr-dark);
  color: #fff;
}

.pr-dark .bv3-copy:not(.is-copied) {
  background: transparent;
  border-color: #56626A;
  color: #fff;
}
.pr-dark .bv3-copy:not(.is-copied):hover {
  border-color: var(--pr-text-on-dark);
}

.pr-dark .bv3-copy.is-copied {
  background: #fff;
  border-color: #fff;
  color: var(--pr-text);
}

/* полоса фактов — общий компонент .pr-facts (_pr-facts.scss); здесь только отступ от кнопок хиро */
.bv3-facts {
  margin-top: 48px;
  /* выгода — крупно золотом (README-60, решение владельца 2026-10-11): «90%», «Up to $3 per lot»; подпись «depends on account» под значением */
}
.bv3-facts__accent {
  color: #D9B66A;
}
.bv3-facts__note {
  display: block;
  margin-top: 4px;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}

@media (max-width: 760px) {
  .bv3-facts {
    margin-top: 32px;
  }
}
/* телефон — 2×2 (README-60): подпись над значением, значение на ступень мельче */
@media (max-width: 640px) {
  .bv3-facts.pr-facts--4,
  .bv3-facts.pr-facts--3 {
    --pr-facts-n: 2;
  }
  .bv3-facts.pr-facts--4 .pr-facts__item,
  .bv3-facts.pr-facts--3 .pr-facts__item {
    flex-direction: column;
    align-items: stretch;
    padding: 16px 12px 18px 0;
    border-left: 0;
    border-top: 0;
  }
  .bv3-facts.pr-facts--4 .pr-facts__item:nth-child(even),
  .bv3-facts.pr-facts--3 .pr-facts__item:nth-child(even) {
    padding-left: 16px;
    padding-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
  }
  .bv3-facts.pr-facts--4 .pr-facts__item:nth-child(n+3),
  .bv3-facts.pr-facts--3 .pr-facts__item:nth-child(n+3) {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .bv3-facts.pr-facts--4 .pr-facts__label,
  .bv3-facts.pr-facts--3 .pr-facts__label {
    font-size: var(--pr-fs-small);
  }
  .bv3-facts.pr-facts--4 .pr-facts__value,
  .bv3-facts.pr-facts--3 .pr-facts__value {
    font-size: var(--pr-fs-h3);
    line-height: var(--pr-lh-h3);
    margin-top: 4px;
  }
}
/* ================= разделы ================= */
.bv3-sec {
  /* единые отступы между разделами, меньше общих 88 / 64 (решение владельца 2026-10-08): 56 px; два раздела подряд на одном фоне —
     без двойного отступа */
  padding: 48px 0;
}
.bv3-sec--band {
  background: var(--pr-surface);
}
@media (max-width: 640px) {
  .bv3-sec {
    padding: 36px 0;
  }
}

/* полосы чередуются автоматически (шаблон: $band()), разделение — сменой фона; отступ сверху и снизу одинаковый */
.bv3-head {
  margin-bottom: 20px;
  /* H2 — во всю ширину контентной колонки: на 1440 не переносится; подводка — колонка чтения */
}
.bv3-head h2 {
  font: var(--pr-fw-serif) var(--pr-fs-h2)/var(--pr-lh-h2) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  text-wrap: balance;
}
.bv3-head p {
  max-width: 760px;
  margin-top: 12px;
  font: var(--pr-fw-regular) var(--pr-fs-lead)/var(--pr-lh-lead) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}

.bv3-sub {
  margin: 48px 0 16px;
  font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
}

.bv3-cap {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-cap--below {
  margin-top: 12px;
}
.bv3-cap {
  /* ссылка на источник цен металлов (MetalCharts) — тем же мелким шрифтом, графитовая, с подчёркиванием */
}
.bv3-cap .bv3-credit {
  color: var(--pr-text-muted);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  white-space: nowrap;
}
.bv3-cap .bv3-credit:hover {
  color: var(--pr-text);
}

.bv3-panel {
  background: var(--pr-surface);
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
}

.bv3-sec--band .bv3-panel {
  box-shadow: var(--pr-shadow-card);
}

.bv3-scroll {
  overflow-x: auto;
}

/* ================= таблицы ================= */
.bv3-t {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
}
.bv3-t th {
  padding: 14px 20px;
  border-bottom: 1px solid var(--pr-border);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  color: var(--pr-text-muted);
  text-align: left;
  white-space: nowrap;
}
.bv3-t td {
  padding: 14px 20px;
  border-bottom: 1px solid #ECEEF1;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text);
  vertical-align: top;
  font-variant-numeric: tabular-nums;
}
.bv3-t tbody tr:last-child td {
  border-bottom: 0;
}
.bv3-t {
  /* веса (задание владельца 2026-10-09): названия счетов и инструментов — 500; все числа (Max cashback, примеры, спреды, стоимость) — 400;
     исключение — «Your cashback» в таблице по инструментам — 500 */
}
.bv3-t td.k {
  font-weight: 500;
}
.bv3-t td.v {
  font-weight: var(--pr-fw-regular);
}
.bv3-t:not(.bv3-acc) td.v {
  font-weight: 500;
}
.bv3-t td.v {
  white-space: nowrap;
}
.bv3-t {
  /* числа — по левому краю, как текст (README-43): выравнивание по цифрам даёт tabular-nums */
}
.bv3-t .r {
  text-align: left;
}
.bv3-t td small {
  display: block;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
  white-space: normal;
}
.bv3-t tbody tr {
  transition: background-color var(--pr-ease);
}
.bv3-t tbody tr:hover {
  background: var(--pr-bg);
}

/* README-79: «Rates last updated» под таблицей ставок — отступ сверху, как у строк ниже (.bv3-below) */
.bv3-rates-checked {
  margin-top: 12px;
}

.bv3-below {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 24px;
  margin-top: 12px;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}

/* вкладки счетов — как фильтры /rebates */
.bv3-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.bv3-tab {
  padding: 8px 16px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-ui) var(--pr-font-body);
  cursor: pointer;
  transition: border-color var(--pr-ease), background-color var(--pr-ease), color var(--pr-ease);
}
.bv3-tab:hover {
  border-color: var(--pr-dark);
}
.bv3-tab[aria-selected=true] {
  background: var(--pr-dark);
  border-color: var(--pr-dark);
  color: #fff;
}

/* ================= калькулятор ================= */
.bv3-calc {
  /* три карточки (README-43, прототип владельца): 1 — поля (белая, рамка) и 2 — «Estimated cashback» (тёмная) рядом, одной высоты;
     3 — под обеими на всю ширину: четыре колонки «подпись — число — строка расчёта». Промежуток 20 px; на телефоне 12 px, порядок 1 → 2 → 3 */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
  /* поля — по центру по вертикали, без пустоты снизу */
}
.bv3-calc__in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 32px;
}
.bv3-calc__out {
  display: flex;
  flex-direction: column;
  padding: 28px 32px;
  border-radius: var(--radius-card);
  background: var(--pr-dark);
  color: var(--pr-text-on-dark);
}
.bv3-calc {
  /* «Estimated cashback» над тремя строками */
}
.bv3-calc__title {
  margin: 0;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}
.bv3-calc {
  /* «Based on 5 trading days…» под Monthly — мелко, приглушённо */
}
.bv3-calc__note {
  margin: 12px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--bv3-muted-on-dark);
}
.bv3-calc__note b, .bv3-calc__note strong {
  font-weight: inherit;
  color: inherit;
}
.bv3-calc {
  /* блок 3: колонки с вертикальными разделителями; скрытые колонки (стоимость неизвестна) выпадают из сетки */
}
.bv3-calc__more {
  grid-column: 1/-1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}
.bv3-calc__cell {
  padding: 24px 28px;
}
.bv3-calc__cell + .bv3-calc__cell {
  border-left: 1px solid var(--pr-border);
}
.bv3-calc__cell[hidden] {
  display: none;
}
.bv3-calc__k {
  margin: 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-calc__v {
  margin: 6px 0 0;
  font: var(--pr-fw-regular) 24px/1.2 var(--pr-font-body);
  color: var(--pr-text);
  font-variant-numeric: lining-nums tabular-nums;
  overflow-wrap: anywhere;
}
.bv3-calc__cell--lot .bv3-calc__v {
  font-weight: 500;
}
.bv3-calc__line {
  margin: 8px 0 0;
  font: var(--pr-fw-regular) 13px/1.45 var(--pr-font-body);
  color: var(--pr-text-muted);
}
.bv3-calc__line[hidden] {
  display: none;
}
@media (max-width: 760px) {
  .bv3-calc {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .bv3-calc__in {
    padding: 20px;
    gap: 16px;
  }
  .bv3-calc__out {
    padding: 20px;
  }
  .bv3-calc {
    /* блок 3 списком: подпись и строка расчёта слева, число справа */
  }
  .bv3-calc__more {
    grid-auto-flow: row;
  }
  .bv3-calc__cell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 16px;
    padding: 16px 20px;
  }
  .bv3-calc__cell + .bv3-calc__cell {
    border-left: 0;
    border-top: 1px solid var(--pr-border);
  }
  .bv3-calc__k {
    grid-column: 1;
    grid-row: 1;
  }
  .bv3-calc__v {
    grid-column: 2;
    grid-row: 1/span 2;
    margin: 0;
    font-size: var(--pr-fs-lead);
    align-self: start;
    text-align: right;
  }
  .bv3-calc__line {
    grid-column: 1;
    grid-row: 2;
    margin-top: 4px;
  }
}

/* дисклеймер — под блоком 3, мелко */
.bv3-calc__foot {
  margin: 16px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}

/* поля калькулятора: одна высота, один внутренний отступ текста у select и input, одна стрелка (своя, у select без системной) */
.bv3-fld label {
  display: block;
  margin-bottom: 6px;
  font: var(--pr-fw-semibold) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  color: var(--pr-text);
}
.bv3-fld select, .bv3-fld input {
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-control);
  background-color: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  line-height: 44px;
  text-indent: 0;
  transition: border-color var(--pr-ease);
}
.bv3-fld select:hover, .bv3-fld input:hover {
  border-color: #9AA3A8;
}
.bv3-fld select:focus, .bv3-fld input:focus {
  outline: none;
  border-color: var(--pr-dark);
  box-shadow: 0 0 0 3px rgba(33, 42, 46, 0.12);
}
.bv3-fld select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23212A2E' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
  cursor: pointer;
}
.bv3-fld select::-ms-expand {
  display: none;
}
.bv3-fld {
  /* число лотов — без стрелок-спиннеров (шаг 0.01 — с клавиатуры), текст на том же отступе, что в select */
}
.bv3-fld input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.bv3-fld input[type=number]::-webkit-outer-spin-button, .bv3-fld input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bv3-out {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--bv3-line-on-dark);
}
.bv3-out div + div {
  padding-left: 20px;
  border-left: 1px solid var(--bv3-line-on-dark);
}
.bv3-out dt {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
}
.bv3-out dd {
  margin: 4px 0 0;
  font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: #fff;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .bv3-out div + div {
    padding-left: 12px;
  }
}

/* Daily, Weekly, Monthly — строки с разделителями: подпись слева, сумма справа Source Serif 4 500; Monthly крупнее и золотом (README-43) */
.bv3-periods {
  margin: 12px 0 0;
}
.bv3-periods div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
}
.bv3-periods div + div {
  border-top: 1px solid var(--bv3-line-on-dark);
}
.bv3-periods dt {
  font: var(--pr-fw-regular) var(--pr-fs-lead)/var(--pr-lh-lead) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}
.bv3-periods dd {
  margin: 0;
  font: var(--pr-fw-serif) var(--pr-fs-h2)/var(--pr-lh-h2) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: #fff;
  font-variant-numeric: lining-nums tabular-nums;
  text-align: right;
  overflow-wrap: anywhere;
}
.bv3-periods__monthly dd {
  font: var(--pr-fw-serif) var(--pr-fs-display)/var(--pr-lh-display) var(--pr-font-display);
  color: var(--pr-gold-on-dark);
}

.bv3-month__usd {
  margin: 4px 0 0;
  text-align: right;
  color: var(--pr-text-on-dark);
}

.bv3-month {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.bv3-month span {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
}
.bv3-month b {
  font: var(--pr-fw-serif-h1) var(--pr-fs-display)/var(--pr-lh-display) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: #fff;
}

.bv3-chain {
  margin-top: 18px;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}
.bv3-chain b {
  color: #fff;
  font-weight: var(--pr-fw-semibold);
}

/* ================= подключение ================= */
.bv3-paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* 7 строк общей сетки: заголовок, пояснение, шаг 1, шаг 2, шаг 3, примечание, действия (владелец 2026-10-09) */
  grid-template-rows: repeat(7, auto);
  column-gap: 24px;
  /* контейнер для правила «ссылка под кнопкой» — на обёртке: элемент-контейнер (container-type) не может быть subgrid */
  container-type: inline-size;
  container-name: bv3-paths;
}
@media (max-width: 860px) {
  .bv3-paths {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}

/* карточка пути: subgrid на 7 строк — шаг N в обеих карточках на одной высоте, даже если в одной текст переносится; список шагов прозрачен для
   сетки (display: contents), счётчик номеров — на карточке. Действия — кнопка и ссылка в строку, по нижнему краю; если ссылка не помещается —
   под кнопкой в обеих карточках одинаково (решает ширина карточки — у двух карточек она одна: container query) */
.bv3-path {
  display: grid;
  grid-row: 1/span 7;
  grid-template-rows: subgrid;
  row-gap: 0;
  padding: 28px;
  counter-reset: bv3-step;
}
.bv3-path > h3 {
  grid-row: 1;
  font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
}
.bv3-path__text {
  grid-row: 2;
  margin: 12px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}
.bv3-path__text:empty {
  margin: 0;
}
.bv3-path__steps.bv3-steps {
  display: contents;
}
.bv3-path__steps.bv3-steps li {
  margin-top: 14px;
}
.bv3-path__steps.bv3-steps li:first-child {
  margin-top: 20px;
}
.bv3-path__fallback {
  grid-row: 3/span 3;
  margin-top: 20px;
}
.bv3-path .bv3-path__note {
  grid-row: 6;
}
.bv3-path__act {
  grid-row: 7;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px 20px;
  align-items: center;
  /* строка действий — последняя строка общей сетки (низ карточек); внутри неё кнопки — от верха строки: у карточки без ссылки
     (Axi, IC Markets — нет инструкции) кнопка стоит на той же высоте, что у соседней */
  align-self: start;
  padding-top: 24px;
}
.bv3-path__act .pr-btn {
  flex: none;
  text-decoration: none;
  text-align: center;
}
.bv3-path__act a {
  white-space: nowrap;
}
.bv3-path__act {
  /* кнопка и ссылка в строку, только если помещаются в обеих карточках: нужно до ~600 px текста карточки (RoboForex справа — 569 px:
     «Connect a RoboForex account» + «Step-by-step guide with screenshots»), обёртка — 2 × (600 + 56) + 24 = 1336 px; уже — ссылка под кнопкой
     в обеих карточках (контейнер максимум 1280 px — при текущих подписях на десктопе всегда под кнопкой) */
}
@container bv3-paths (max-width: 1336px) {
  .bv3-path__act {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 860px) {
  .bv3-path {
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
  .bv3-path__text:empty, .bv3-path .bv3-path__note:empty {
    display: none;
  }
  .bv3-path__steps.bv3-steps {
    display: grid;
    gap: 14px;
    margin-top: 20px;
  }
  .bv3-path__steps.bv3-steps li, .bv3-path__steps.bv3-steps li:first-child {
    margin-top: 0;
  }
  .bv3-path__act {
    margin-top: auto;
    flex-wrap: wrap;
  }
}

.bv3-steps {
  display: grid;
  gap: 14px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: bv3-step;
}
.bv3-steps li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  counter-increment: bv3-step;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}
.bv3-steps li::before {
  content: counter(bv3-step);
  width: 28px;
  height: 28px;
  border: 1px solid var(--pr-text-muted);
  border-radius: 50%;
  font: var(--pr-fw-semibold) var(--pr-fs-small)/26px var(--pr-font-body);
  color: var(--pr-text);
  text-align: center;
}
.bv3-steps li b {
  color: var(--pr-text);
}

/* контурная кнопка на светлом (вторая ветка — одна золотая кнопка на экран) */
.bv3-btn-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border: 1px solid var(--pr-text);
  border-radius: var(--radius-control);
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-body)/var(--pr-lh-ui) var(--pr-font-body);
  text-decoration: none;
  transition: background-color var(--pr-ease);
}
.bv3-btn-line:hover {
  background: rgba(33, 42, 46, 0.05);
  text-decoration: none;
}

.bv3-codes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 24px 0 0;
}
@media (max-width: 760px) {
  .bv3-codes {
    grid-template-columns: minmax(0, 1fr);
  }
}

.bv3-code {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 18px 24px;
}
.bv3-code:nth-child(2n) {
  border-left: 1px solid var(--pr-border);
}
.bv3-code:nth-child(n+3) {
  border-top: 1px solid var(--pr-border);
}
.bv3-code__grow {
  flex: 1;
  min-width: 0;
}
.bv3-code dt {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-code dd {
  margin: 0;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  font-weight: var(--pr-fw-semibold);
  color: var(--pr-text);
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .bv3-code:nth-child(2n) {
    border-left: 0;
  }
  .bv3-code + .bv3-code {
    border-top: 1px solid var(--pr-border);
  }
}

/* ================= выплаты ================= */
.bv3-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 2px solid var(--pr-dark);
}
.bv3-flow li {
  position: relative;
  padding: 20px 24px 0 0;
}
.bv3-flow li::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--pr-dark);
}
.bv3-flow li:last-child::before {
  background: var(--pr-bg);
  border: 2px solid var(--pr-dark);
}
.bv3-flow__when {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-flow h3 {
  margin-top: 4px;
  font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
}
.bv3-flow p {
  margin-top: 6px;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}
@media (max-width: 760px) {
  .bv3-flow {
    grid-template-columns: minmax(0, 1fr);
    margin-left: 6px;
    border-top: 0;
    border-left: 2px solid var(--pr-dark);
  }
  .bv3-flow li {
    padding: 0 0 24px 24px;
  }
  .bv3-flow li::before {
    top: 4px;
    left: -7px;
  }
}

.bv3-payfacts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 40px 0 0;
}
.bv3-payfacts > div {
  padding: 20px 24px;
}
.bv3-payfacts > div + div {
  border-left: 1px solid var(--pr-border);
}
.bv3-payfacts dt {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-payfacts dd {
  margin: 4px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  font-weight: var(--pr-fw-semibold);
  color: var(--pr-text);
}
@media (max-width: 760px) {
  .bv3-payfacts {
    grid-template-columns: minmax(0, 1fr);
  }
  .bv3-payfacts > div + div {
    border-left: 0;
    border-top: 1px solid var(--pr-border);
  }
}

/* ================= условия, о брокере ================= */
.bv3-kv {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;
  margin: 0;
}
.bv3-kv > div {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid #ECEEF1;
}
.bv3-kv dt {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-kv dd {
  margin: 0;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text);
  overflow-wrap: anywhere;
}
.bv3-kv {
  /* несколько условий в одном поле — по строке с отступом (владелец 2026-10-16) */
}
.bv3-kv__line {
  display: block;
}
.bv3-kv__line + .bv3-kv__line {
  margin-top: 8px;
}
@media (max-width: 1000px) {
  .bv3-kv {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 760px) {
  .bv3-kv > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
}

.bv3-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bv3-chip {
  padding: 2px 10px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
  background: var(--pr-surface);
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  color: var(--pr-text);
}

.bv3-about {
  max-width: 760px;
  margin-bottom: 28px;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}

.bv3-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin-top: 24px;
}

/* FAQ — общий аккордеон с модификатором .pr-faq--wide (_pr-components.scss): во всю ширину, текст 760 px */
/* ================= финальный призыв ================= */
.bv3-cta {
  /* тёмная карточка целиком внутри своей полосы, отступ сверху и снизу одинаковый (полоса — .bv3-sec); до футера — светлая полоса */
}
.bv3-cta__in {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px 48px;
  padding: 48px 56px;
  border-radius: var(--radius-card);
  background: var(--pr-dark);
  color: var(--pr-text-on-dark);
}
.bv3-cta h2 {
  font: var(--pr-fw-serif) var(--pr-fs-h2)/var(--pr-lh-h2) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: #fff;
}
.bv3-cta p {
  margin-top: 8px;
  font: var(--pr-fw-regular) var(--pr-fs-lead)/var(--pr-lh-lead) var(--pr-font-body);
  letter-spacing: 0;
}
.bv3-cta__act {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.bv3-cta__act .pr-btn {
  text-decoration: none;
}
.bv3-cta__act a:not(.pr-btn) {
  color: var(--pr-text-on-dark);
}
.bv3-cta__act a:not(.pr-btn):hover {
  color: #fff;
}
@media (max-width: 760px) {
  .bv3-cta__in {
    padding: 32px 20px;
  }
  .bv3-cta__act, .bv3-cta__act .pr-btn {
    width: 100%;
  }
  .bv3-cta__act .pr-btn {
    justify-content: center;
  }
}

/* ================= телефон: таблицы → карточки ================= */
@media (max-width: 760px) {
  .bv3-t th, .bv3-t td {
    padding: 12px 14px;
  }
  .bv3-t.bv3-stack {
    min-width: 0;
  }
  .bv3-t.bv3-stack thead {
    display: none;
  }
  .bv3-t.bv3-stack tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
    padding: 16px;
    border-bottom: 1px solid #ECEEF1;
  }
  .bv3-t.bv3-stack tbody tr:last-child {
    border-bottom: 0;
  }
  .bv3-t.bv3-stack {
    /* группы таблицы по инструментам: заголовок и строка-статус — во всю ширину, без подписей колонок */
  }
  .bv3-t.bv3-stack tr.bv3-grp, .bv3-t.bv3-stack tr.bv3-grp-note {
    display: block;
    padding: 0;
  }
  .bv3-t.bv3-stack tr.bv3-grp th {
    display: block;
    padding: 10px 16px;
  }
  .bv3-t.bv3-stack tr.bv3-grp-note td {
    display: block;
    padding: 12px 16px;
  }
  .bv3-t.bv3-stack tr.bv3-grp-note td::before {
    display: none;
  }
  .bv3-t.bv3-stack td {
    padding: 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }
  .bv3-t.bv3-stack td::before {
    content: attr(data-l);
    display: block;
    font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
    letter-spacing: 0;
    color: var(--pr-text-muted);
  }
  .bv3-t.bv3-stack td.k {
    grid-column: 1/-1;
  }
  .bv3-t.bv3-stack td.is-empty {
    display: none;
  }
  .bv3-t.bv3-stack td { /* «—» в карточке не выводим */ }
  .bv3-t.bv3-stack td.k::before {
    display: none;
  }
}
/* ================= блок «IB code» сразу после хиро (решение владельца 2026-10-08) =================
   Карточка продолжает хиро: верх секции графитовый, карточка наезжает на него, сверху — золотая черта 3 px (цвет кнопки).
   Поля «IB code» и «Referral link» на светлой подложке, кнопки копирования контурные (золотая кнопка на экране одна — в хиро). */
.bv3-ib {
  /* обычный первый раздел после навигации (решение владельца 2026-10-08): без наезда на хиро и без золотой черты — золото только у кнопок */
}
.bv3-ib__card {
  padding: 24px 28px;
}
.bv3-ib__card .bv3-ib__fields {
  margin-top: 0;
}
.bv3-ib__lead {
  max-width: 760px;
  margin: 10px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}
.bv3-ib__fields {
  display: grid;
  grid-template-columns: minmax(0, 520px);
  gap: 16px 20px;
  margin-top: 24px;
}
.bv3-ib__fields--2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}
.bv3-ib__field {
  min-width: 0;
}
.bv3-ib__label {
  display: block;
  margin-bottom: 6px;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-ib__box {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 8px 8px 8px 18px;
  border-radius: var(--radius-card);
  background: var(--pr-bg);
}
.bv3-ib {
  /* код — крупно, моноширинным: системный моноширинный шрифт (не загружается) */
}
.bv3-ib__code {
  flex: 1 1 auto;
  min-width: 0;
  font: var(--pr-fw-semibold) var(--pr-fs-h3)/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.02em;
  color: var(--pr-text);
  overflow-wrap: anywhere;
}
.bv3-ib {
  /* длинная ссылка обрезается многоточием */
}
.bv3-ib__link {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
}
.bv3-ib__link:hover {
  text-decoration-color: var(--pr-text);
}
.bv3-ib {
  /* контурная кнопка: ширина — по более длинной из подписей («Copy code» / «Copied»), без скачка */
}
.bv3-ib__copy {
  position: relative;
  flex: none;
  display: grid;
  place-items: center;
  padding: 10px 16px;
  border: 1px solid var(--pr-text);
  border-radius: var(--radius-control);
  background: var(--pr-surface);
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-small)/1.2 var(--pr-font-body);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--pr-ease), color var(--pr-ease);
}
.bv3-ib__copy:hover {
  background: var(--pr-dark);
  color: #fff;
}
.bv3-ib__copy:focus {
  outline: none;
}
.bv3-ib__copy:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
}
.bv3-ib__copy.is-copied {
  background: var(--pr-dark);
  color: #fff;
}
.bv3-ib__sizer {
  display: grid;
  visibility: hidden;
}
.bv3-ib__sizer > span {
  grid-area: 1/1;
}
.bv3-ib__copytext {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.bv3-ib__note {
  margin: 16px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-ib__note a {
  color: var(--pr-text);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
}
.bv3-ib__note a:hover {
  text-decoration-color: var(--pr-text);
}
@media (max-width: 760px) {
  .bv3-ib__card {
    padding: 18px 16px;
  }
  .bv3-ib__fields--2 {
    grid-template-columns: minmax(0, 1fr);
  }
  .bv3-ib__box {
    min-height: 56px;
    padding-left: 14px;
  }
}

/* строка фактов под таблицей ставок вместо плашки «Conditions.» (решение владельца 2026-10-08): мелким текстом через разделители */
.bv3-terms {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}
.bv3-terms > span + span::before {
  content: "|";
  margin: 0 10px;
  color: var(--pr-border);
}
.bv3-terms a {
  color: var(--pr-text);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
}
.bv3-terms a:hover {
  text-decoration-color: var(--pr-text);
}

/* хиро, первая волна доработок (решение владельца 2026-10-08): подпись под золотой кнопкой, ссылка для действующих клиентов брокера,
   строка доверия через тонкий разделитель */
.bv3-hero__main-act {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.bv3-hero__note {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}
@media (max-width: 760px) {
  .bv3-hero__main-act {
    width: 100%;
  }
  .bv3-hero__note {
    align-self: center;
  }
}

/* блок IB code: два шага под полями */
.bv3-ib__steps {
  margin-top: 20px;
}

/* карточка «I already have a {broker} account»: строка под шагами */
.bv3-path__note {
  margin: 16px 0 0; /* и у пустой ячейки — та же высота начала строки в обеих карточках */
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}

/* калькулятор: месячная сумма — главная; «Cashback per lot: …» второй строкой; пересчёт USC → USD */
.bv3-month__usd {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
}

/* ================= таблица по счетам: примеры за лот ================= */
.bv3-acc td.bv3-acc__ex {
  font-weight: var(--pr-fw-regular);
  white-space: nowrap;
}
.bv3-acc {
  /* счёт без примеров: текст от колонки Max cashback на всю оставшуюся ширину (README-43) */
}
.bv3-acc td.bv3-acc__wide {
  white-space: normal;
}
.bv3-acc {
  /* общий заголовок над примерами: «Real examples of {broker} cashback, per lot» — по левому краю над первой колонкой примеров; строка под ним — инструменты */
}
.bv3-acc thead th.bv3-acc__group {
  text-align: left;
  border-bottom-color: #ECEEF1;
  padding-bottom: 6px;
}
.bv3-acc thead tr + tr th {
  padding-top: 6px;
}
.bv3-acc thead th[rowspan] {
  vertical-align: bottom;
}
.bv3-acc {
  /* подпись примеров — только в карточке на телефоне (span внутри ячейки кешбэка) */
}
.bv3-acc .bv3-acc__exlabel {
  display: none;
}

/* ================= по инструментам: подпись единственного счёта (вместо вкладок) ================= */
.bv3-inst-acc {
  margin: 0 0 12px;
  font: 500 var(--pr-fs-nav)/1.2 var(--pr-font-body);
  color: var(--pr-text);
}

/* ================= по инструментам: свёрнутые строки ================= */
.bv3-tabpanel:not(.is-all) .bv3-extra {
  display: none;
}

/* строка классов под H2, над вкладками (README-43): «Eligible for cashback:» 500 и пилюли одного вида — галочка тёмного золота и название
   (фон и рамка — токены --pr-cream / --pr-cream-border, как плитка каталога);
   только классы, отмеченные у брокера в админке; не кликабельные, на телефоне переносятся */
.bv3-classes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin: 0 0 24px;
}
.bv3-classes__label {
  font: 500 var(--pr-fs-nav)/1.2 var(--pr-font-body);
  color: var(--pr-text);
}
.bv3-classes {
  /* список прозрачен для раскладки: подпись и пилюли — одна строка с переносом (role="list" в разметке) */
}
.bv3-classes__list {
  display: contents;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bv3-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid var(--pr-cream-border);
  border-radius: var(--radius-control);
  background: var(--pr-cream);
  font: 500 var(--pr-fs-nav)/1.2 var(--pr-font-body);
  color: var(--pr-text);
  cursor: default;
}
.bv3-pill__check {
  flex: none;
  color: var(--pr-gold-on-light);
}

/* таблица по инструментам с группами (владелец 2026-10-09): строка-заголовок группы во всю ширину — 500, светлый фон;
   класс без опубликованных ставок — одна приглушённая строка под заголовком */
.bv3-inst .bv3-grp th {
  padding: 10px 20px;
  border-bottom: 1px solid #ECEEF1;
  background: var(--pr-bg);
  font: 500 var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  color: var(--pr-text);
  text-align: left;
}
.bv3-inst .bv3-grp-note td {
  color: var(--pr-text-muted);
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
}
.bv3-inst tbody.bv3-grp-body tr:last-child td {
  border-bottom: 1px solid #ECEEF1;
}
.bv3-inst tbody.bv3-grp-body:last-child tr:last-child td {
  border-bottom: 0;
}
.bv3-inst tbody tr.bv3-grp:hover, .bv3-inst tbody tr.bv3-grp-note:hover {
  background: none;
}
.bv3-inst .bv3-sp, .bv3-inst .bv3-sp__sum {
  display: block;
}
.bv3-inst .bv3-sp__sum {
  margin-top: 2px;
  color: var(--pr-text-muted);
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.bv3-inst .bv3-grp th {
  padding-top: 10px;
  padding-bottom: 10px;
}
.bv3-inst .bv3-grp__label {
  display: inline-block;
  min-width: 7.5em;
  margin-right: 12px;
  vertical-align: middle;
}
.bv3-inst .bv3-grp .bv3-chip-eligible {
  margin-left: 0;
  vertical-align: middle;
}

.bv3-more {
  display: block;
  margin-top: 12px;
  padding: 6px 0;
  border: 0;
  background: none;
  color: var(--pr-text);
  font: var(--pr-fw-semibold) var(--pr-fs-body)/var(--pr-lh-ui) var(--pr-font-body);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
  cursor: pointer;
}
.bv3-more:hover {
  text-decoration-color: var(--pr-text);
}
.bv3-more:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
  border-radius: 2px;
}

/* ================= партнёрский код и реферальная ссылка ================= */
.bv3-partner .bv3-codes {
  margin-top: 0;
}
.bv3-partner .bv3-code {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.bv3-partner .bv3-code dd {
  width: 100%;
  font-weight: var(--pr-fw-regular);
}
.bv3-partner__steps {
  margin-top: 24px;
}

@media (max-width: 760px) {
  /* таблица по счетам на телефоне: карточка — строка кешбэка, примеры парами «инструмент — сумма», выплата */
  .bv3-t.bv3-stack.bv3-acc tr {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
  .bv3-t.bv3-stack.bv3-acc {
    /* Max cashback — крупно, ниже подпись «Real examples, per lot» и пары «инструмент — сумма» */
  }
  .bv3-t.bv3-stack.bv3-acc td.bv3-acc__main {
    margin-bottom: 4px;
    font: var(--pr-fw-regular) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-body);
    font-variant-numeric: tabular-nums;
  }
  .bv3-t.bv3-stack.bv3-acc td.bv3-acc__main .bv3-acc__exlabel {
    display: block;
    margin-top: 8px;
    font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
    letter-spacing: 0;
    color: var(--pr-text-muted);
  }
  .bv3-t.bv3-stack.bv3-acc td.bv3-acc__ex {
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }
  .bv3-t.bv3-stack.bv3-acc td.bv3-acc__ex::before {
    font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
    letter-spacing: 0;
    color: var(--pr-text-secondary);
  }
  .bv3-t.bv3-stack.bv3-acc td.bv3-acc__ex {
    /* нет суммы — пары «инструмент — сумма» нет (без пустых строк и прочерков) */
  }
  .bv3-t.bv3-stack.bv3-acc td.bv3-acc__ex.is-empty {
    display: none;
  }
  .bv3-hero__code > a {
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bv3-plaque__copy, .bv3-tab, .bv3-copy, .bv3-btn-line, .bv3-t tbody tr, .bv3-fld select, .bv3-fld input {
    transition: none;
  }
}
/* ================= доработки по проверке dev (решение владельца 2026-10-08) ================= */
/* под таблицей ставок: сноска слева, «Sources and calculation» справа (раскрывается) */
.bv3-below {
  align-items: flex-start;
}

.bv3-sources {
  margin-left: auto;
  text-align: right;
}
.bv3-sources summary {
  display: inline;
  color: var(--pr-text);
  cursor: pointer;
  list-style: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
}
.bv3-sources summary::-webkit-details-marker {
  display: none;
}
.bv3-sources summary:hover {
  text-decoration-color: var(--pr-text);
}
.bv3-sources summary:focus {
  outline: none;
}
.bv3-sources summary:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
}
.bv3-sources ul {
  max-width: 560px;
  margin: 10px 0 0 auto;
  padding: 12px 16px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
  background: var(--pr-surface);
  list-style: none;
  text-align: left;
}
.bv3-sources li + li {
  margin-top: 6px;
}

/* телефон: таблица по счетам — вкладками; широкая таблица на телефоне не выводится */
.bv3-acc-m {
  display: none;
}

@media (max-width: 760px) {
  .bv3-scroll:has(> .bv3-acc) {
    display: none;
  }
  .bv3-acc-m {
    display: block;
  }
  .bv3-acc-m__card {
    padding: 16px;
  }
  .bv3-acc-m__max {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0 0 12px;
  }
  .bv3-acc-m__max span {
    font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
    letter-spacing: 0;
    color: var(--pr-text-muted);
  }
  .bv3-acc-m__max b {
    font: var(--pr-fw-regular) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-body);
    color: var(--pr-text);
    font-variant-numeric: tabular-nums;
  }
  .bv3-acc-m__ex {
    margin: 0;
  }
  .bv3-acc-m__ex > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-top: 1px solid #ECEEF1;
  }
  .bv3-acc-m__ex > div:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .bv3-acc-m__ex > div:first-child dt, .bv3-acc-m__ex > div:first-child dd {
    font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
    letter-spacing: 0;
    color: var(--pr-text-muted);
    font-weight: var(--pr-fw-regular);
  }
  .bv3-acc-m__ex dt {
    font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
    letter-spacing: 0;
    font-weight: 500;
    color: var(--pr-text);
  }
  .bv3-acc-m__ex dd {
    margin: 0;
    font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
    letter-spacing: 0;
    font-weight: var(--pr-fw-regular);
    color: var(--pr-text);
    font-variant-numeric: tabular-nums;
  }
}
/* Payouts — строка из 4 фактов на всю ширину, тонкие вертикальные разделители; телефон — строки «подпись — значение» */
.bv3-payrow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--pr-border);
  border-bottom: 1px solid var(--pr-border);
}
.bv3-payrow > div {
  padding: 14px 20px 16px 0;
}
.bv3-payrow > div + div {
  padding-left: 20px;
  border-left: 1px solid #ECEEF1;
}
.bv3-payrow dt {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-payrow dd {
  margin: 4px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  font-weight: var(--pr-fw-semibold);
  color: var(--pr-text);
}
@media (max-width: 760px) {
  .bv3-payrow {
    grid-template-columns: minmax(0, 1fr);
  }
  .bv3-payrow > div, .bv3-payrow > div + div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-left: 0;
  }
  .bv3-payrow > div + div {
    border-top: 1px solid #ECEEF1;
  }
  .bv3-payrow dd {
    margin: 0;
    text-align: right;
  }
}

/* Instruments (~2/3) и Asset classes (~1/3) в одной полосе на десктопе ≥ 1024 px (задание владельца 2026-10-08): обёртки колонок раскладываются
   в общую сетку — H2 таблицы сверху; заголовок правой колонки (стиль H3) — в строке вкладок счетов, по их низу; список — в строке таблицы,
   его первая линия на уровне верхней границы таблицы. Нет вкладок (один счёт) — заголовок правой колонки в строке H2. Телефон — друг под другом */
@media (min-width: 1024px) {
  .bv3-split--2 {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    grid-template-areas: "mh ." "tabs sh" "panel list";
    column-gap: 48px;
    align-items: start;
  }
  .bv3-split--2:not(:has(.bv3-tabs)) {
    grid-template-areas: "mh sh" "panel list";
  }
  .bv3-split--2 .bv3-split__main, .bv3-split--2 .bv3-split__side {
    display: contents;
  }
  .bv3-split--2 .bv3-split__main > .bv3-head {
    grid-area: mh;
  }
  .bv3-split--2 .bv3-split__main > .bv3-tabs {
    grid-area: tabs;
    align-self: end;
  }
  .bv3-split--2 .bv3-split__main > .bv3-tabpanel {
    grid-area: panel;
  }
  .bv3-split--2 .bv3-split__side > .bv3-head {
    grid-area: sh;
    align-self: end;
    margin: 0 0 16px; /* как у вкладок: низ заголовка и низ вкладок на одной линии */
  }
  .bv3-split--2 .bv3-split__side > .bv3-head h2 {
    font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
    letter-spacing: var(--pr-tracking-heading);
  }
  .bv3-split--2 .bv3-split__side > .bv3-classlist {
    grid-area: list;
  }
}
@media (max-width: 1023px) {
  .bv3-split--2 .bv3-split__side {
    margin-top: 40px;
  }
}

/* строки «подпись — значение» с тонкими разделителями (Asset classes, About) */
.bv3-rows {
  margin: 0;
}
.bv3-rows > div {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #ECEEF1;
}
.bv3-rows > div:last-child {
  border-bottom: 1px solid #ECEEF1;
}
.bv3-rows dt {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}
.bv3-rows dd {
  margin: 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text);
  overflow-wrap: anywhere;
}

.bv3-classlist > div {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  align-items: baseline;
}
.bv3-classlist dt {
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  font-weight: var(--pr-fw-semibold);
  color: var(--pr-text);
}
.bv3-classlist dd {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}
.bv3-classlist .bv3-classlist__row--none dt, .bv3-classlist .bv3-classlist__row--none dd {
  color: var(--pr-text-muted);
  font-weight: var(--pr-fw-regular);
}

/* классы без таблицы инструментов (Axi, IC Markets) — список не растягивается на всю ширину */
.bv3-split:not(.bv3-split--2) .bv3-classlist {
  max-width: 720px;
}

/* About: 4 карточки цифр в ряд (телефон — 2×2), значение крупно серифом; две группы строк */
.bv3-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
}
@media (max-width: 760px) {
  .bv3-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bv3-stat {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 4px;
  padding: 16px 18px;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
  background: var(--pr-surface);
}
.bv3-stat dd {
  margin: 0;
  font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: var(--pr-text);
  overflow-wrap: anywhere;
}
.bv3-stat dt {
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}

.bv3-about-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 48px;
  margin-top: 28px;
}
.bv3-about-groups h3 {
  margin: 0 0 8px;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  font-weight: var(--pr-fw-semibold);
  color: var(--pr-text);
}
@media (max-width: 760px) {
  .bv3-about-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ================= инструкция брокера (README-49): resources/views/public/brokers/guide.blade.php ================= */
.guide-hero > .pr-container {
  padding-bottom: 48px;
}
.guide-hero h1 {
  margin: 12px 0 0;
  font: var(--pr-fw-serif-h1) var(--pr-fs-display)/var(--pr-lh-display) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: #fff;
}
.guide-hero__intro {
  max-width: 760px;
  margin: 16px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-lead)/var(--pr-lh-lead) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}

/* блок IB-кода (README-52a, прототип Instructions): подпись 13px, код Source Serif 4 500 золотом, «Copy code» — контурная золотая;
   ниже строка «New to {broker}? …» 14px со ссылкой #E8CF96. Без ячеек вокруг кода. Ширина — весь контейнер (один край с шагами и FAQ) */
.guide-code {
  display: grid;
  gap: 14px;
  margin-top: 28px;
  padding: 22px 28px;
  border: 1px solid var(--bv3-line-on-dark);
  border-radius: var(--radius-card);
  background: rgba(255, 255, 255, 0.04);
}
.guide-code__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 32px;
}
.guide-code__main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.guide-code__label {
  font: 400 13px/1.3 var(--pr-font-body);
  color: #C5CBD0;
}
.guide-code__value {
  font: 500 32px/1.1 var(--pr-font-display);
  color: #D9B66A;
  overflow-wrap: anywhere;
}
.guide-code__text {
  margin: 0;
  font: 400 14px/1.5 var(--pr-font-body);
  color: #E3E6E8;
}
.guide-code__text a {
  color: #E8CF96;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
.guide-code__text a:hover {
  color: #F3E2BC;
}

/* кнопка копирования (public/partials/copy-btn + public/js/pr-copy.js): dark — в блоке IB-кода, light — в плашке шага */
.pr-copybtn {
  flex-shrink: 0;
  border-radius: 2px;
  font-family: var(--pr-font-body);
  cursor: pointer;
  transition: background-color var(--pr-ease), color var(--pr-ease), border-color var(--pr-ease);
}
.pr-copybtn--dark {
  padding: 11px 18px;
  border: 1px solid #D9B66A;
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}
.pr-copybtn--dark:hover {
  background: rgba(217, 182, 106, 0.12);
}
.pr-copybtn--dark.is-copied {
  color: #D9B66A;
  border-color: #D9B66A;
}
.pr-copybtn--dark:focus-visible {
  outline: 2px solid #D9B66A;
  outline-offset: 2px;
}
.pr-copybtn--light {
  align-self: stretch;
  padding: 0 12px;
  border: 0;
  border-left: 1px solid #E5D6B0;
  background: transparent;
  color: #6E5420;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
.pr-copybtn--light:hover {
  background: #EFE5CF;
}
.pr-copybtn--light.is-copied {
  background: #EFE5CF;
}
.pr-copybtn--light:focus-visible {
  outline: 2px solid #B08A3E;
  outline-offset: -2px;
}

/* код в шаге: компактная плашка на светлом — код и «Copy» через тонкую линию */
.guide-pill {
  display: inline-flex;
  align-items: stretch;
  margin-top: 14px;
  border: 1px solid #E5D6B0;
  border-radius: 2px;
  background: #F7F3EA;
  overflow: hidden;
}
.guide-pill__code {
  padding: 8px 12px;
  font: 600 16px/1.3 var(--pr-font-body);
  letter-spacing: 0.5px;
  color: #1F2427;
}

.pr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.guide-steps .bv3-tabs {
  margin-bottom: 20px;
}

.guide-list {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* карточка шага: золотой номер, текст и кнопка слева, картинка справа; на телефоне — столбиком, картинка под текстом */
.guide-step {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 4px 20px;
  padding: 28px;
}
.guide-step__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--btn-gold-bg);
  color: var(--btn-gold-text);
  font: var(--pr-fw-serif) var(--pr-fs-h3)/1 var(--pr-font-display);
  font-variant-numeric: lining-nums;
}
.guide-step__title {
  margin: 6px 0 0;
  font: var(--pr-fw-serif) var(--pr-fs-h3)/var(--pr-lh-h3) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: var(--pr-text);
}
.guide-step__text {
  margin-top: 10px;
  font: var(--pr-fw-regular) var(--pr-fs-body)/var(--pr-lh-body) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
}
.guide-step__text p {
  margin: 0 0 8px;
}
.guide-step__text ul {
  margin: 0 0 8px;
  padding-left: 20px;
}
.guide-step__text b, .guide-step__text strong {
  font-weight: 500;
  color: var(--pr-text);
  overflow-wrap: anywhere;
}
.guide-step__text a {
  color: var(--pr-text);
  text-decoration: underline;
  text-underline-offset: 0.18em;
  overflow-wrap: anywhere;
}
.guide-step__code {
  margin-top: 14px;
}
.guide-step__btn {
  margin-top: 16px;
}
.guide-step {
  /* картинка — под текстом, в колонке текста, по своему размеру (README-52a: без фиксированной высоты и пустого места) */
}
.guide-step__fig {
  grid-column: 2/-1;
  width: 100%;
  margin: 20px 0 0;
  align-self: start;
}

/* картинка шага — кнопка «увеличить»: рамка, курсор-лупа, наведение */
.guide-zoom {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
  background: var(--pr-surface);
  cursor: zoom-in;
  transition: border-color var(--pr-ease), box-shadow var(--pr-ease);
}
.guide-zoom img {
  display: block;
  width: 100%;
  height: auto;
}
.guide-zoom {
  height: auto;
  line-height: 0;
}
.guide-zoom:hover {
  border-color: #9AA3A8;
  box-shadow: var(--pr-shadow-card);
}
.guide-zoom:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
}

.guide-h2 {
  margin: 56px 0 20px;
  font: var(--pr-fw-serif) var(--pr-fs-h2)/var(--pr-lh-h2) var(--pr-font-display);
  letter-spacing: var(--pr-tracking-heading);
  color: var(--pr-text);
}

/* вопросы инструкции (README-52a): Public Sans, вопрос и ответ по одному краю, тонкие линии, «+» / «−», фокус — только с клавиатуры */
.guide-faq__list {
  border-top: 1px solid #ECEEF0;
}

.guide-faq__item {
  border-bottom: 1px solid #ECEEF0;
}

.guide-faq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 0;
  font: 500 18px/1.4 var(--pr-font-body);
  color: var(--pr-text);
  list-style: none;
  cursor: pointer;
}
.guide-faq__q::-webkit-details-marker {
  display: none;
}
.guide-faq__q::marker {
  content: "";
}
.guide-faq__q:focus {
  outline: none;
}
.guide-faq__q:focus-visible {
  outline: 2px solid #B08A3E;
  outline-offset: 2px;
}
.guide-faq__q:hover {
  color: #6E5420;
}

.guide-faq__icon {
  position: relative;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
}
.guide-faq__icon::before, .guide-faq__icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 2px;
  background: currentColor;
}
.guide-faq__icon::after {
  transform: rotate(90deg);
  transition: transform var(--pr-ease);
}

.guide-faq__item[open] .guide-faq__icon::after {
  transform: rotate(0deg);
  opacity: 0;
}

.guide-faq__a {
  padding: 0 0 18px;
  font: 400 16px/1.6 var(--pr-font-body);
  color: #3E464D;
}
.guide-faq__a p {
  margin: 0;
  max-width: 820px;
}
.guide-faq__a a {
  color: var(--pr-text);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.guide-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-top: 40px;
}
.guide-actions__link {
  color: var(--pr-text);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
}
.guide-actions__link:hover {
  color: var(--pr-text);
  text-decoration-color: var(--pr-text);
}

.guide-updated {
  margin: 24px 0 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-muted);
}

@media (max-width: 760px) {
  .guide-step, .guide-step--image {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 20px;
    gap: 4px 14px;
  }
  .guide-step__n {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
  .guide-step__fig {
    grid-column: 1/-1;
  }
  .guide-code {
    padding: 18px;
  }
  .guide-code__value {
    font-size: 28px;
  }
  .guide-code__row {
    flex-wrap: nowrap;
  }
  .guide-step__fig {
    margin-top: 14px;
  }
  .guide-faq__q {
    padding: 16px 0;
    font-size: 17px;
  }
  .guide-hero > .pr-container {
    padding-bottom: 32px;
  }
}
/* ================= инструкция v2 (README-53, прототип «timeline»): resources/views/public/brokers/guide.blade.php ================= */
.guide2-hero {
  background: #22282B;
  color: #fff;
}
.guide2-hero > .pr-container {
  padding-top: 32px;
  padding-bottom: 56px;
}
.guide2-hero .pr-crumbs {
  margin-bottom: 28px;
}
.guide2-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 56px;
  align-items: center;
}
.guide2-hero__text {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}
.guide2-hero h1 {
  margin: 0;
  font: 400 50px/1.1 var(--pr-font-display);
  color: #fff;
}
.guide2-hero__intro {
  margin: 0;
  max-width: 560px;
  font: 400 18px/1.55 var(--pr-font-body);
  color: #C5CBD0;
}
.guide2-hero__bullets {
  display: grid;
  gap: 10px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  font: 400 15px/1.45 var(--pr-font-body);
  color: #E3E6E8;
}
.guide2-hero__bullets li {
  display: flex;
  gap: 10px;
  align-items: baseline;
}
.guide2-hero__bullets li::before {
  content: "✓";
  flex: none;
  color: #D9B66A;
}

/* карточка кода: подпись, код + Copy одним блоком, подсказка, «New to …» + контурная «Open an account ↗» */
.guide2-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px 28px;
  border: 1px solid #3A4247;
  border-top: 3px solid #B08A3E;
  background: #2C3338;
}
.guide2-card__label {
  font: 400 13px/1.3 var(--pr-font-body);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #AEB6BD;
}
.guide2-card__code {
  display: flex;
  align-items: stretch;
  border: 1px solid #4A535C;
}
.guide2-card__value {
  flex: 1;
  min-width: 0;
  padding: 10px 20px;
  background: #181C1E;
  font: 500 40px/1.15 var(--pr-font-display);
  letter-spacing: 1px;
  color: #D9B66A;
  overflow-wrap: anywhere;
}
.guide2-card__hint {
  margin: 0;
  font: 400 14px/1.5 var(--pr-font-body);
  color: #C5CBD0;
}
.guide2-card__new {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 4px;
  padding-top: 18px;
  border-top: 1px solid #3A4247;
  font: 400 14px/1.45 var(--pr-font-body);
  color: #C5CBD0;
}
.guide2-card__open {
  flex: none;
  padding: 10px 16px;
  border: 1px solid #D9B66A;
  border-radius: var(--radius-control);
  color: #fff;
  font: 500 15px/1.2 var(--pr-font-body);
  text-decoration: none;
  transition: background-color var(--pr-ease);
}
.guide2-card__open:hover {
  background: rgba(217, 182, 106, 0.12);
  color: #fff;
}
.guide2-card__open:focus-visible {
  outline: 2px solid #D9B66A;
  outline-offset: 2px;
}

/* кнопка «Copy» карточки: сплошная золотая вплотную к коду; после нажатия «Copied ✓» на #E8CF96 */
.pr-copybtn--hero {
  min-width: 120px;
  padding: 0 24px;
  border: 0;
  border-radius: 0;
  background: #D9B66A;
  color: #1F2427;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
.pr-copybtn--hero:hover {
  background: #E2C27E;
}
.pr-copybtn--hero.is-copied {
  background: #E8CF96;
}
.pr-copybtn--hero:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.guide2-steps > .pr-container {
  padding-top: 56px;
  padding-bottom: 64px;
}

.guide2-h2 {
  margin: 0 0 20px;
  font: 500 30px/1.2 var(--pr-font-display);
  color: var(--pr-text);
}

.guide2-steps .bv3-tabs {
  margin-bottom: 20px;
}

/* шаги — одна белая карточка, лента: номер 36px, линия 2px между номерами (у последнего нет) */
.guide2-list {
  margin: 0;
  padding: 8px 0;
  list-style: none;
  border: 1px solid #DDE1E5;
  border-radius: var(--radius-card);
  background: #fff;
}

.guide2-step {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  column-gap: 24px;
  padding: 0 32px;
}
.guide2-step--image {
  grid-template-columns: 40px minmax(0, 1fr) 280px;
}
.guide2-step__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
}
.guide2-step__rail::after {
  content: "";
  flex: 1;
  width: 2px;
  margin-top: 6px;
  background: #E5D6B0;
}
.guide2-step:last-child .guide2-step__rail::after {
  background: transparent;
}
.guide2-step__n {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #B08A3E;
  color: #fff;
  font: 500 18px/1 var(--pr-font-display);
  font-variant-numeric: lining-nums;
}
.guide2-step__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 28px 0;
}
.guide2-step__title {
  margin: 0;
  font: 500 21px/1.3 var(--pr-font-display);
  color: var(--pr-text);
}
.guide2-step__text {
  max-width: 560px;
  font: 400 15px/1.55 var(--pr-font-body);
  color: #3E464D;
}
.guide2-step__text p {
  margin: 0 0 8px;
}
.guide2-step__text p:last-child {
  margin-bottom: 0;
}
.guide2-step__text ul {
  margin: 0 0 8px;
  padding-left: 20px;
}
.guide2-step__text b, .guide2-step__text strong {
  font-weight: 500;
  color: var(--pr-text);
  overflow-wrap: anywhere;
}
.guide2-step__text a {
  color: var(--pr-text);
  text-decoration: underline;
  text-underline-offset: 0.18em;
  overflow-wrap: anywhere;
}
.guide2-step .guide-pill {
  margin-top: 6px;
}
.guide2-step__btn {
  margin-top: 6px;
  padding: 10px 16px;
  border-radius: var(--radius-control);
  background: #22282B;
  color: #fff;
  font: 500 15px/1.2 var(--pr-font-body);
  text-decoration: none;
  transition: background-color var(--pr-ease);
}
.guide2-step__btn:hover {
  background: #2F363A;
  color: #fff;
}
.guide2-step__btn:focus-visible {
  outline: 2px solid #B08A3E;
  outline-offset: 2px;
}
.guide2-step__shot {
  padding: 24px 0;
}

/* миниатюра 280×156: object-fit cover, точка обрезки — из данных шага; «⤢ Enlarge» в углу; клик — лайтбокс */
.guide2-thumb {
  position: relative;
  display: block;
  width: 280px;
  padding: 0;
  border: 1px solid #DDE1E5;
  border-radius: var(--radius-card);
  background: #fff;
  cursor: zoom-in;
  transition: border-color var(--pr-ease), box-shadow var(--pr-ease);
}
.guide2-thumb img {
  display: block;
  width: 100%;
  height: 156px;
  object-fit: cover;
}
.guide2-thumb__tag {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 4px 8px;
  background: rgba(34, 40, 43, 0.86);
  color: #fff;
  font: 500 12px/1.2 var(--pr-font-body);
}
.guide2-thumb__mob {
  display: none;
}
.guide2-thumb:hover {
  border-color: #B08A3E;
  box-shadow: var(--pr-shadow-card);
}
.guide2-thumb:focus-visible {
  outline: 2px solid #B08A3E;
  outline-offset: 2px;
}

.guide2-faq {
  margin-top: 56px;
}

.guide2-faq .guide-faq__list {
  max-width: 900px;
}

.guide2-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
.guide2-actions__main {
  padding: 14px 22px;
  border-radius: var(--radius-control);
  background: #22282B;
  color: #fff;
  font: 500 16px/1.2 var(--pr-font-body);
  text-decoration: none;
}
.guide2-actions__main:hover {
  background: #2F363A;
  color: #fff;
}
.guide2-actions__main:focus-visible {
  outline: 2px solid #B08A3E;
  outline-offset: 2px;
}
.guide2-actions__link {
  color: var(--pr-text);
  font: 500 16px/1.2 var(--pr-font-body);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
.guide2-actions__link:hover {
  color: #6E5420;
}
.guide2-actions__date {
  margin-left: auto;
  font: 400 14px/1.3 var(--pr-font-body);
  color: #5B6570;
}

/* поле кода в шаге (README-55): подпись 13px над полем, блок 44px с рамкой #C9CFD5 — белое поле с кодом и «Copy» #22282B вплотную */
.guide-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-top: 6px;
}
.guide-field__label {
  font: 400 13px/1.3 var(--pr-font-body);
  color: #5B6570;
}
.guide-field__box {
  display: inline-flex;
  align-items: stretch;
  height: 44px;
  border: 1px solid #C9CFD5;
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
}
.guide-field__code {
  display: inline-flex;
  align-items: center;
  min-width: 120px;
  padding: 0 16px;
  font: 600 16px/1 var(--pr-font-body);
  letter-spacing: 0.5px;
  color: #1F2427;
}

/* поля для копирования в шаге (README-59): строки «подпись → поле + Copy», значения моноширинным 15px, длинные — многоточие;
   на телефоне подпись над полем, поле во всю ширину */
.guide-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 640px;
  min-width: 0;
  margin-top: 6px;
}

.guide-field--mono {
  margin-top: 0;
  width: 100%;
  min-width: 0;
  align-items: stretch;
}
.guide-field--mono .guide-field__box {
  display: flex;
  width: 100%;
  min-width: 0;
}
.guide-field--mono .guide-field__code {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font: 400 15px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  line-height: 42px;
}

/* карточка с партнёрской ссылкой: ссылка 18px, на десктопе целиком, на узком экране — многоточие; Copy уже */
.guide2-card--link .pr-copybtn--hero {
  min-width: 88px;
  padding: 0 16px;
}

.guide2-card--link .guide2-card__value {
  overflow: hidden;
  padding: 12px 10px 12px 12px;
  font: 500 18px/1.3 var(--pr-font-body);
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  align-self: center;
}

.pr-copybtn--field {
  padding: 0 16px;
  border: 0;
  border-radius: 0;
  background: #22282B;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.pr-copybtn--field:hover {
  background: #2C3338;
}
.pr-copybtn--field.is-copied {
  background: #2C3338;
}
.pr-copybtn--field:focus-visible {
  outline: 2px solid #B08A3E;
  outline-offset: -3px;
}

@media (max-width: 1100px) {
  .guide2-hero__grid {
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 40px;
  }
}
@media (max-width: 760px) {
  .guide2-hero > .pr-container {
    padding-top: 24px;
    padding-bottom: 32px;
  }
  .guide2-hero .pr-crumbs {
    margin-bottom: 16px;
  }
  .guide2-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .guide2-hero h1 {
    font-size: 32px;
    line-height: 1.15;
  }
  .guide2-hero__intro {
    font-size: 16px;
    line-height: 1.5;
  }
  .guide2-card {
    padding: 18px;
    gap: 12px;
  }
  .guide2-card__value {
    padding: 8px 16px;
    font-size: 34px;
  }
  .pr-copybtn--hero {
    min-width: 104px;
    padding: 0 18px;
  }
  .guide2-card__new {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding-top: 14px;
  }
  .guide2-card__open {
    text-align: center;
  }
  .guide2-steps > .pr-container {
    padding-top: 32px;
    padding-bottom: 48px;
  }
  .guide2-h2 {
    margin-bottom: 14px;
    font-size: 24px;
  }
  .guide2-list {
    padding: 4px 0;
  }
  .guide2-step, .guide2-step--image {
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 14px;
    padding: 0 16px;
  }
  .guide2-step__rail {
    padding-top: 18px;
  }
  .guide2-step__n {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .guide2-step__body {
    padding: 20px 0;
  }
  .guide2-step__title {
    font-size: 18px;
  }
  /* миниатюра — под текстом во всю ширину колонки текста, высота 150, «⤢ Tap to enlarge» */
  .guide2-step--image .guide2-step__body {
    padding-bottom: 12px;
  }
  .guide2-step__shot {
    grid-column: 2;
    padding: 0 0 20px;
  }
  .guide2-thumb {
    width: 100%;
  }
  .guide2-thumb img {
    height: 150px;
  }
  .guide2-thumb__desk {
    display: none;
  }
  .guide2-thumb__mob {
    display: inline;
  }
  .guide2-faq {
    margin-top: 32px;
  }
  .guide2-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 28px;
  }
  .guide2-actions__main {
    padding: 14px;
    text-align: center;
  }
  .guide2-actions__date {
    margin-left: 0;
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .guide2-thumb, .guide2-card__open, .guide2-step__btn {
    transition: none;
  }
}
/* ================= инструкция «смена IB-партнёра» (README-91): resources/views/public/brokers/partials/guide-ibc.blade.php ================= */
/* плашка в шапке: «On request, not guaranteed» */
.guide-ibc__plate {
  align-self: flex-start;
  padding: 6px 12px;
  border: 1px solid rgba(217, 182, 106, 0.5);
  border-radius: var(--radius-control);
  font: 500 14px/1.2 var(--pr-font-body);
  color: #E6CF9F;
}

/* якорное меню способов (README-91): кнопки-ссылки с номером в кружке; секции не уходят под край при переходе */
.guide-ibc__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 40px;
}

.guide-ibc__nav-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 10px 10px;
  border: 1px solid #DDE1E5;
  border-radius: var(--radius-control);
  background: #fff;
  color: var(--pr-text);
  font: 500 15px/1.2 var(--pr-font-body);
  text-decoration: none;
  transition: border-color var(--pr-ease), box-shadow var(--pr-ease);
}
.guide-ibc__nav-link:hover {
  border-color: #B08A3E;
  box-shadow: var(--pr-shadow-card);
  color: var(--pr-text);
}
.guide-ibc__nav-link:focus-visible {
  outline: 2px solid #24292C;
  outline-offset: 2px;
}

.guide-ibc__nav-n {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #B08A3E;
  color: #fff;
  font: 500 15px/1 var(--pr-font-display);
  font-variant-numeric: lining-nums;
}

.guide-ibc__method {
  scroll-margin-top: 24px;
}

.guide-ibc__method + .guide-ibc__method {
  margin-top: 56px;
}

.guide-ibc__eyebrow {
  display: block;
  margin-bottom: 8px;
  font: 500 13px/1.3 var(--pr-font-body);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #6E5420;
}

.guide-ibc .guide2-h2 {
  margin-bottom: 8px;
}

.guide-ibc__sub {
  max-width: 760px;
  margin: 0 0 20px;
  font: 400 16px/1.6 var(--pr-font-body);
  color: #4A5260;
}

/* письмо брокеру: строки To / Cc / Subject (подпись — значение — Copy), текст письма, «Copy e-mail text» */
.guide-mail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 720px;
  margin-top: 6px;
}
.guide-mail__row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: stretch;
  min-height: 44px;
  border: 1px solid #C9CFD5;
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
}
.guide-mail__label {
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: #F4F5F6;
  font: 400 13px/1.3 var(--pr-font-body);
  color: #5B6570;
}
.guide-mail__value {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 8px 14px;
  font: 400 15px/1.4 var(--pr-font-body);
  color: #1F2427;
  overflow-wrap: anywhere;
}
.guide-mail__text {
  margin: 4px 0 0;
  padding: 16px 18px;
  border: 1px solid #DDE1E5;
  border-radius: var(--radius-card);
  background: #F8F9FA;
  font: 400 14px/1.6 var(--pr-font-body);
  color: #212A2E;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.guide-mail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.pr-copybtn--line {
  padding: 10px 16px;
  border: 1px solid #24292C;
  background: #fff;
  color: #24292C;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}
.pr-copybtn--line:hover {
  background: #F0F2F4;
}
.pr-copybtn--line.is-copied {
  background: #F0F2F4;
}
.pr-copybtn--line:focus-visible {
  outline: 2px solid #24292C;
  outline-offset: 2px;
}

/* предупреждение перед заявкой в кабинете брокера (то же — в мастере) */
.guide-warn {
  max-width: 760px;
  margin: 0 0 20px;
  padding: 16px 20px;
  border-left: 3px solid #B8975A;
  background: rgba(184, 151, 90, 0.12);
  font: 400 15px/1.55 var(--pr-font-body);
  color: #3E464D;
}
.guide-warn__title {
  margin: 0 0 6px;
  font-weight: 500;
  color: var(--pr-text);
}
.guide-warn ul {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.guide-warn li + li {
  margin-top: 4px;
}

/* форма брокера в шаге: «Partnership Type — IB», поле номера + Copy, Reason for Transfer; длинное название поля — перенос, без обрезки */
.guide-form {
  display: grid;
  gap: 8px;
  width: 100%;
  max-width: 720px;
  margin: 6px 0 0;
}
.guide-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border: 1px solid #DDE1E5;
  border-radius: 2px;
  background: #fff;
}
.guide-form__label {
  padding: 10px 14px;
  background: #F4F5F6;
  font: 400 14px/1.4 var(--pr-font-body);
  color: #5B6570;
  overflow-wrap: anywhere;
}
.guide-form__value {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
  min-width: 0;
}
.guide-form__value > span {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  font: 500 15px/1.4 var(--pr-font-body);
  color: #1F2427;
  overflow-wrap: anywhere;
}

/* скриншот шага — открыт, во всю ширину текста; клик — целиком */
.guide-shot {
  display: block;
  width: 100%;
  max-width: 760px;
  margin-top: 10px;
  padding: 0;
  border: 1px solid #DDE1E5;
  border-radius: var(--radius-card);
  background: #fff;
  cursor: zoom-in;
  transition: border-color var(--pr-ease), box-shadow var(--pr-ease);
}
.guide-shot img {
  display: block;
  width: 100%;
  height: auto;
}
.guide-shot:hover {
  border-color: #B08A3E;
  box-shadow: var(--pr-shadow-card);
}
.guide-shot:focus-visible {
  outline: 2px solid #B08A3E;
  outline-offset: 2px;
}

/* внизу: «After the change» и «If … declines the change» — две белые карточки */
.guide-ibc__after {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 56px;
}

.guide-ibc__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px;
  border: 1px solid #DDE1E5;
  border-radius: var(--radius-card);
  background: #fff;
  box-shadow: var(--pr-shadow-card);
}
.guide-ibc__card p {
  margin: 0;
  font: 400 15px/1.6 var(--pr-font-body);
  color: #4A5260;
}
.guide-ibc__card .guide2-actions__main {
  margin-top: 4px;
}

.guide-ibc__card-title {
  margin: 0;
  font: 500 22px/1.3 var(--pr-font-display);
  color: var(--pr-text);
}

.guide-ibc__date {
  margin: 32px 0 0;
  font: 400 14px/1.3 var(--pr-font-body);
  color: #5B6570;
}

@media (max-width: 760px) {
  .guide-ibc__method + .guide-ibc__method {
    margin-top: 40px;
  }
  .guide-ibc__nav {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 32px;
  }
  .guide-ibc__nav-link {
    width: 100%;
  }
  /* телефон: подпись — строкой над значением, значение и Copy — ниже (адреса не рвутся посередине) */
  .guide-mail__row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .guide-mail__label {
    grid-column: 1/-1;
    padding: 6px 12px 0;
    background: none;
    font-size: 12px;
  }
  .guide-mail__value {
    padding: 2px 12px 10px;
    font-size: 14px;
  }
  .guide-mail__text {
    padding: 12px 14px;
    font-size: 13px;
  }
  .guide-form__row {
    grid-template-columns: minmax(0, 1fr);
  }
  .guide-warn {
    padding: 14px 16px;
  }
  .guide-ibc__after {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-top: 40px;
  }
  .guide-ibc__card {
    padding: 20px;
  }
  .guide-ibc__card .guide2-actions__main {
    align-self: stretch;
    text-align: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .guide-shot, .guide-ibc__nav-link {
    transition: none;
  }
}
/* ================= окно просмотра картинки (README-49): resources/views/public/partials/lightbox.blade.php ================= */
.pr-lightbox-open {
  overflow: hidden;
}

.pr-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(17, 22, 24, 0.82);
}
.pr-lightbox[hidden] {
  display: none;
}
.pr-lightbox__box {
  position: relative;
  max-width: min(1600px, 100%);
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.pr-lightbox__img {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 140px);
  width: auto;
  height: auto;
  background: #fff;
  border-radius: var(--radius-card);
}
.pr-lightbox__caption {
  align-self: stretch;
  margin: 0;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-on-dark);
}
.pr-lightbox__close {
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--radius-control);
  background: transparent;
  color: #fff;
  font: 500 var(--pr-fs-small)/1.2 var(--pr-font-body);
  cursor: pointer;
}
.pr-lightbox__close:hover {
  border-color: #fff;
}
.pr-lightbox__close:focus-visible {
  outline: 2px solid #d9bf8c;
  outline-offset: 2px;
}

/* ================= блок IB code (v3): карточка со скриншотом поля кода (README-49) ================= */
.bv3-ibshot {
  margin: 0;
}
.bv3-ibshot__btn {
  display: block;
  width: 100%;
  height: 180px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
  background: var(--pr-surface);
  cursor: zoom-in;
  transition: border-color var(--pr-ease), box-shadow var(--pr-ease);
}
.bv3-ibshot__btn img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bv3-ibshot__btn:hover {
  border-color: #9AA3A8;
  box-shadow: var(--pr-shadow-card);
}
.bv3-ibshot__btn:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
}
.bv3-ibshot__link {
  display: inline-block;
  margin-top: 10px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--pr-text);
  font: 500 var(--pr-fs-small)/1.4 var(--pr-font-body);
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--pr-border);
  cursor: pointer;
}
.bv3-ibshot__link:hover {
  text-decoration-color: var(--pr-text);
}
.bv3-ibshot__link:focus-visible {
  outline: 2px solid var(--pr-dark);
  outline-offset: 2px;
}
.bv3-ibshot__guide {
  display: block;
  margin-top: 6px;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
  color: var(--pr-text-secondary);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

@media (prefers-reduced-motion: reduce) {
  .guide-zoom, .bv3-ibshot__btn {
    transition: none;
  }
}
/* карточка IB code со скриншотом: поля и шаги слева, превью справа; на телефоне — превью под текстом (README-49) */
.bv3-ib__card--shot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
  gap: 24px 32px;
  align-items: start;
}
@media (max-width: 760px) {
  .bv3-ib__card--shot {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* класс активов без ставок в таблице по инструментам — чип «Eligible» без суммы в строке группы (README-60) */
.bv3-chip-eligible {
  display: inline-block;
  margin-left: 12px;
  padding: 2px 10px;
  border: 1px solid #C9CFD5;
  border-radius: var(--radius-control);
  background: #fff;
  font: var(--pr-fw-medium, 500) 13px/1.2 var(--pr-font-body);
  letter-spacing: 0;
  text-transform: none;
  color: #212A2E;
  vertical-align: middle;
}

/* README-82: «How we calculate» под таблицей по инструментам — слева формула, справа пример по выбранной строке (телефон — одна колонка) */
.bv3-how {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px 32px;
  margin-top: 24px;
  padding: 24px;
  background: var(--pr-surface);
  border: 1px solid var(--pr-border);
  border-radius: var(--radius-card);
}
@media (max-width: 760px) {
  .bv3-how {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 16px;
  }
}

.bv3-sec--band .bv3-how {
  box-shadow: var(--pr-shadow-card);
}

.bv3-how__title, .bv3-how__ex-title {
  margin: 0 0 12px;
  font: var(--pr-fw-medium, 500) var(--pr-fs-body)/var(--pr-lh-ui) var(--pr-font-body);
  color: var(--pr-text);
}

.bv3-how__list {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--pr-text-body, #4A5260);
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
}
.bv3-how__list li + li {
  margin-top: 6px;
}

.bv3-how__lines {
  margin: 0;
  font-variant-numeric: tabular-nums;
}

.bv3-how__line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 6px 0;
  border-bottom: 1px solid #ECEEF1;
  font: var(--pr-fw-regular) var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  letter-spacing: 0;
}
.bv3-how__line dt {
  color: var(--pr-text-muted);
}
.bv3-how__line dd {
  margin: 0;
  color: var(--pr-text);
  white-space: nowrap;
}

.bv3-how__line--total {
  border-bottom: 0;
}
.bv3-how__line--total dt, .bv3-how__line--total dd {
  color: var(--pr-text);
  font-weight: var(--pr-fw-medium, 500);
}

/* строка таблицы с примером — выбирается кликом или Enter; выбранная подсвечена */
.bv3-inst tr.bv3-exrow {
  cursor: pointer;
}

.bv3-inst tr.bv3-exrow:focus-visible {
  outline: 2px solid #24292c;
  outline-offset: -2px;
}

/* README-83 (владелец 2026-10-16): выбранная строка — лёгкая подложка матового золота и золотая полоса слева (токены tokens.css) */
.bv3-inst tr.bv3-exrow.is-sel td {
  background: var(--pr-row-selected-bg);
}

.bv3-inst tr.bv3-exrow.is-sel td.k {
  box-shadow: inset 3px 0 0 var(--pr-row-selected-bar);
}

/* README-82: телефон (таблица — карточки) — подсветка выбранной строки целиком, без заливки отдельных ячеек */
@media (max-width: 760px) {
  .bv3-inst tr.bv3-exrow.is-sel {
    background: var(--pr-row-selected-bg);
    box-shadow: inset 3px 0 0 var(--pr-row-selected-bar);
  }
  .bv3-inst tr.bv3-exrow.is-sel td, .bv3-inst tr.bv3-exrow.is-sel td.k {
    background: none;
    box-shadow: none;
  }
}
/* README-83: заголовки групп таблицы инструментов — без серой заливки: мелкий приглушённый текст и тонкая линия (выбранная строка не сливается) */
.bv3-inst .bv3-grp th {
  background: none;
  color: var(--pr-text-muted);
  font: 500 var(--pr-fs-small)/var(--pr-lh-small) var(--pr-font-body);
  padding-top: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ECEEF1;
}