/* ==========================================================================
   news.css — "Jaunumi" grid, populated dynamically from data/news.json
   ========================================================================== */

.news{
  background:var(--teal);
  color:#fff;
}
.news .eyebrow{color:var(--gold-soft);}
.news .section-head .lede{color:rgba(237,230,214,0.78);}

.news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(255,255,255,0.16);
}
.news-card{
  background:var(--teal);
  padding:34px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.news-date{
  font-size:0.78rem;
  letter-spacing:0.03em;
  color:var(--gold-soft);
}
.news-card h3{
  font-size:1.2rem;
  font-weight:500;
  line-height:1.3;
}
.news-card p{
  font-size:0.92rem;
  line-height:1.55;
  color:rgba(237,230,214,0.72);
  flex-grow:1;
}
.news-loading{
  padding:60px 0;
  text-align:center;
  color:rgba(237,230,214,0.6);
  font-size:0.95rem;
}
@media (max-width:900px){
  .news-grid{grid-template-columns:1fr;}
}