#newsPage .content-area img{
  max-width:100%;
  height:auto;
  border-radius:14px;
}

#newsPage .content-area{
  font-size: 15px;
  line-height: 1.8;
}

#newsPage .news-hero-card{
  border:1px solid #dbe5ef;
  box-shadow:0 10px 24px rgba(15,23,42,0.06);
  border-radius:14px;
  overflow:hidden;
}

#newsPage .news-grid-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#0f172a;
  font-size:14px;
  letter-spacing:0.02em;
}

#newsPage .news-grid-head strong{
  font-size:15px;
  font-weight:800;
}

#newsPage .news-portrait-grid{
  margin-top:2px;
}

#newsPage .news-portrait-card{
  border:1px solid #dbe5ef;
  border-radius:12px;
  overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  box-shadow:0 6px 18px rgba(15,23,42,0.05);
}

#newsPage .news-portrait-card:hover{
  transform:translateY(-2px);
  border-color:#c8d7e8;
  box-shadow:0 12px 24px rgba(15,23,42,0.10);
}

#newsPage .news-portrait-media{
  width:100%;
  aspect-ratio:3/4;
  background:#eef3f9;
  overflow:hidden;
}

#newsPage .news-portrait-media svg{
  width:100%;
  height:100%;
  display:block;
}

#newsPage .news-meta-row{
  min-height:22px;
}

#newsPage .news-portrait-title{
  font-size:15px;
  line-height:1.35;
  min-height:40px;
}

#newsPage .news-portrait-excerpt{
  line-height:1.45;
  min-height:38px;
}

@media (max-width: 991.98px){
  #newsPage .news-portrait-title{
    font-size:14px;
    min-height:36px;
  }
}

@media (max-width: 575.98px){
  #newsPage .news-portrait-card .card-body{
    padding:10px;
  }
  #newsPage .news-portrait-title{
    font-size:13px;
    line-height:1.3;
    min-height:34px;
  }
  #newsPage .news-portrait-excerpt{
    font-size:12px;
    min-height:30px;
  }
}