.news-section{padding-top:35px}
.news-feature-layout{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:24px;margin-bottom:44px
}
.news-lead,.news-side-item,.news-archive-item{
  background:white;border:1px solid #dce2ea;overflow:hidden
}
.news-lead img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.news-lead-body{padding:25px}
.news-lead h3{font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin:12px 0;color:#061b43}
.news-preview-intro{line-height:1.6;color:#45546d;margin:10px 0}
.news-lead .news-preview-intro{
  display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden
}
.news-read-more{color:#0e429b;font-weight:800}
.news-side{display:grid;align-content:start;gap:12px}
.news-side-item{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:10px}
.news-side-item img{width:125px;height:110px;object-fit:cover}
.news-side-item h3{font-size:1.2rem;line-height:1.2;margin:5px 0}
.news-side-item .news-preview-intro{
  font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden
}
.news-archive-title{margin:20px 0;color:#061b43}
.news-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.news-archive-item img{width:100%;aspect-ratio:16/9;object-fit:cover}
.news-archive-item>div{padding:16px}
.news-archive-item h3{font-size:1.45rem;line-height:1.15}
.news-detail{background:#fff;padding:32px;border:1px solid #dce2ea;max-width:940px;margin:auto}
.news-detail h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;color:#061b43}
.news-detail-cover{width:100%;height:auto;margin:20px 0}
.news-detail-body{white-space:pre-line;line-height:1.85}
.news-detail-gallery img{max-width:100%;height:auto;margin:12px 0}
.news-preview-link{cursor:pointer;text-decoration:none;color:inherit}
.news-preview-link:hover h3{text-decoration:underline}
.news-preview-placeholder{
  background:#092b68;color:#fff;display:flex;
  align-items:center;justify-content:center;
  font-weight:900;min-height:110px
}
.news-lead .news-preview-placeholder{min-height:280px}
.news-meta{font-size:.8rem}
@media(max-width:900px){
  .news-feature-layout{grid-template-columns:1fr}
  .news-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  .news-archive-grid{grid-template-columns:1fr}
  .news-side-item{grid-template-columns:95px minmax(0,1fr)}
  .news-side-item img{width:95px;height:90px}
  .news-lead-body,.news-detail{padding:18px}
}


/* NK Grabovac - raspored desnih vijesti */

.news-side-item {
  display: block;
  padding: 12px;
}

.news-side-item > .news-preview-link {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  width: 100%;
}

.news-side-item > .news-preview-link > img {
  width: 170px;
  height: 135px;
  object-fit: cover;
  display: block;
}

.news-side-item > .news-preview-link > div:last-child {
  min-width: 0;
}

.news-side-item h3 {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 8px 0;
}

.news-side-item .news-preview-intro {
  font-size: .92rem;
  line-height: 1.5;
}

@media (max-width: 580px) {
  .news-side-item > .news-preview-link {
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 12px;
  }

  .news-side-item > .news-preview-link > img {
    width: 110px;
    height: 105px;
  }

  .news-side-item h3 {
    font-size: 1.1rem;
  }
}