/* ============================================
   V-SOURCES - Sources and Credits
   ============================================ */
.v-sources {
  padding: var(--space-2xl) var(--space-xl) var(--space-lg);
  background: var(--surface-explore);
}

.v-sources__inner {
  /* Lesebredden på stedssidene (1060), lik seksjonene over: var 1200
     (Tom 19. okt 2026). */
  max-width: 1060px;
  margin: 0 auto;
}

.v-sources__inner::after {
  content: '';
  display: block;
  height: 2px;
  margin-top: var(--space-lg);
  background: var(--surface-utility);
  opacity: 0.24;
}

.v-sources__heading {
  font-family: var(--font-body);
  font-size: var(--etikett);
  font-weight: 700;
  /* En etikett, ikke en tittel: etikettens linjeavstand. */
  line-height: var(--linje-etikett);
  letter-spacing: var(--sperring-sm);
  text-transform: uppercase;
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--space-sm);
}

.v-sources__list {
  list-style: none;
  padding: 0;
  margin: 0;
  /* Spalter som leses nedover, ikke et rutenett: fem kilder i fire
     kolonner la én alene paa en ny rad, og lange titler brakk mens korte
     stod med stort mellomrom («krediteringa ser litt rar ut», Farsund by
     22. sep 2026). Hoeyst to spalter. */
  columns: 2 340px;
  column-gap: var(--space-xl);
}

.v-sources__list li {
  break-inside: avoid;
  margin-bottom: var(--space-xs);
}

.v-sources__list li{
  font-family: var(--font-body);
  font-size: var(--brod-liten);
  color: var(--color-text-muted);
  line-height: var(--linje-etikett);
}

.v-sources__list a {
  color: var(--color-text-secondary);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(0, 0, 0, 0.15);
  transition: text-decoration-color 0.3s, color 0.3s;
}

.v-sources__list a:hover {
  color: var(--color-text-primary);
  text-decoration-color: rgba(0, 0, 0, 0.35);
}

.v-sources__sub-heading {
  font-family: var(--font-body);
  font-size: var(--etikett);
  font-weight: 700;
  /* En etikett, ikke en tittel: etikettens linjeavstand. */
  line-height: var(--linje-etikett);
  letter-spacing: var(--sperring-sm);
  text-transform: uppercase;
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--space-sm);
}

.v-sources__note {
  font-family: var(--font-body);
  font-size: var(--brod-liten);
  color: var(--color-text-muted);
  line-height: var(--linje-brod);
  margin: 0;
}

.v-sources__list + .v-sources__block {
  margin-top: var(--space-xl);
}

.v-sources__block + .v-sources__block {
  margin-top: var(--space-xl);
}

@media (max-width: 768px) {
  .v-sources {
    padding: var(--space-xl) var(--space-lg) var(--space-md);
  }

  .v-sources__inner::after {
    margin-top: var(--space-md);
  }

  .v-sources__list {
    grid-template-columns: 1fr;
    gap: var(--space-sm);
  }

  .v-sources__list li {
    line-height: var(--linje-brod-tett);
  }

  .v-sources__list a {
    text-decoration-color: rgba(0, 0, 0, 0.25);
  }
}