.news-head{max-width:800px;padding:28px 0 18px}
.news-head h1{margin:0 0 12px;font-size:32px;line-height:1.2}
.news-head p{margin:0 0 12px;color:var(--seryy)}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.news-card{display:flex;flex-direction:column;min-width:0;background:var(--bel);border:1px solid var(--ramka);border-radius:12px;padding:24px}
.news-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--seryy);font-size:13px;margin-bottom:12px}
.news-title{font-size:22px;line-height:1.35;margin:0 0 14px;overflow-wrap:anywhere}
.news-title a{color:var(--tmn);text-decoration:none}
.news-title a:hover{text-decoration:underline}
.news-excerpt{margin:0 0 20px;color:var(--tekst);overflow-wrap:anywhere}
.news-read{margin-top:auto;font-weight:600;text-decoration:none;align-self:flex-start}
.news-pagination{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:28px 0}
.news-pagination a,.news-pagination span{padding:8px 14px;border:1px solid var(--ramka);border-radius:8px;background:var(--bel)}
.news-pagination [aria-current]{background:var(--tmn);color:white}
.news-back{display:inline-block;margin:24px 0 0;font-size:14px}
.news-article{max-width:850px;margin:20px auto 0;background:var(--bel);padding:34px;border:1px solid var(--ramka);border-radius:12px}
.news-article h1{font-size:30px;line-height:1.3;margin:0 0 16px;overflow-wrap:anywhere}
.news-body{font-size:17px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-line}
.news-body p{margin:0 0 18px;white-space:pre-line}
.news-body h2{margin:28px 0 14px}
.news-body a,.news-sources a{overflow-wrap:anywhere}
.news-body img{max-width:100%;height:auto;border-radius:8px}
.news-sources{margin-top:28px;padding-top:20px;border-top:1px solid var(--ramka);font-size:14px}
.news-sources h2{font-size:18px}
.news-sources ul{padding-left:20px}
.news-sources li{margin-bottom:8px}
.news-warning{background:#fff8e8;border:1px solid #f2e0b4;border-radius:8px;padding:14px;margin:12px 0 20px;color:#6b5320}
@media(max-width:680px){
  .news-grid{grid-template-columns:1fr;gap:14px}
  .news-head{padding-top:22px}
  .news-head h1{font-size:26px}
  .news-card{padding:20px}
  .news-title{font-size:21px}
  .news-article{padding:20px;margin-top:16px}
  .news-article h1{font-size:24px}
  .news-body{font-size:16px;line-height:1.7}
}
