/* sider/nyhet.css — nyhetssiden (article.php) og arkivet (nyheter.php), ROADMAP 4.8–4.9.
   Komponentene (.lk-news, .lk-prose, .lk-chips, .lk-pager) ligger i komponenter.css. Mobildelen ligger nederst i mobil.css. */

/* Arkivet og «Flere nyheter»: kort i rutenett, hovednyheten over hele bredden */
.lk-news-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.lk-news-list .lk-news--featured { grid-column: 1 / -1; }
.lk-news-list .lk-news--featured .lk-news__img img { object-position: top; }
.lk-chips { margin-bottom: var(--space-8); }
.lk-tom { color: var(--text-muted); }

/* Nyhetssiden: lesbar bredde, bildet litt bredere */
.lk-article { max-width: 820px; margin-inline: auto; }
.lk-article__back { margin-bottom: var(--space-5); font-weight: 800; }
.lk-article__back a { text-decoration: none; }
.lk-article__head .lk-news__meta a { color: inherit; text-decoration: none; }
.lk-article__head .lk-news__meta a:hover { text-decoration: underline; }
.lk-article__head h1 { margin: var(--space-3) 0 0; font-size: clamp(32px, 4.4vw, 52px); line-height: 1.08; }
.lk-article__lead { margin: var(--space-4) 0 0; font-size: 21px; color: var(--text-muted); }
.lk-article__img { margin: var(--space-8) 0; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-color); background: var(--surface-raised); }
.lk-article__img img { display: block; width: 100%; height: auto; }
.lk-article__head + .lk-prose { margin-top: var(--space-8); }
.lk-article__ref { max-width: 420px; margin-top: var(--space-5); }
.lk-article__nav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); margin-top: var(--space-14); padding-top: var(--space-6); border-top: 1px solid var(--border-color); }
.lk-article__nav a { display: flex; flex-direction: column; gap: 4px; padding: var(--space-4) var(--space-5); border-radius: var(--radius-lg); border: 1px solid var(--border-color); background: var(--card-bg); text-decoration: none; color: var(--text-main); font-weight: 700; }
.lk-article__nav a:hover { border-color: var(--brand-accent); }
.lk-article__nav small { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--brand-highlight); font-weight: 800; }
.lk-article__nav-ny { grid-column: 1; }
.lk-article__nav-eldre { text-align: right; grid-column: 2; }

@media (max-width: 980px) {
  .lk-news-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lk-news-list .lk-news--featured { grid-template-columns: 1fr; }
  .lk-news-list .lk-news--featured .lk-news__img { aspect-ratio: 16 / 9; min-height: 0; }
}