/* Индикатор Баффета: шкала «где сейчас в своей истории» и таблица фактов.
   Цвета - уровни, а не знак: синий маркер «сейчас», серые полосы истории. */

.bf-kpis .cf-keystrip__u { text-wrap: pretty; }
@media (max-width: 900px) { .bf-kpis .cf-keystrip__v { font-size: 21px; white-space: normal; } }

/* Шкала: весь диапазон истории, тёмная полоса - половина месяцев (25-75%),
   риски - 10% и 90%, вертикаль - медиана, точка - текущее значение. */
.bf-range { margin-top: var(--cf-space-8); padding: var(--cf-space-24) 0 var(--cf-space-4); }
.bf-range__track { position: relative; height: 10px; border-radius: var(--cf-radius-bar); background: var(--cf-surface-2);
  box-shadow: inset 0 0 0 1px var(--cf-line); }
.bf-range__band { position: absolute; top: 0; bottom: 0; border-radius: var(--cf-radius-bar); background: var(--cf-surface-3);
  box-shadow: inset 0 0 0 1px var(--cf-line-strong); }
.bf-range__tick { position: absolute; top: -3px; bottom: -3px; width: 1px; background: var(--cf-line-strong); }
.bf-range__med { position: absolute; top: -7px; bottom: -7px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--cf-ink-3); }
.bf-range__now { position: absolute; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%;
  background: var(--cf-accent); box-shadow: 0 0 0 3px var(--cf-surface); }
.bf-range__scale { display: flex; justify-content: space-between; gap: var(--cf-space-8); margin-top: var(--cf-space-10);
  font-size: 12.5px; color: var(--cf-ink-3); font-variant-numeric: tabular-nums; }
/* Подпись «сейчас» стоит под точкой, но не вылезает за края панели. */
.bf-range__cur { margin-top: var(--cf-space-8); padding-left: clamp(0px, calc(var(--bf-x) - 40px), calc(100% - 110px));
  font-size: 13.5px; color: var(--cf-ink-2); white-space: nowrap; }
.bf-range__cur b { color: var(--cf-accent); font-weight: 700; font-variant-numeric: tabular-nums; }

.bf-facts { width: 100%; margin-top: var(--cf-space-16); border-collapse: collapse; font-size: 14px; }
.bf-facts th { text-align: left; font-weight: 500; color: var(--cf-ink-2); padding: var(--cf-space-8) var(--cf-space-8) var(--cf-space-8) 0; }
.bf-facts th small { display: block; font-size: 12.5px; color: var(--cf-ink-3); font-weight: 400; margin-top: 1px; }
.bf-facts td { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; padding: var(--cf-space-8) 0; }
.bf-facts tr + tr th, .bf-facts tr + tr td { border-top: 1px solid var(--cf-line); }

@media (max-width: 767px) {
  #bfChart { --an-h: 340px !important; }
}

/* Таблица фактов растягивается на высоту соседнего графика, строки
   распределяются равномерно: под ней не остаётся пустоты (26.09.2026). */
.an-grid > .an-box > .bf-facts { flex: 1 1 auto; }