/* SOR-208 — подача новости: факты, лид, источник, плотность ленты.
   Пункт борда: новости должны быть «максимально информативными, эффективными и
   красочными». Правила:
     • под обложкой — компактный блок фактов (турнир/счёт/участники) и источник;
     • первый абзац тела новости читается как лид (крупнее и плотнее);
     • в карточке ленты рядом с датой — метка фактов (турнир · счёт).
   Все значения — из токенов кита, «голых» цветов нет. */

/* ---------- Блок фактов на странице новости ---------- */
.news-facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-3) var(--sp-6);
  margin: 0 0 var(--sp-5);
  padding: var(--sp-3) var(--sp-4);
  background: var(--surface-muted);
  border-left: var(--bw-strong) solid var(--energy);
  border-radius: var(--r-sm);
}

.news-facts-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-6);
  margin: 0;
}

.news-fact {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.news-fact dt {
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-caps);
  text-transform: uppercase;
  color: var(--text-muted);
}

.news-fact dd {
  margin: 0;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--text);
}

.news-source {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.news-source a {
  color: var(--text-secondary);
  text-decoration: underline;
  text-underline-offset: var(--ul-offset-sm);
}

.news-source a:hover {
  color: var(--energy-text);
}

/* ---------- Лид: отдельный блок «суть новости» ---------- */
/* SOR-208: лид выводится явным элементом <p class="news-lead">. Раньше он
   лишь стилизовался как «первый абзац» — в разметке лид-блока не было, и
   приёмка это справедливо зафиксировала дефектом. */
.news-lead {
  margin: 0 0 var(--sp-5);
  padding-left: var(--sp-4);
  border-left: var(--bw-strong) solid var(--energy);
  font-size: var(--fs-xl);
  line-height: var(--lh-display);
  font-weight: var(--fw-medium);
  color: var(--text);
}

article.single-news .content > p:first-of-type {
  font-size: var(--fs-xl);
  line-height: var(--lh-display);
  font-weight: var(--fw-medium);
  color: var(--text);
  margin-bottom: var(--sp-5);
}

/* ---------- Метка фактов в карточке ленты ---------- */
.meta-facts {
  color: var(--energy-text);
  font-weight: var(--fw-semibold);
}

@media (max-width: 760px) {
  .news-facts {
    gap: var(--sp-2) var(--sp-4);
    padding: var(--sp-3);
  }
  article.single-news .content > p:first-of-type {
    font-size: var(--fs-d5);
  }
}