/* ==========================================================================
   brokery — «Котировки». components.css: все компоненты дизайн-системы.
   Один класс — один стиль везде; вариации — модификаторами (--x), состояния — .is-x и aria-*.

   СПИСОК КОМПОНЕНТОВ И КЛАССОВ
   Панель            .br-panel, __head, __title, __meta, __body, __foot; .br-candles (знак из свечей)
   Строка-тикер      .br-ticker, __row, __cell, __label, __val                         (только главная)
   Первый экран      .br-hero, __head, __meta, __grid; .br-anchors (якорные чипы на мобильном)
   Кнопки            .br-btn, --primary, --secondary, --text, --s, --block, --on-dark
   Плитка логотипа   .br-logo, --s (32), --l (56); __img
   Бейджи            .br-badge, --ink, --good, --warn, --bad, --ad
   Дельта            .br-delta, --good, --bad, --flat, --chip; __label
   Свеча на боку     .br-range, --bad, --ink; __val, __track, __wick, __body; .br-range-legend
   Спарклайн         .br-spark, --good, --bad
   Оценка            .br-score (короткая), __of; .br-score-full, __total, __row; .br-scale, __fill, --none
   Таблица рейтинга  .br-table-wrap, .br-table, --compact; __th, --num; .br-sort; __row; __rank, __broker,
                     __broker-in, __name, __what, __sub, __sub-extra; __cell, --num, --text, --extra, --accent;
                     __col--wide, __col--calc, __col--service, __col--futures, __col--iis; __iis-in, __th-extra,
                     __lic, __lic-word; модификатор таблицы --accent; __score; __actions,
                     __actions-in, __toggle; .br-table-empty; .br-found; .br-more
                     состояния строки: .is-clipped, .is-clipped-m, .is-filtered, .is-open; таблицы: .is-calc
   Фильтры           .br-filters, __quick, __toggle, __panel, __group, __label, __row, __foot;
                     .br-chip (aria-pressed), .br-toggle, .br-select, .br-chips
   Калькулятор       .br-calc, --mini; __body, __fields, __res, __list, __item, --best, __name, __sum,
                     __total, __spark, __note; .br-field, __label, __hint; .br-input; .br-stepper; .br-seg
   Карточка компании .br-card, --top; __head, __name, __what, __badges, __score, __actions; .br-kv
   Плитки разделов   .br-tiles, .br-tile, __title, __text, __count
   Группы ссылок     .br-links, __group, __title, __list, __link
   Таблица данных    .br-dtable-wrap, .br-dtable, --num (ячейка), __hint
   Сравнения         .br-vs, __item, __pair, __or
   Шаги              .br-steps, .br-step, __n, __title, __text, __pic
   Подбор            .br-quiz, __progress, __bar, __q, __opts, __opt
   Журнал изменений  .br-log, __row
   Доверие           .br-trust, __cell, __title, __who; .br-disclosure; .br-risk
   Карточка статьи   .br-post, --lead; __rubric, __title, __text, __meta
   SEO-текст         .br-prose (h2, h3, p, ul, ol, table, blockquote); .br-note, --warn, --risk;
                     .br-answer; .br-toc
   FAQ               .br-faq, __item, __q, __a
   Хлебные крошки    .br-crumbs, __item
   Вкладки           .br-tabs, __tab (aria-selected)
   Плюсы и минусы    .br-proscons, __col, __title, __list, --plus, --minus
   Паспорт           .br-passport, __row
   Панель сравнения  .br-cmpbar, __in, __count, __items, __item, __hint; .br-cmp-check
   Кнопка в обзоре   .br-gobar (до 767px)
   Шапка и подвал    — в base.css: .br-header, .br-nav, .br-drop, .br-burger, .br-brand, .br-sign, .br-footer
   ========================================================================== */

/* ---------- Панель ---------- */
.br-panel { border-top: var(--br-rule); min-width: 0; }
.br-panel__head { display: flex; align-items: center; justify-content: space-between; gap: var(--br-sp-12); min-height: var(--br-panel-head-h); padding: var(--br-sp-8) 0; }
.br-panel__title { display: inline-flex; align-items: center; gap: var(--br-sp-8); }
.br-panel__meta { font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); text-align: right; }
.br-panel__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--br-sp-8) var(--br-sp-24); padding: var(--br-sp-12) 0 0; }
.br-candles { width: 16px; height: 16px; flex: none; }
.br-candles--l { width: 48px; height: 48px; }

/* ---------- Строка-тикер (статичная) ---------- */
.br-ticker { background: var(--br-dark); color: var(--br-on-dark); }
.br-ticker :focus-visible { outline: var(--br-focus-on-dark); outline-offset: -2px; }
.br-ticker__row { display: flex; height: var(--br-ticker-h); white-space: nowrap; overflow-x: auto; scrollbar-width: none; padding: 0; max-width: var(--br-container); margin: 0 auto; }
.br-ticker__row::-webkit-scrollbar { display: none; }
.br-ticker__row:hover { background: var(--br-dark-2); }
.br-ticker__cell { display: inline-flex; align-items: center; gap: var(--br-sp-8); padding: 0 var(--br-sp-16); border-right: var(--br-border-dark); flex: none; }
.br-ticker__label { font: var(--br-fw-semibold) var(--br-fs-caps)/var(--br-lh-caps) var(--br-font-heading); letter-spacing: var(--br-ls-caps); text-transform: uppercase; color: var(--br-on-dark-muted); }
.br-ticker__val { font: var(--br-fw-medium) var(--br-fs-ticker)/var(--br-lh-ticker) var(--br-font-mono); font-variant-numeric: tabular-nums; }
@media (min-width: 768px) { .br-ticker__row { padding: 0 calc(var(--br-gutter) - var(--br-sp-16)); } }

/* ---------- Первый экран ---------- */
.br-hero { padding-top: var(--br-sp-20); }
.br-hero__head { display: grid; gap: var(--br-sp-8) var(--br-sp-24); margin-bottom: var(--br-sp-16); }
.br-hero__head > * { min-width: 0; }
.br-hero__head .br-lead { margin-top: var(--br-sp-8); max-width: 1040px; }
.br-hero__meta { font-size: var(--br-fs-small); line-height: var(--br-lh-small); color: var(--br-text-muted); }
.br-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-32) var(--br-gap); }
.br-hero__grid > * { min-width: 0; }
.br-anchors { display: flex; gap: var(--br-sp-8); overflow-x: auto; scrollbar-width: none; margin-bottom: var(--br-sp-16); }
.br-anchors::-webkit-scrollbar { display: none; }
@media (min-width: 768px) {
  .br-hero { padding-top: var(--br-sp-24); }
  .br-anchors { display: none; }
}
@media (min-width: 1200px) {
  .br-hero__head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; margin-bottom: var(--br-sp-20); }
  .br-hero__meta { text-align: right; padding-bottom: var(--br-sp-4); }
  .br-hero__grid { grid-template-columns: minmax(0, 1fr) var(--br-aside-w); align-items: start; }
}

/* ---------- Кнопки ---------- */
.br-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--br-sp-8);
  min-height: var(--br-control-h); padding: 0 var(--br-sp-20); border: var(--br-bw) solid transparent; border-radius: var(--br-r-1);
  font: var(--br-fw-semibold) var(--br-fs-ui)/var(--br-lh-ui) var(--br-font-heading); letter-spacing: var(--br-ls-btn); text-transform: uppercase;
  white-space: nowrap; cursor: pointer; position: relative; z-index: 1; text-align: center;
}
.br-btn--primary { background: var(--br-accent); border-color: var(--br-accent); color: var(--br-on-accent); }
.br-btn--primary:hover, .br-btn--primary:active { background: var(--br-accent-press); border-color: var(--br-accent-press); }
.br-btn--secondary { background: var(--br-bg); border-color: var(--br-line-ink); color: var(--br-text); }
.br-btn--secondary:hover, .br-btn--secondary:active { background: var(--br-text); color: var(--br-on-dark); }
.br-btn--text {
  min-height: var(--br-control-h); padding: 0; border: 0; text-transform: none; letter-spacing: 0;
  font: var(--br-fw-regular) var(--br-fs-ui)/var(--br-lh-ui) var(--br-font-body); color: var(--br-accent-deep);
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: normal; text-align: left;
}
.br-btn--text:hover { color: var(--br-text); text-decoration-thickness: 2px; }
.br-btn--s { min-height: var(--br-control-h); padding: 0 var(--br-sp-12); }
.br-btn--block { width: 100%; }
.br-btn:disabled, .br-btn[aria-disabled="true"] { background: var(--br-bg-3); border-color: var(--br-bg-3); color: var(--br-text-muted); cursor: default; }
.br-btn--on-dark.br-btn--text { color: var(--br-on-dark); }
@media (min-width: 768px) { .br-btn--s { min-height: var(--br-control-h-s); } }

/* ---------- Плитка логотипа ---------- */
.br-logo {
  position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: var(--br-logo-m); height: var(--br-logo-m); background: var(--br-bg-2); border: var(--br-border);
  font: var(--br-fw-bold) 20px/1 var(--br-font-heading); color: var(--br-text); text-transform: uppercase; overflow: hidden;
}
.br-logo__img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 6px; background: var(--br-bg); object-fit: contain; }
.br-logo--s { width: var(--br-logo-s); height: var(--br-logo-s); font-size: 16px; }
.br-logo--s .br-logo__img { padding: 4px; }
.br-logo--l { width: var(--br-logo-l); height: var(--br-logo-l); font-size: 28px; }
.br-logo--l .br-logo__img { padding: 8px; }

/* ---------- Бейджи ---------- */
.br-badge {
  display: inline-flex; align-items: center; min-height: 22px; padding: 2px 6px; border: var(--br-border-strong); border-radius: var(--br-r-1);
  background: var(--br-bg); color: var(--br-text);
  font: var(--br-fw-semibold) var(--br-fs-caps)/var(--br-lh-caps) var(--br-font-heading); letter-spacing: var(--br-ls-caps); text-transform: uppercase;
}
.br-badge--ink { background: var(--br-text); border-color: var(--br-text); color: var(--br-on-dark); }
.br-badge--good { background: var(--br-success-tint); border-color: var(--br-success-tint); color: var(--br-success); }
.br-badge--warn { background: var(--br-warning-tint); border-color: var(--br-warning-tint); color: var(--br-warning); }
.br-badge--bad { background: var(--br-error-tint); border-color: var(--br-error-tint); color: var(--br-error); }
.br-badge--ad { border-color: var(--br-line); color: var(--br-text-muted); }

/* ---------- Дельта: цвет = выгода клиента, треугольник = направление ---------- */
.br-delta { display: inline-flex; align-items: center; gap: var(--br-sp-4); font: var(--br-fw-medium) var(--br-fs-micro)/var(--br-lh-micro) var(--br-font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--br-text-muted); }
.br-delta svg { width: var(--br-delta-mark); height: var(--br-delta-mark); flex: none; }
.br-delta--good { color: var(--br-accent-deep); }
.br-delta--bad { color: var(--br-accent-2-deep); }
.br-delta--chip { padding: 2px 6px; border-radius: var(--br-r-1); background: var(--br-bg-2); white-space: normal; }
.br-delta--chip.br-delta--good { background: var(--br-accent-tint); }
.br-delta--chip.br-delta--bad { background: var(--br-accent-2-tint); }
.br-delta__label { display: block; font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); font-family: var(--br-font-body); white-space: nowrap; }

/* ---------- Свеча на боку: диапазон комиссии на общей шкале каталога ---------- */
.br-range { display: flex; align-items: center; gap: var(--br-sp-8); flex-wrap: wrap; }
.br-range__val { font: var(--br-fw-medium) var(--br-fs-num)/var(--br-lh-num) var(--br-font-mono); white-space: nowrap; }
.br-range__track { position: relative; flex: 1 1 96px; min-width: 96px; height: var(--br-range-h); }
.br-range__wick { position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--br-line-ink); }
.br-range__body {
  position: absolute; top: calc((var(--br-range-h) - var(--br-range-body-h)) / 2); height: var(--br-range-body-h); min-width: 4px; background: var(--br-accent);
  left: calc((var(--from) - var(--min)) / (var(--max) - var(--min)) * 100%);
  width: calc((var(--to) - var(--from)) / (var(--max) - var(--min)) * 100%);
}
.br-range--bad .br-range__body { background: var(--br-accent-2); }
.br-range--ink .br-range__body { background: var(--br-text); }
.br-range-legend { margin-top: var(--br-sp-8); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }

/* ---------- Спарклайн: только по настоящему ряду ---------- */
.br-spark { width: var(--br-spark-w-l); height: var(--br-spark-h-l); flex: none; color: var(--br-text); overflow: visible; }
.br-spark polyline { fill: none; stroke: currentColor; stroke-width: var(--br-spark-stroke); stroke-linejoin: miter; vector-effect: non-scaling-stroke; }
.br-spark rect { fill: currentColor; }
.br-spark--good { color: var(--br-accent-deep); }
.br-spark--bad { color: var(--br-accent-2-deep); }

/* ---------- Оценка ---------- */
.br-score { display: inline-flex; align-items: baseline; gap: var(--br-sp-4); white-space: nowrap; color: var(--br-text); }
.br-score__val { letter-spacing: -0.04em; font: var(--br-fw-num-strong) var(--br-fs-num-l)/var(--br-lh-num-l) var(--br-font-mono); font-variant-numeric: tabular-nums; }
.br-score__of { font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }
.br-score-full__total { font: var(--br-fw-num-strong) 40px/44px var(--br-font-mono); }
.br-score-full__row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--br-sp-4) var(--br-sp-12); align-items: center; padding: var(--br-sp-8) 0; border-top: var(--br-border); font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-score-full__row .br-scale { grid-column: 1 / -1; }
.br-scale { display: block; height: var(--br-scale-h); background: var(--br-bg-3); }
.br-scale__fill { display: block; height: 100%; background: var(--br-accent); width: calc(var(--v) / 5 * 100%); }
.br-scale--none .br-scale__fill { background: var(--br-text-muted); }
@media (min-width: 768px) {
  .br-score-full__row { grid-template-columns: minmax(0, 220px) 48px minmax(0, 1fr) 40px; }
  .br-score-full__row .br-scale { grid-column: auto; }
}

/* ---------- Чипы, переключатели, поля ---------- */
.br-chips { display: flex; flex-wrap: wrap; gap: var(--br-sp-8); }
.br-chip {
  display: inline-flex; align-items: center; gap: var(--br-sp-4); flex: none; min-height: var(--br-chip-h); padding: 0 var(--br-sp-12);
  border: var(--br-border-strong); border-radius: var(--br-r-1); background: var(--br-bg); color: var(--br-text);
  font: var(--br-fw-regular) var(--br-fs-small)/var(--br-lh-small) var(--br-font-body); white-space: nowrap; cursor: pointer;
}
.br-chip:hover { background: var(--br-bg-2); border-color: var(--br-line-ink); }
.br-chip .br-icon { display: none; }
.br-chip[aria-pressed="true"] { background: var(--br-text); border-color: var(--br-text); color: var(--br-on-dark); }
.br-chip[aria-pressed="true"] .br-icon { display: block; }
.br-chip:disabled { background: var(--br-surface); color: var(--br-text-muted); border-color: var(--br-bg-3); cursor: default; }
.br-chip__n { font-family: var(--br-font-mono); font-size: var(--br-fs-micro); }

.br-toggle { display: inline-flex; align-items: center; gap: var(--br-sp-8); min-height: var(--br-control-h); cursor: pointer; font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-toggle input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.br-toggle__track { position: relative; flex: none; width: 36px; height: 20px; border-radius: var(--br-r-1); background: var(--br-bg-3); border: var(--br-border-strong); }
.br-toggle__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; background: var(--br-bg); border: var(--br-border-ink); }
.br-toggle input:checked + .br-toggle__track { background: var(--br-accent); border-color: var(--br-line-ink); }
.br-toggle input:checked + .br-toggle__track::after { left: 18px; }
.br-toggle input:focus-visible + .br-toggle__track { outline: var(--br-focus); outline-offset: var(--br-focus-offset); }
.br-toggle:hover .br-toggle__track { border-color: var(--br-line-ink); }

.br-field { display: block; min-width: 0; }
.br-field__label { display: block; margin-bottom: var(--br-sp-4); font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-field__hint { display: block; margin-top: var(--br-sp-4); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }
.br-field__error { display: block; margin-top: var(--br-sp-4); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-error); }
.br-input, .br-select {
  display: block; width: 100%; height: var(--br-control-h); padding: 0 var(--br-sp-12); background: var(--br-bg);
  border: var(--br-border-strong); border-radius: var(--br-r-1); font-size: var(--br-fs-input); line-height: var(--br-lh-input); min-width: 0;
}
.br-input { font-family: var(--br-font-mono); font-weight: var(--br-fw-medium); font-variant-numeric: tabular-nums; }
.br-input:hover, .br-select:hover { border-color: var(--br-line-ink); }
.br-input[aria-invalid="true"] { border-color: var(--br-error); background: var(--br-error-tint); }
.br-select { appearance: none; padding-right: var(--br-sp-32); font-family: var(--br-font-body); cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%230E1116' stroke-width='1.5'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 8px center; background-size: 20px 20px; }
.br-stepper { display: grid; grid-template-columns: var(--br-control-h) minmax(0, 1fr) var(--br-control-h); }
.br-stepper .br-input { border-radius: 0; border-left: 0; border-right: 0; text-align: center; }
.br-stepper__btn { height: var(--br-control-h); border: var(--br-border-strong); background: var(--br-bg); display: inline-flex; align-items: center; justify-content: center; }
.br-stepper__btn:first-child { border-radius: var(--br-r-1) 0 0 var(--br-r-1); }
.br-stepper__btn:last-child { border-radius: 0 var(--br-r-1) var(--br-r-1) 0; }
.br-stepper__btn:hover { background: var(--br-text); border-color: var(--br-text); color: var(--br-on-dark); }
.br-seg { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); border: var(--br-border-ink); border-radius: var(--br-r-1); background: var(--br-bg); overflow: hidden; }
.br-seg__btn { min-height: calc(var(--br-control-h) - 2px); padding: 0 var(--br-sp-8); font: var(--br-fw-semibold) var(--br-fs-ui)/var(--br-lh-ui) var(--br-font-heading); text-align: center; }
.br-seg__btn + .br-seg__btn { border-left: var(--br-border-ink); }
.br-seg__btn:hover { background: var(--br-bg-2); }
.br-seg__btn[aria-pressed="true"] { background: var(--br-text); color: var(--br-on-dark); }
.br-seg__btn:focus-visible { outline-offset: -4px; }

/* ---------- Фильтры ---------- */
.br-filters { padding: var(--br-sp-12) 0; border-bottom: var(--br-border); }
.br-filters__quick { display: flex; align-items: center; gap: var(--br-sp-8); overflow-x: auto; scrollbar-width: none; }
.br-filters__quick::-webkit-scrollbar { display: none; }
.br-filters__toggle .br-icon { display: block; }
.br-filters__panel { display: none; }
.br-filters__panel.is-open {
  display: block; position: fixed; inset: 0; z-index: var(--br-z-menu); background: var(--br-bg); overflow-y: auto;
  padding: var(--br-sp-16) var(--br-gutter) 96px;
}
.br-filters__top { display: flex; align-items: center; justify-content: space-between; gap: var(--br-sp-16); margin-bottom: var(--br-sp-8); }
.br-filters__group { padding: var(--br-sp-12) 0; border-top: var(--br-border); min-width: 0; }
.br-filters__label { display: block; margin-bottom: var(--br-sp-8); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }
.br-filters__foot { position: fixed; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--br-sp-16); align-items: center; padding: var(--br-sp-12) var(--br-gutter); background: var(--br-bg); border-top: var(--br-rule); }
.br-found { display: flex; flex-wrap: wrap; align-items: center; gap: var(--br-sp-4) var(--br-sp-16); padding: var(--br-sp-8) 0; font-size: var(--br-fs-small); line-height: var(--br-lh-small); color: var(--br-text-muted); }
.br-found__n { color: var(--br-text); font-weight: var(--br-fw-num-strong); }
.br-found__reset { min-height: 32px; }
@media (min-width: 768px) {
  .br-filters__quick { flex-wrap: wrap; overflow: visible; }
  .br-filters__panel.is-open { position: static; padding: var(--br-sp-12) 0 0; overflow: visible; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--br-gap); }
  .br-filters__top, .br-filters__foot { display: none; }
  .br-filters__group--wide { grid-column: 1 / -1; }
}
@media (min-width: 1200px) {
  .br-filters__panel.is-open { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .br-filters__group--wide { grid-column: span 2; }
}

/* ---------- Таблица рейтинга ----------
   До 767px каждая строка — карточка. С 768px — таблица.
   Набор колонок зависит от ширины самой таблицы, а не окна (табло на главной стоит рядом
   с калькулятором): контейнерный запрос на .br-table-wrap, а не третий медиазапрос. */
.br-table-wrap { container: br-table / inline-size; border-top: var(--br-rule); min-width: 0; }
.br-table, .br-table tbody { display: block; }
.br-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.br-table__row { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-sp-12) var(--br-sp-16); padding: var(--br-sp-16) 0; border-bottom: var(--br-border-ink); }
.br-table__row.is-clipped, .br-table__row.is-clipped-m, .br-table__row.is-filtered { display: none; }
.br-table td { display: block; min-width: 0; }
.br-table__rank { position: absolute; left: 0; top: 27px; width: 24px; font: var(--br-fw-medium) var(--br-fs-micro)/var(--br-lh-micro) var(--br-font-mono); color: var(--br-text-muted); }
.br-table__broker { grid-column: 1 / -1; padding: 0 76px 0 28px; }
.br-table__broker-in { display: flex; gap: var(--br-sp-12); align-items: flex-start; }
.br-table__broker-in > div { min-width: 0; }
.br-table__name { font-weight: var(--br-fw-bold); font-size: 16px; line-height: 20px; color: var(--br-text); }
.br-table__name::after { content: ""; position: absolute; inset: 0; }
.br-table__row:hover .br-table__name { color: var(--br-accent-deep); text-decoration: underline; text-underline-offset: 3px; }
.br-table__what { margin-top: 2px; font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); }
.br-table__sub { margin-top: 2px; font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }
.br-table__sub-extra { display: none; }
.br-table__lic { white-space: nowrap; }
.br-table .br-table__iis-in, .br-table__th-extra { display: none; }
.br-table__score { position: absolute; right: 0; top: var(--br-sp-16); text-align: right; }
.br-table__score .br-badge { white-space: nowrap; }
.br-table__cell { font-size: var(--br-fs-table); line-height: var(--br-lh-table); }
.br-table__cell[data-label]::before { content: attr(data-label); display: block; margin-bottom: 2px; font: var(--br-fw-regular) var(--br-fs-micro)/var(--br-lh-micro) var(--br-font-body); color: var(--br-text-muted); }
.br-table__cell .br-num { font-size: var(--br-fs-num); line-height: var(--br-lh-num); }
.br-table__cell--text { font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); }
.br-table__cell .br-delta, .br-table__cell .br-delta__label { display: none; }
.br-table td.br-table__cell--extra, .br-table td.br-table__col--calc { display: none; grid-column: 1 / -1; }
.br-table .br-table__row.is-open td.br-table__cell--extra, .br-table.is-calc td.br-table__col--calc, .br-table .br-table__row.is-open td.br-table__col--calc { display: block; }
.br-table__yes { white-space: nowrap; display: inline-flex; align-items: center; gap: var(--br-sp-4); color: var(--br-success); font-weight: var(--br-fw-bold); }
.br-table__list li + li { margin-top: 2px; }
.br-table__actions { grid-column: 1 / -1; }
.br-table__actions-in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-sp-8); }
.br-table__toggle { grid-column: 1 / -1; justify-self: start; min-height: 32px; position: relative; z-index: 1; font-size: var(--br-fs-small); }
.br-table__row.is-open .br-table__toggle-more, .br-table__row:not(.is-open) .br-table__toggle-less { display: none; }
.br-table-empty { display: flex; flex-direction: column; align-items: flex-start; gap: var(--br-sp-8); padding: var(--br-sp-32) 0; border-bottom: var(--br-border-ink); }
.br-more { width: 100%; margin-top: var(--br-sp-16); }

@media (min-width: 768px) {
  .br-table-wrap { overflow-x: auto; }
  .br-table { display: table; overflow-wrap: normal; }
  .br-table tbody { display: table-row-group; }
  .br-table thead { display: table-header-group; position: static; width: auto; height: auto; clip-path: none; overflow: visible; }
  .br-table__th { padding: var(--br-sp-8); background: var(--br-surface); border-bottom: var(--br-rule); color: var(--br-text-muted); vertical-align: bottom; font: var(--br-fw-semibold) var(--br-fs-caps)/var(--br-lh-caps) var(--br-font-heading); letter-spacing: var(--br-ls-caps); text-transform: uppercase; }
  .br-table__th--num { text-align: right; }
  .br-table__th--num .br-sort { text-align: right; }
  .br-table__row { display: table-row; border-bottom: 0; }
  .br-table__row.is-clipped-m { display: table-row; }
  .br-table__row.is-clipped, .br-table__row.is-filtered { display: none; }
  .br-table__row:hover td { background: var(--br-surface); }
  .br-table td { display: table-cell; padding: var(--br-sp-12) var(--br-sp-8); border-bottom: var(--br-border); vertical-align: top; height: var(--br-row-h); }
  .br-table td.is-sorted { background: var(--br-surface); }
  .br-table__rank { position: static; width: 32px; line-height: 40px; }
  .br-table__broker { min-width: 280px; overflow-wrap: anywhere; }
  .br-table--compact .br-table__broker { min-width: 240px; }
  .br-table--compact td, .br-table--compact .br-table__th { padding-left: 6px; padding-right: 6px; }
  .br-table--compact .br-table__rank { width: 24px; }
  .br-table--compact .br-table__what { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .br-table__score { position: static; white-space: nowrap; width: 1%; }
  .br-table__cell[data-label]::before { content: none; }
  .br-table__cell--num { text-align: right; white-space: nowrap; width: 1%; }
  .br-table__cell--text { min-width: 150px; max-width: 220px; }
  .br-table--compact .br-table__cell--text { min-width: 116px; width: 120px; }
  .br-table--compact .br-table__actions .br-btn { padding: 0 var(--br-sp-8); }
  .br-table__cell--accent { min-width: 190px; }
  .br-table__cell .br-delta { display: inline-flex; margin-top: 2px; }
  .br-table__cell .br-delta__label { display: block; }
  .br-table__cell--accent { background: var(--br-accent-tint); }
  .br-table__row:hover td.br-table__cell--accent { background: var(--br-accent-tint); }
  .br-table__th--accent { color: var(--br-text); }
  .br-table td.br-table__cell--extra, .br-table .br-table__row.is-open td.br-table__cell--extra { display: table-cell; }
  .br-table td.br-table__col--wide, .br-table th.br-table__col--wide, .br-table .br-table__row td.br-table__col--wide,
  .br-table td.br-table__col--calc, .br-table th.br-table__col--calc, .br-table .br-table__row.is-open td.br-table__col--calc { display: none; }
  .br-table__sub-extra { display: block; }
  .br-table.is-calc th.br-table__col--calc, .br-table.is-calc .br-table__row td.br-table__col--calc { display: table-cell; }
  .br-table.is-calc .br-table__row td.br-table__col--service, .br-table.is-calc th.br-table__col--service { display: none; }
  .br-table__actions { width: 1%; }
  .br-table__actions-in { display: flex; flex-direction: column; gap: 6px; }
  .br-table__toggle { display: none; }
  .br-table-empty { align-items: center; text-align: center; padding: var(--br-sp-48) var(--br-sp-16); }
  .br-more { width: auto; margin-top: 0; }

  /* Полный набор колонок — когда таблице хватает ширины: табло главной (--compact) — с 920px,
     обычная таблица — с 1000px, таблица с колонкой темы подборки (--accent) — с 1300px. */
  @container br-table (min-width: 920px) {
    .br-table.br-table--compact th.br-table__col--wide, .br-table.br-table--compact .br-table__row td.br-table__col--wide { display: table-cell; }
    .br-table.br-table--compact .br-table__sub-extra { display: none; }
    .br-table.br-table--compact.is-calc .br-table__row td.br-table__col--service, .br-table.br-table--compact.is-calc th.br-table__col--service { display: table-cell; }
    .br-table.br-table--compact.is-calc .br-table__row td.br-table__col--futures, .br-table.br-table--compact.is-calc th.br-table__col--futures { display: none; }
  }
  @container br-table (min-width: 1000px) {
    .br-table:not(.br-table--accent):not(.br-table--compact) th.br-table__col--wide, .br-table:not(.br-table--accent):not(.br-table--compact) .br-table__row td.br-table__col--wide { display: table-cell; }
    .br-table:not(.br-table--accent):not(.br-table--compact) .br-table__sub-extra { display: none; }
    .br-table:not(.br-table--accent):not(.br-table--compact).is-calc .br-table__row td.br-table__col--service, .br-table:not(.br-table--accent):not(.br-table--compact).is-calc th.br-table__col--service { display: table-cell; }
    .br-table:not(.br-table--accent):not(.br-table--compact).is-calc .br-table__row td.br-table__col--futures, .br-table:not(.br-table--accent):not(.br-table--compact).is-calc th.br-table__col--futures { display: none; }
  }
  @container br-table (min-width: 1300px) {
    .br-table.br-table--accent th.br-table__col--wide, .br-table.br-table--accent .br-table__row td.br-table__col--wide { display: table-cell; }
    .br-table.br-table--accent .br-table__sub-extra { display: none; }
    .br-table.br-table--accent.is-calc .br-table__row td.br-table__col--service, .br-table.br-table--accent.is-calc th.br-table__col--service { display: table-cell; }
    .br-table.br-table--accent.is-calc .br-table__row td.br-table__col--futures, .br-table.br-table--accent.is-calc th.br-table__col--futures { display: none; }
    .br-table td, .br-table__th { padding-left: var(--br-sp-12); padding-right: var(--br-sp-12); }
  }
  /* Табло главной: ИИС стоит второй строкой в колонке минимальной суммы, слова «лицензия ЦБ» — в шапке колонки */
  .br-table.br-table--compact .br-table__row td.br-table__col--iis, .br-table.br-table--compact th.br-table__col--iis { display: none; }
  .br-table--compact .br-table__iis-in { display: flex; align-items: center; justify-content: flex-end; gap: var(--br-sp-4); margin-top: 2px; font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); }
  .br-table--compact .br-table__th[data-col="min"] { min-width: 116px; }
  .br-table--compact .br-table__th-extra { display: inline; }
  .br-table--compact .br-table__lic-word { display: none; }
}

/* Кнопка сортировки в шапке таблицы */
.br-sort { display: inline; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; text-align: left; }
.br-sort:hover { color: var(--br-text); }
.br-sort__ico { display: inline-block; vertical-align: -4px; margin-left: 2px; width: 16px; height: 16px; fill: var(--br-text-faint); }
[aria-sort="ascending"] .br-sort, [aria-sort="descending"] .br-sort { color: var(--br-text); }
[aria-sort="ascending"] .br-sort__up, [aria-sort="descending"] .br-sort__down { fill: var(--br-text); }
[aria-sort="ascending"] .br-sort__down, [aria-sort="descending"] .br-sort__up { visibility: hidden; }

/* ---------- Калькулятор ---------- */
.br-calc { border: var(--br-border-ink); border-top: var(--br-rule); background: var(--br-surface); min-width: 0; }
.br-calc > .br-panel__head { padding: var(--br-sp-8) var(--br-sp-16); background: var(--br-bg); border-bottom: var(--br-border-ink); }
.br-calc__body { padding: var(--br-sp-16); }
.br-calc__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-12); }
.br-calc__res { margin-top: var(--br-sp-16); padding-top: var(--br-sp-16); border-top: var(--br-border-ink); }
.br-calc__list { margin-top: var(--br-sp-8); }
.br-calc__item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 2px var(--br-sp-12); align-items: center; padding: var(--br-sp-8) 0; border-top: var(--br-border-strong); }
.br-calc__item:first-child { border-top: 0; }
.br-calc__item .br-logo { grid-row: span 2; }
.br-calc__name { font-weight: var(--br-fw-bold); color: var(--br-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.br-calc__name:hover { color: var(--br-accent-deep); }
.br-calc__month { font-weight: var(--br-fw-num-strong); text-align: right; }
.br-calc__year { grid-column: 2 / -1; font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }
.br-calc__item--best { grid-template-columns: auto minmax(0, 1fr); padding-bottom: var(--br-sp-12); }
.br-calc__item--best .br-logo { grid-row: auto; }
.br-calc__item--best .br-calc__month { grid-column: 1 / -1; text-align: left; font-size: var(--br-fs-total); line-height: var(--br-lh-total); letter-spacing: -0.03em; }
.br-calc__item--best .br-calc__month .br-unit { font-size: var(--br-fs-body); letter-spacing: 0; }
.br-calc__item--best .br-calc__year { grid-column: 1 / -1; }
.br-calc__extra { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--br-sp-8) var(--br-sp-16); margin-top: var(--br-sp-4); }
.br-calc__spark { display: flex; align-items: center; gap: var(--br-sp-8); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }
.br-calc__note { margin-top: var(--br-sp-12); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); }
.br-calc__note + .br-calc__note { margin-top: var(--br-sp-4); }
.br-calc__actions { display: flex; flex-wrap: wrap; gap: 0 var(--br-sp-20); margin-top: var(--br-sp-8); }
@media (min-width: 768px) {
  .br-calc__body { padding: var(--br-sp-20); }
  .br-calc__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; }
  .br-calc--mini .br-calc__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--br-sp-24); align-items: start; }
  .br-calc--mini .br-calc__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .br-calc--mini .br-calc__fields > :last-child { grid-column: 1 / -1; }
  .br-calc--mini .br-calc__res { margin-top: 0; padding-top: 0; border-top: 0; }
}
@media (min-width: 1200px) {
  .br-calc:not(.br-calc--mini) .br-calc__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .br-calc:not(.br-calc--mini) .br-calc__fields > :last-child { grid-column: 1 / -1; }
}

/* ---------- Карточка компании ---------- */
.br-card { position: relative; display: flex; flex-direction: column; gap: var(--br-sp-12); padding: var(--br-sp-16); border: var(--br-border-ink); background: var(--br-bg); min-width: 0; }
.br-card:hover { outline: 1px solid var(--br-line-ink); }
.br-card--top { border-top: var(--br-bw-rule) solid var(--br-accent); }
.br-card__head { display: flex; gap: var(--br-sp-12); align-items: flex-start; }
.br-card__head > div { min-width: 0; }
.br-card__name { font: var(--br-fw-bold) 20px/24px var(--br-font-body); color: var(--br-text); }
.br-card__name::after { content: ""; position: absolute; inset: 0; }
.br-card:hover .br-card__name { color: var(--br-accent-deep); }
.br-card__what { margin-top: var(--br-sp-4); font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-card__badges { display: flex; flex-wrap: wrap; gap: var(--br-sp-4); }
.br-card__why { font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-card__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-sp-8); margin-top: auto; }
.br-kv { font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-kv__row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--br-sp-12); padding: var(--br-sp-8) 0; border-top: var(--br-border); }
.br-kv__row dt { color: var(--br-text-muted); }
.br-kv__row dd { text-align: right; min-width: 0; }
@media (min-width: 768px) { .br-card { padding: var(--br-sp-20); } }

/* ---------- Плитки разделов ---------- */
.br-tiles { display: grid; grid-template-columns: minmax(0, 1fr); border-top: var(--br-rule); }
.br-tile { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--br-sp-4) var(--br-sp-12); padding: var(--br-sp-16) 0; border-bottom: var(--br-border); min-width: 0; color: var(--br-text); }
.br-tile:hover { background: var(--br-surface); }
.br-tile__title { font: var(--br-fw-semibold) 18px/24px var(--br-font-heading); }
.br-tile:hover .br-tile__title { text-decoration: underline; text-underline-offset: 3px; }
.br-tile__text { grid-column: 1 / -1; font-size: var(--br-fs-small); line-height: var(--br-lh-small); color: var(--br-text-muted); }
.br-tile__count { font: var(--br-fw-medium) var(--br-fs-micro)/24px var(--br-font-mono); color: var(--br-text-muted); white-space: nowrap; display: inline-flex; align-items: center; gap: var(--br-sp-8); }
@media (min-width: 768px) {
  .br-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--br-gap); }
  .br-tile { padding: var(--br-sp-16) var(--br-sp-12); }
}
@media (min-width: 1200px) { .br-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------- Группы ссылок ---------- */
.br-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-24) var(--br-gap); }
.br-links__group { border-top: var(--br-rule); padding-top: var(--br-sp-12); min-width: 0; }
.br-links__title { margin-bottom: var(--br-sp-4); }
.br-links__hint { font-size: var(--br-fs-small); line-height: var(--br-lh-small); color: var(--br-text-muted); margin-bottom: var(--br-sp-8); }
.br-links__link { display: flex; align-items: center; justify-content: space-between; gap: var(--br-sp-8); min-height: var(--br-control-h); border-top: var(--br-border); font-size: var(--br-fs-ui); line-height: var(--br-lh-ui); color: var(--br-text); }
.br-links__link:hover { color: var(--br-accent-deep); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 768px) { .br-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .br-links__link { min-height: 40px; } }
@media (min-width: 1200px) { .br-links { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------- Таблица данных (сценарии, лицензии, таблицы в тексте) ---------- */
.br-dtable-wrap { overflow-x: auto; border-top: var(--br-rule); }
.br-dtable { min-width: 560px; overflow-wrap: normal; font-size: var(--br-fs-table); line-height: var(--br-lh-table); }
.br-dtable th { padding: var(--br-sp-8) var(--br-sp-12); background: var(--br-surface); border-bottom: var(--br-rule); vertical-align: bottom; color: var(--br-text-muted); font: var(--br-fw-semibold) var(--br-fs-caps)/var(--br-lh-caps) var(--br-font-heading); letter-spacing: var(--br-ls-caps); text-transform: uppercase; }
.br-dtable td { padding: var(--br-sp-12); border-bottom: var(--br-border); vertical-align: middle; }
.br-dtable tbody tr:hover td { background: var(--br-surface); }
.br-dtable .br-dtable--num { text-align: right; white-space: nowrap; }
.br-dtable__hint { display: block; margin-top: 2px; font: var(--br-fw-regular) var(--br-fs-micro)/var(--br-lh-micro) var(--br-font-body); letter-spacing: 0; text-transform: none; color: var(--br-text-muted); }
.br-dtable__name { display: inline-flex; align-items: center; gap: var(--br-sp-8); font-weight: var(--br-fw-bold); color: var(--br-text); }
.br-dtable__name:hover { color: var(--br-accent-deep); text-decoration: underline; text-underline-offset: 3px; }
.br-dtable td.is-best { background: var(--br-accent-tint); }
.br-dtable tbody tr:hover td.is-best { background: var(--br-accent-tint); }

/* ---------- Сравнения ---------- */
.br-vs { display: grid; grid-template-columns: minmax(0, 1fr); border-top: var(--br-rule); }
.br-vs__item { display: flex; align-items: center; gap: var(--br-sp-12); min-height: 64px; padding: var(--br-sp-12) 0; border-bottom: var(--br-border); color: var(--br-text); min-width: 0; }
.br-vs__item:hover { background: var(--br-surface); }
.br-vs__logos { display: inline-flex; flex: none; }
.br-vs__logos .br-logo + .br-logo { margin-left: -1px; }
.br-vs__pair { font-weight: var(--br-fw-bold); min-width: 0; flex: 1 1 auto; }
.br-vs__item:hover .br-vs__pair { text-decoration: underline; text-underline-offset: 3px; }
.br-vs__or { font-weight: var(--br-fw-regular); color: var(--br-text-muted); }
@media (min-width: 768px) { .br-vs { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--br-gap); } .br-vs__item { padding: var(--br-sp-12); } }
@media (min-width: 1200px) { .br-vs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- Шаги ---------- */
.br-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-20) var(--br-gap); counter-reset: br-step; }
.br-step { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--br-sp-4) var(--br-sp-12); align-content: start; border-top: var(--br-rule); padding-top: var(--br-sp-12); min-width: 0; }
.br-step__n { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: var(--br-border-ink); font: var(--br-fw-num-strong) 22px/1 var(--br-font-mono); }
.br-step__title { align-self: center; }
.br-step__text { grid-column: 2; font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-step__pic { grid-column: 1 / -1; margin-top: var(--br-sp-8); border: var(--br-border); background: var(--br-surface); padding: var(--br-sp-12); }
.br-step__pic svg { width: 100%; height: auto; }
.br-step__cap { margin-top: var(--br-sp-4); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); grid-column: 1 / -1; }
@media (min-width: 768px) { .br-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .br-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* ---------- Подбор ---------- */
.br-quiz { border: var(--br-border-ink); border-top: var(--br-rule); padding: var(--br-sp-16); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-16); align-items: center; }
.br-quiz > * { min-width: 0; }
.br-quiz__progress { display: flex; align-items: center; gap: var(--br-sp-12); font: var(--br-fw-medium) var(--br-fs-micro)/var(--br-lh-micro) var(--br-font-mono); color: var(--br-text-muted); }
.br-quiz__bar { flex: 1 1 auto; max-width: 200px; height: var(--br-scale-h); background: var(--br-bg-3); }
.br-quiz__bar span { display: block; height: 100%; width: 20%; background: var(--br-text); }
.br-quiz__q { margin-top: var(--br-sp-8); }
.br-quiz__opts { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-8); }
.br-quiz__opt { display: flex; align-items: center; justify-content: space-between; gap: var(--br-sp-12); min-height: 56px; padding: var(--br-sp-8) var(--br-sp-16); border: var(--br-border-ink); border-radius: var(--br-r-1); font-weight: var(--br-fw-bold); color: var(--br-text); background: var(--br-bg); }
.br-quiz__opt:hover, .br-quiz__opt[aria-pressed="true"] { background: var(--br-text); color: var(--br-on-dark); }
@media (min-width: 768px) { .br-quiz { padding: var(--br-sp-20) var(--br-sp-24); } .br-quiz__opts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .br-quiz { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--br-sp-32); } }

/* ---------- Журнал изменений ---------- */
.br-log { border-top: var(--br-rule); }
.br-log__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-4) var(--br-sp-24); padding: var(--br-sp-12) 0; border-bottom: var(--br-border); }
.br-log__row > * { min-width: 0; }
@media (min-width: 768px) { .br-log__row { grid-template-columns: 200px minmax(0, 1fr); } }

/* ---------- Доверие, раскрытие, риски ---------- */
.br-trust { display: grid; grid-template-columns: minmax(0, 1fr); border-top: var(--br-rule); }
.br-trust__cell { padding: var(--br-sp-16) 0; border-bottom: var(--br-border); min-width: 0; font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-trust__title { color: var(--br-text-muted); margin-bottom: var(--br-sp-8); }
.br-trust__who { display: flex; gap: var(--br-sp-12); align-items: center; }
.br-trust__cell p + p, .br-trust__cell p + ul { margin-top: var(--br-sp-8); }
.br-trust__cell li + li { margin-top: var(--br-sp-4); }
.br-trust__big { font: var(--br-fw-num-strong) var(--br-fs-num-l)/var(--br-lh-num-l) var(--br-font-mono); }
.br-disclosure { margin-top: var(--br-sp-12); font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); color: var(--br-text-muted); max-width: 960px; }
.br-risk { display: flex; gap: var(--br-sp-12); align-items: flex-start; padding: var(--br-sp-16); background: var(--br-surface); border-left: var(--br-bw-mark) solid var(--br-accent-2); font-size: var(--br-fs-small); line-height: var(--br-lh-small); color: var(--br-text); }
.br-risk > div { min-width: 0; max-width: 960px; }
@media (min-width: 768px) {
  .br-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .br-trust__cell { padding: var(--br-sp-16) var(--br-sp-20) var(--br-sp-16) 0; }
  .br-trust__cell:nth-child(even) { padding-left: var(--br-sp-20); border-left: var(--br-border); }
  .br-risk { padding: var(--br-sp-16) var(--br-sp-20); font-size: var(--br-fs-ui); line-height: 22px; }
}
@media (min-width: 1200px) {
  .br-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .br-trust__cell + .br-trust__cell { padding-left: var(--br-sp-20); border-left: var(--br-border); }
}

/* ---------- Карточка статьи ---------- */
.br-post { position: relative; display: flex; flex-direction: column; gap: var(--br-sp-8); border-top: var(--br-rule); padding: var(--br-sp-16) 0 var(--br-sp-20); min-width: 0; }
.br-post__rubric { color: var(--br-accent-deep); }
.br-post__title { font: var(--br-fw-semibold) 20px/24px var(--br-font-heading); color: var(--br-text); }
.br-post__title a::after { content: ""; position: absolute; inset: 0; }
.br-post:hover .br-post__title { text-decoration: underline; text-underline-offset: 3px; }
.br-post__text { font-size: var(--br-fs-small); line-height: var(--br-lh-small); color: var(--br-text-muted); }
.br-post__meta { margin-top: auto; font: var(--br-fw-regular) var(--br-fs-micro)/var(--br-lh-micro) var(--br-font-mono); color: var(--br-text-muted); }
@media (min-width: 768px) { .br-post__title { font-size: 22px; line-height: 26px; } .br-post--lead { grid-column: span 2; } .br-post--lead .br-post__title { font-size: var(--br-fs-h2); line-height: var(--br-lh-h2); } }

/* ---------- SEO-текст ---------- */
.br-prose { max-width: var(--br-measure); font-size: var(--br-fs-prose); line-height: var(--br-lh-prose); }
.br-prose > h2 { margin: var(--br-sp-40) 0 var(--br-sp-16); }
.br-prose > h2:first-child { margin-top: 0; }
.br-prose > h3 { margin: var(--br-sp-32) 0 var(--br-sp-12); }
.br-prose > h4 { margin: var(--br-sp-24) 0 var(--br-sp-8); }
.br-prose p + p, .br-prose ul + p, .br-prose ol + p, .br-prose p + ul, .br-prose p + ol { margin-top: var(--br-sp-16); }
.br-prose a { color: var(--br-accent-deep); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.br-prose a:hover { color: var(--br-text); text-decoration-thickness: 2px; }
.br-prose ul > li { position: relative; padding-left: var(--br-sp-20); }
.br-prose ul > li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: var(--br-text); }
.br-prose ol { counter-reset: br-ol; }
.br-prose ol > li { position: relative; padding-left: 28px; counter-increment: br-ol; }
.br-prose ol > li::before { content: counter(br-ol); position: absolute; left: 0; font-family: var(--br-font-mono); font-weight: var(--br-fw-medium); }
.br-prose li + li { margin-top: var(--br-sp-8); }
.br-prose blockquote { border-left: var(--br-bw-mark) solid var(--br-line-strong); padding-left: var(--br-sp-16); font-style: italic; margin: var(--br-sp-16) 0; }
.br-prose dfn { font-style: normal; border-bottom: 1px dashed var(--br-line-strong); }
.br-note { margin: var(--br-sp-16) 0; padding: var(--br-sp-16) var(--br-sp-20); background: var(--br-surface); border-left: var(--br-bw-mark) solid var(--br-line-ink); }
.br-note__title { margin-bottom: var(--br-sp-4); }
.br-note--warn { border-left-color: var(--br-warning-fill); }
.br-note--risk { border-left-color: var(--br-accent-2); }
.br-answer { border: var(--br-border-ink); border-top: var(--br-bw-rule) solid var(--br-accent); padding: var(--br-sp-16); font-size: var(--br-fs-lead); line-height: var(--br-lh-lead); max-width: 960px; }
.br-answer p + p { margin-top: var(--br-sp-8); }
.br-toc { border-top: var(--br-rule); padding-top: var(--br-sp-8); }
.br-toc a { display: block; padding: var(--br-sp-8) 0 var(--br-sp-8) var(--br-sp-12); border-left: var(--br-bw) solid var(--br-line); font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-toc a:hover { border-left-color: var(--br-line-ink); color: var(--br-accent-deep); }
@media (min-width: 768px) { .br-answer { padding: var(--br-sp-20) var(--br-sp-24); } }

/* ---------- FAQ ---------- */
.br-faq { border-top: var(--br-rule); max-width: 960px; }
.br-faq__item { border-bottom: var(--br-border); }
.br-faq__q { display: flex; align-items: center; justify-content: space-between; gap: var(--br-sp-16); min-height: 56px; padding: var(--br-sp-12) 0; font-weight: var(--br-fw-bold); font-size: 16px; line-height: 22px; }
.br-faq__q:hover { color: var(--br-accent-deep); }
.br-faq__q .br-icon { width: var(--br-icon); height: var(--br-icon); color: var(--br-text); }
.br-faq__item[open] .br-faq__plus, .br-faq__item:not([open]) .br-faq__minus { display: none; }
.br-faq__a { padding: 0 0 var(--br-sp-20); max-width: var(--br-measure); }
.br-faq__a p + p { margin-top: var(--br-sp-12); }
.br-faq__a a { color: var(--br-accent-deep); text-decoration: underline; text-underline-offset: 3px; }
.br-faq__a a:hover { color: var(--br-text); }
@media (min-width: 768px) { .br-faq__q { font-size: 17px; line-height: 24px; } }

/* ---------- Хлебные крошки ---------- */
.br-crumbs { display: flex; flex-direction: row-reverse; overflow-x: auto; scrollbar-width: none; padding: var(--br-sp-12) 0; font-size: var(--br-fs-micro); line-height: var(--br-lh-micro); }
.br-crumbs::-webkit-scrollbar { display: none; }
.br-crumbs__list { display: flex; flex: none; margin-right: auto; white-space: nowrap; }
.br-crumbs__item { display: inline-flex; align-items: center; min-height: 20px; color: var(--br-text-muted); }
.br-crumbs__item a:hover { color: var(--br-text); text-decoration: underline; text-underline-offset: 3px; }
.br-crumbs__item + .br-crumbs__item::before { content: "/"; margin: 0 var(--br-sp-8); color: var(--br-text-faint); }
.br-crumbs__item[aria-current="page"] { color: var(--br-text); }

/* ---------- Вкладки ---------- */
.br-tabs { display: flex; overflow-x: auto; scrollbar-width: none; border-bottom: var(--br-border); }
.br-tabs::-webkit-scrollbar { display: none; }
.br-tabs__tab { flex: none; min-height: var(--br-tab-h); padding: 0 var(--br-sp-16); border-bottom: var(--br-bw-rule) solid transparent; margin-bottom: -1px; font: var(--br-fw-semibold) var(--br-fs-ui)/var(--br-lh-ui) var(--br-font-heading); color: var(--br-text-muted); white-space: nowrap; }
.br-tabs__tab:hover { color: var(--br-text); }
.br-tabs__tab[aria-selected="true"] { color: var(--br-text); border-bottom-color: var(--br-line-ink); }
.br-tabs__tab:focus-visible { outline-offset: -4px; }

/* ---------- Плюсы и минусы ---------- */
.br-proscons { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--br-sp-20) var(--br-gap); }
.br-proscons__col { border-top: var(--br-rule); padding-top: var(--br-sp-12); min-width: 0; }
.br-proscons__title { margin-bottom: var(--br-sp-8); }
.br-proscons__list li { display: flex; gap: var(--br-sp-8); align-items: flex-start; padding: var(--br-sp-4) 0; }
.br-proscons__list .br-icon { margin-top: 4px; }
.br-proscons__list--plus .br-icon { color: var(--br-accent-deep); }
.br-proscons__list--minus .br-icon { color: var(--br-accent-2-deep); }
@media (min-width: 768px) { .br-proscons { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- Паспорт ---------- */
.br-passport { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--br-gap); border-top: var(--br-rule); }
.br-passport__row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--br-sp-12); padding: var(--br-sp-12) 0; border-bottom: var(--br-border); font-size: var(--br-fs-small); line-height: var(--br-lh-small); }
.br-passport__row dt { color: var(--br-text-muted); }
@media (min-width: 768px) { .br-passport { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- Панель сравнения ---------- */
.br-cmp-check { display: inline-flex; align-items: center; gap: var(--br-sp-8); min-height: 32px; position: relative; z-index: 1; font-size: var(--br-fs-small); line-height: var(--br-lh-small); cursor: pointer; }
.br-cmp-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--br-text); }
.br-cmp-check:hover { color: var(--br-accent-deep); }
.br-cmpbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--br-z-cmpbar); background: var(--br-dark); color: var(--br-on-dark); border-top: var(--br-bw-rule) solid var(--br-accent); }
.br-cmpbar :focus-visible { outline: var(--br-focus-on-dark); }
.br-cmpbar__in { display: flex; align-items: center; gap: var(--br-sp-12); min-height: var(--br-cmpbar-h); }
.br-cmpbar__count { font: var(--br-fw-medium) var(--br-fs-micro)/var(--br-lh-micro) var(--br-font-mono); white-space: nowrap; }
.br-cmpbar__items { display: flex; gap: var(--br-sp-8); flex: 1 1 auto; min-width: 0; overflow: hidden; }
.br-cmpbar__item { display: inline-flex; align-items: center; gap: var(--br-sp-8); flex: none; font-size: var(--br-fs-small); }
.br-cmpbar__name, .br-cmpbar__hint { display: none; }
.br-cmpbar__x { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: var(--br-control-h); color: var(--br-on-dark-muted); }
.br-cmpbar__x:hover { color: var(--br-on-dark); }
.br-cmpbar .br-btn--primary { min-height: var(--br-control-h-s); padding: 0 var(--br-sp-12); }
.br-cmpbar .br-btn--text { min-height: var(--br-control-h-s); white-space: nowrap; }
body.has-cmpbar { padding-bottom: var(--br-cmpbar-h); }
@media (min-width: 768px) { .br-cmpbar__name { display: inline; } .br-cmpbar__hint { display: inline; font-size: var(--br-fs-micro); color: var(--br-on-dark-muted); } }

/* ---------- Закреплённая кнопка «На сайт» в обзоре (до 767px) ---------- */
.br-gobar { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--br-z-gobar); display: flex; align-items: center; justify-content: space-between; gap: var(--br-sp-12); min-height: var(--br-gobar-h); padding: var(--br-sp-8) var(--br-gutter); background: var(--br-bg); border-top: var(--br-border-ink); }
.br-gobar__name { font-weight: var(--br-fw-bold); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.has-cmpbar .br-gobar { bottom: var(--br-cmpbar-h); }
@media (min-width: 768px) { .br-gobar { display: none; } }

/* ---------- Дополнения к «Найдено» ---------- */
.br-found__sort { display: inline-flex; align-items: center; gap: var(--br-sp-8); }
.br-select--inline { width: auto; display: inline-block; color: var(--br-text); }
@media (min-width: 768px) { .br-select--inline { height: var(--br-control-h-s); font-size: var(--br-fs-small); } }