/* sider/arrangement.css — arrangementslista (arrangementer.php) og arrangementssiden (arrangement.php), ROADMAP 5.4.
   Kortet (.lk-event) og toppen (.lk-hero) ligger i komponenter.css. Mobildelen ligger nederst i mobil.css. */

.lk-arr__back { margin-bottom: var(--space-5); font-weight: 800; }
.lk-arr__back a { text-decoration: none; }
.lk-arr__seksjon { margin: 0 0 var(--space-5); font-size: clamp(24px, 2.6vw, 32px); }
.lk-arr__kort { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); }
.lk-arr__aar { margin: var(--space-6) 0 var(--space-3); font-size: 18px; color: var(--brand-highlight); }
.lk-arr__tidligere { list-style: none; margin: 0; padding: 0; max-width: 820px; border-top: 1px solid var(--border-color); }
.lk-arr__tidligere a { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px var(--space-5); padding: var(--space-3) 0; border-bottom: 1px solid var(--border-color); text-decoration: none; }
.lk-arr__tidligere a:hover .lk-arr__tittel { text-decoration: underline; }
.lk-arr__tittel { font-weight: 800; color: var(--text-main); }
.lk-arr__info { color: var(--text-muted); }
.lk-arr__rapport { max-width: 980px; }

@media (max-width: 980px) {
  .lk-arr__kort { grid-template-columns: 1fr; }
  .lk-hero { grid-template-columns: 1fr; padding: 32px; }
  .lk-hero__poster { max-width: 300px; }
  .lk-news--featured { grid-template-columns: 1fr; }
}