/* Страница «Методики инвесторов» (lib/an/investor-methods.js). Только токены cf-*. */
.im-tabs { margin-top: var(--cf-space-8); }
.im-tabs__row { padding: var(--cf-space-6) var(--cf-space-24) 0; }
.im-tabs .cf-tab[disabled] { opacity: .45; cursor: not-allowed; }
.im-intro { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: var(--cf-space-32); padding: var(--cf-space-24); }
.im-intro[hidden] { display: none; }
.im-who { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -.01em; }
.im-book { margin: 2px 0 0; font-size: 13px; color: var(--cf-ink-3); }
.im-idea { margin: var(--cf-space-12) 0 0; font-size: 15px; line-height: 1.55; color: var(--cf-ink-2); }
.im-k { margin: 0 0 var(--cf-space-6); font-size: 13px; font-weight: 500; color: var(--cf-ink-3); }
.im-list { margin: 0; padding-left: 1.3em; font-size: 14.5px; line-height: 1.5; color: var(--cf-ink-2); }
.im-list li { margin: 4px 0; padding-left: 2px; }
.im-list li[hidden] { display: none; }
.im-list li::marker { color: var(--cf-ink-3); font-variant-numeric: tabular-nums; }
.im-list b { font-weight: 600; color: var(--cf-ink); }
.im-adapt { margin: var(--cf-space-12) 0 0; padding-top: var(--cf-space-12); border-top: 1px solid var(--cf-line); font-size: 13px; line-height: 1.5; color: var(--cf-ink-3); }

.im-bar { display: flex; align-items: center; gap: var(--cf-space-12); flex-wrap: wrap; margin: var(--cf-space-24) 0 var(--cf-space-12); }
.im-bar .cf-search { flex: 0 1 320px; }
.im-bar .an-bar__sp { flex: 1; }
.im-count { font-size: 13px; color: var(--cf-ink-3); font-variant-numeric: tabular-nums; }

.im-sc { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.im-sc__v { font-variant-numeric: tabular-nums; white-space: nowrap; }
.im-sc__v b { font-weight: 700; color: var(--cf-ink); }
.im-sc__v span, .im-sc__few { color: var(--cf-ink-3); }
.im-dots { display: flex; gap: 3px; }
.im-dots i { width: 7px; height: 7px; border-radius: 50%; box-sizing: border-box; }
.im-dots i[data-ok="1"] { background: var(--cf-ink); }
.im-dots i[data-ok="0"] { border: 1.5px solid var(--cf-ink-3); }
.im-dots i[data-ok="x"] { border: 1.5px dashed var(--cf-ink-3); opacity: .7; }
#imTable td.cf-l { max-width: 360px; }
#imTable .cf-issuer__sub { color: var(--cf-ink-3); font-size: 12.5px; }
.im-empty { padding: var(--cf-space-28) 0; text-align: center; }
.im-legend { display: flex; gap: var(--cf-space-16); flex-wrap: wrap; margin: var(--cf-space-10) 0 0; font-size: 12.5px; color: var(--cf-ink-3); }
.im-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.im-legend .im-dots { display: inline-flex; }

@media (max-width: 767px) {
  .im-tabs__row { padding: var(--cf-space-4) var(--cf-space-12) 0; }
  .im-intro { grid-template-columns: 1fr; gap: var(--cf-space-16); padding: var(--cf-space-18); }
  .im-bar .cf-search { flex: 1 1 100%; order: 3; }
  .im-bar .an-bar__sp { display: none; }
  #imTable .im-m-hide { display: none; }
  /* Карточка: имя и счёт критериев одной строкой, под ними цифры методики -
     ради них человек и открыл страницу. Раньше на телефоне оставался только
     счёт «6 из 6», и карточка была пустой (20.10.2026). */
  #imTable.an-stack tr { grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: start; gap: var(--cf-space-12) var(--cf-space-12); }
  #imTable.an-stack td.cf-l { grid-column: 1 / span 4; }
  #imTable.an-stack td.im-score { grid-column: 5 / span 2; justify-self: end; text-align: right !important; }
  #imTable.an-stack td.im-score::before { display: none; }
  #imTable.an-stack td.im-k { grid-column: span 2; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
  #imTable.an-stack[data-n="2"] td.im-k { grid-column: span 3; }
  #imTable.an-stack td.im-k::before { font-size: 12px; line-height: 1.3; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #imTable .im-sc { align-items: flex-end; }
  #imTable .im-sc__v { font-size: 15px; }
}