/* =========================================================
   BORGLIBYTE – NYHETER
   Kompakt og lettlest
   ========================================================= */

.news-page{
  max-width:980px;
  margin:0 auto;
  padding:34px 24px 56px;
}


/* INTRO */

.news-intro{
  max-width:760px;
  padding:10px 0 26px;
}

.news-intro .eyebrow{
  display:block;
  margin-bottom:8px;
}

.news-intro h1{
  margin:0;

  font-size:clamp(32px,4vw,40px);
  line-height:1.08;
  letter-spacing:-.03em;
}

.news-intro p{
  margin:12px 0 0;
  max-width:650px;

  color:var(--muted);
  font-size:16px;
  line-height:1.6;
}


/* NYHETSLISTE */

.news-list{
  max-width:760px;
}

.news-item{
  padding:22px 0;

  border-top:1px solid var(--line);
}

.news-item:first-child{
  border-top:0;
  padding-top:6px;
}

.news-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;

  margin-bottom:8px;

  color:var(--muted2);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
}

.news-meta span{
  color:var(--cyan);
}

.news-item h2{
  margin:0 0 9px;

  font-size:22px;
  line-height:1.2;
  letter-spacing:-.015em;
}

.news-item p{
  margin:0 0 9px;

  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}

.news-item p:last-child{
  margin-bottom:0;
}


/* MOBIL */

@media(max-width:700px){

  .news-page{
    padding:26px 18px 42px;
  }

  .news-intro{
    padding-bottom:22px;
  }

  .news-intro h1{
    font-size:31px;
  }

  .news-intro p{
    font-size:15px;
  }

  .news-item{
    padding:19px 0;
  }

  .news-item h2{
    font-size:20px;
  }

  .news-item p{
    font-size:15px;
  }

}


/* =========================================================
   NYHETER – TYDELIG SISTE OPPDATERING
   ========================================================= */

.news-item:first-child{
  margin-bottom:14px;
  padding:18px;

  border:1px solid var(--line);
  border-radius:12px;

  background:var(--surface);
}

.news-item:first-child .news-meta{
  margin-bottom:9px;
}

.news-item:first-child h2{
  font-size:23px;
}

.news-item:first-child p{
  max-width:680px;
}

.news-item:not(:first-child){
  padding-left:2px;
  padding-right:2px;
}

.news-meta span{
  display:inline-flex;
  align-items:center;

  padding:4px 7px;

  border:1px solid rgba(37,217,239,.25);
  border-radius:999px;

  background:rgba(37,217,239,.07);
}

@media(max-width:700px){

  .news-item:first-child{
    padding:16px;
  }

  .news-item:first-child h2{
    font-size:21px;
  }

}

/* DETALJERT NYHETSARTIKKEL */
.news-item h2 a{
  color:inherit;
  text-decoration:none;
}
.news-item h2 a:hover{
  color:var(--cyan);
}
.news-read-more,
.news-back{
  display:inline-block;
  color:var(--cyan);
  font-weight:700;
  text-decoration:none;
}
.news-read-more:hover,
.news-back:hover{
  text-decoration:underline;
}
.news-article{
  max-width:760px;
  padding:8px 0 12px;
}
.news-article .news-back{
  margin-bottom:28px;
  font-size:14px;
}
.news-article h1{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,50px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.news-article p{
  margin:0 0 18px;
  color:var(--muted);
  font-size:17px;
  line-height:1.72;
}
.news-article .news-lead{
  color:var(--text);
  font-size:20px;
  line-height:1.6;
}
.news-cta{
  margin-top:30px;
}
.news-cta a{
  display:inline-block;
  padding:12px 16px;
  border:1px solid rgba(37,217,239,.35);
  border-radius:10px;
  background:rgba(37,217,239,.08);
  color:var(--cyan);
  font-weight:800;
  text-decoration:none;
}
.news-cta a:hover{
  background:rgba(37,217,239,.14);
}
@media(max-width:700px){
  .news-article h1{font-size:34px;}
  .news-article p{font-size:16px;}
  .news-article .news-lead{font-size:18px;}
}