/* =========================================================
   MatchMate — новости v2: на ПК картинка — широкая обложка
   сверху карточки, текст новости разбит на абзацы и списки.
   Подключается после news.css и theme.css.
   ========================================================= */

/* ------------------------------------------------ текст */
.news-page .news-card-text.nx{white-space:normal;display:flex;flex-direction:column;gap:10px}
.news-page .news-card-text.nx > *{margin:0}
.news-page .news-card-text.nx p{line-height:1.6}
.news-page .news-card-text.nx h4{
  margin-top:6px;color:#fff;font-size:15.5px;font-weight:900;letter-spacing:-.005em;
}
.news-page .news-card-text.nx ul,
.news-page .news-card-text.nx ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px}
.news-page .news-card-text.nx li{position:relative;padding-left:26px;line-height:1.5}
.news-page .news-card-text.nx ul li::before{
  content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px;border-radius:50%;
  background:var(--primary,#5ad4ff);box-shadow:0 0 0 3px rgba(90,212,255,.15);
}
.news-page .news-card-text.nx ol{counter-reset:nx}
.news-page .news-card-text.nx ol li{counter-increment:nx}
.news-page .news-card-text.nx ol li::before{
  content:counter(nx);position:absolute;left:0;top:.1em;display:grid;place-items:center;
  width:19px;height:19px;border-radius:6px;background:rgba(90,212,255,.14);
  color:var(--primary,#5ad4ff);font-size:11px;font-weight:900;
}
/* свёрнутая новость: плавное затухание вместо обрезки по строкам */
.news-page .news-card-text.nx.truncated{
  display:flex;-webkit-line-clamp:unset;max-height:9.6em;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);
}

/* ------------------------------------------------ ПК: обложка сверху */
@media (min-width:761px){
  .news-page .news-card{flex-direction:column;gap:0;padding:0;overflow:hidden}
  .news-page .news-card-image-wrapper{
    width:100%;height:auto;aspect-ratio:auto;
    border:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);
  }
  /* картинка целиком: на баннерах текст часто у самого края */
  .news-page .news-card-image{display:block;height:auto;max-height:480px}
  .news-page .news-card:hover .news-card-image{transform:scale(1.02)}
  .news-page .news-card-body{gap:14px;padding:22px 28px 24px}
  .news-page .news-card-title{font-size:25px;line-height:1.25}
  .news-page .news-card-text.nx{font-size:15px}
}