/* metodologiya.css — страница методологии.
   Наследует текстовый слой article.css, добавляет визуализацию весов
   и таблицу критериев. */

@import url("article.css");

/* Стопка сегментов: ширина каждого равна весу критерия */
.weights {
  display: flex;
  width: 100%;
  max-width: 720px;
  height: 12px;
  border-radius: 1px;
  overflow: hidden;
  gap: 2px;
  margin-block: 24px 16px;
}

.weights span {
  display: block;
  height: 100%;
  background: var(--primary);
}

.weights span:nth-child(1) {
  opacity: 1;
}
.weights span:nth-child(2) {
  opacity: 0.78;
}
.weights span:nth-child(3) {
  opacity: 0.58;
}
.weights span:nth-child(4) {
  opacity: 0.4;
}
.weights span:nth-child(5) {
  opacity: 0.26;
}

.weights-key {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  font-family: var(--font-data);
  font-size: 11px;
  letter-spacing: 0.03em;
  color: var(--on-surface-variant);
  margin-bottom: 28px;
}

.weights-key b {
  color: var(--primary);
  font-weight: 700;
}

.weights-table {
  min-width: 680px;
}

.weights-table td:first-child {
  color: var(--on-surface);
  font-weight: 500;
  width: 26%;
}

.weights-table td:nth-child(2) {
  width: 90px;
}

.weights-table .t-data {
  color: var(--primary);
  font-weight: 700;
}

/* Оговорка про разномасштабных игроков — единственный акцентный блок
   на странице, поэтому шире обычного callout и без ограничения по мере. */
.callout--wide {
  max-width: none;
}