/* /v2/assets/css/news.css */
.news-wrap{ max-width:1100px; margin:0 auto; padding: 18px 14px 30px; }
.news-title{ font-size:44px; letter-spacing:-.6px; margin: 6px 0 10px; }
.news-date{ color:#64748b; font-weight:800; }
.news-date.big{ margin-bottom: 14px; }

.news-grid{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top: 14px;
}
.news-card{
  flex: 1 1 calc(33.333% - 18px);
  max-width: calc(33.333% - 18px);
  background:#fff;
  border:1px solid rgba(2,6,23,.10);
  border-radius:18px;
  overflow:hidden;
  box-shadow: 0 10px 24px rgba(2,6,23,.05);
}
.news-cover{ display:block; background:#f1f5f9; }
.news-cover img{
  display:block; width:100%; height:180px; object-fit:cover;
  transition: transform .25s ease;
}
@media (hover:hover) and (pointer:fine){
  .news-card:hover .news-cover img{ transform: scale(1.03); }
}
.news-cover-ph{ padding:40px 12px; text-align:center; color:#94a3b8; font-weight:800; }

.news-body{ padding:14px 14px 16px; }
.news-h{ display:block; text-decoration:none; color:#0f172a; font-weight:950; font-size:18px; margin:8px 0 8px; }
.news-ex{ color:#334155; line-height:1.6; font-size:14px; min-height: 44px; }
.news-btn{
  display:inline-block; margin-top:12px; text-decoration:none;
  font-weight:950; padding:10px 12px; border-radius:12px;
  background:#0ea5e9; color:#fff;
}

.news-back{ display:inline-block; margin: 4px 0 10px; text-decoration:none; font-weight:900; color:#0f172a; }

.news-hero{
  border-radius:18px; overflow:hidden; border:1px solid rgba(2,6,23,.10);
  background:#f1f5f9;
}
.news-hero img{ display:block; width:100%; height:auto; }

.news-article{
  margin-top: 16px;
  background:#fff;
  border:1px solid rgba(2,6,23,.08);
  border-radius:18px;
  padding:16px;
  line-height:1.9;
  color:#0f172a;
  font-size:16px;
}

.news-empty{ padding: 18px; color:#94a3b8; font-weight:800; }

.pager{ display:flex; align-items:center; justify-content:space-between; margin: 22px 0 6px; }
.btn{ text-decoration:none; padding: 10px 16px; border-radius:999px; background:#0f172a; color:#fff; font-weight:900; }
.pager__info{ font-weight:900; color:#64748b; }

@media (max-width: 980px){
  .news-card{ flex: 1 1 calc(50% - 18px); max-width: calc(50% - 18px); }
  .news-title{ font-size:36px; }
}
@media (max-width: 620px){
  .news-card{ flex: 1 1 100%; max-width: 100%; }
  .news-title{ font-size:30px; }
}