/* Индексы Мосбиржи (/learn/indices/*). Только токены дизайн-системы. */

.ix-table th small, .ix-table td small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--cf-ink-3); }
.ix-table tbody th { font-weight: 600; color: var(--cf-ink); text-align: left; white-space: nowrap; }
.ix-table td.ix-n { width: 28px; color: var(--cf-ink-3); font-variant-numeric: tabular-nums; }

/* Доля бумаги: число и тонкая полоса относительно самой крупной доли - уровень, не знак, поэтому синим. */
.ix-w { display: inline-block; width: 64px; height: 4px; margin-right: var(--cf-space-8); vertical-align: middle;
  border-radius: var(--cf-radius-pill); background: var(--cf-line); overflow: hidden; }
.ix-w i { display: block; height: 100%; border-radius: inherit; background: var(--cf-accent); }
@media (max-width: 560px) { .ix-w { width: 36px; } }

/* Ключевые цифры в две колонки на телефоне: длинное значение переносится. */
.an-kpis > div { min-width: 0; }
.an-kpis .cf-keystrip__v { overflow-wrap: anywhere; }
@media (max-width: 560px) { .an-kpis .cf-keystrip__v { font-size: 20px; } }

/* Имя бумаги в составе - слева, как подпись строки. */
.ix-table td:nth-child(2) { text-align: left; }