.homepage-blog-wrapper.row.blog-wrapper{
  --bg:#f7fbff; --text:#2b3f52; --muted:#47627a; --accent:#2b3f52; --card:#ffffff;
  background:var(--bg);
  padding:48px 24px;
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}


.homepage-blog-wrapper.row.blog-wrapper .homepage-group-title.h4{
  grid-column:1 / -1;
  font-size:34px;
  line-height:1.25;
  margin:0 0 4px;
  color:var(--accent);
  font-weight:800;
}


.homepage-blog-wrapper.row.blog-wrapper .news-item{
  width:100%;
  background:var(--card);
  border-radius:24px;
  box-shadow:0 20px 60px rgba(18,36,52,.15);
  overflow:hidden;
}

.homepage-blog-wrapper.row.blog-wrapper .news-item > a{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit;
  text-decoration:none;
}


.homepage-blog-wrapper.row.blog-wrapper .news-item .image img{
  display:block;
  width:100%;
  height:auto;
}


.homepage-blog-wrapper.row.blog-wrapper .news-item .text{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1 1 auto;
}


.homepage-blog-wrapper.row.blog-wrapper .news-item .title{
  display:block;
  font-size:20px;
  font-weight:700;
  color:var(--accent);
}

.homepage-blog-wrapper.row.blog-wrapper .news-item .description{
  color:var(--muted);
  font-size:18px;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.homepage-blog-wrapper.row.blog-wrapper .news-item .read-article{
  margin-top:auto;
  display:inline-block;
  font-weight:700;
  color:var(--accent);
}

.homepage-blog-wrapper.row.blog-wrapper .news-item:hover{
  transform:translateY(-2px);
  transition:.2s ease;
  box-shadow:0 24px 64px rgba(18,36,52,.18);
}

@media (max-width: 1200px){
  .homepage-blog-wrapper.row.blog-wrapper{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width: 720px){
  .homepage-blog-wrapper.row.blog-wrapper{grid-template-columns:1fr}
  .homepage-blog-wrapper.row.blog-wrapper .homepage-group-title.h4{font-size:28px}
  .homepage-blog-wrapper.row.blog-wrapper .news-item .description{font-size:16px}
}