/**
 * Waarheidsarchief — subtiele levendigheid zonder amusement / zware video.
 * Werkt samen met baseof-base; wordt alleen bij willen tot leven gewekt.
 */

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }

  body {
    background: linear-gradient(
      180deg,
      #0f1419 0%,
      #131b28 38%,
      #1a2332 52%,
      #151f2e 65%,
      #0f1419 100%
    );
    background-size: 100% 260%;
    background-position: center 0%;
    animation: wa-bg-breathe 48s ease-in-out infinite alternate;
  }

  @keyframes wa-bg-breathe {
    0% {
      background-position: center 8%;
    }
    100% {
      background-position: center 32%;
    }
  }

  /* Eénmalige lichte verschijning bij load — één hoofdartikel mét lichte verschuiving */
  main article.pa3.pa4-ns,
  main .post-card {
    animation: wa-soft-enter 0.48s ease-out both;
  }

  /* Lijsten: alleen fade (voorkomt zware composites bij 50+ tiles) */
  .list-item {
    animation: wa-soft-fade 0.4s ease-out both;
  }

  @keyframes wa-soft-enter {
    from {
      opacity: 0.92;
      transform: translateY(5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes wa-soft-fade {
    from {
      opacity: 0.9;
    }
    to {
      opacity: 1;
    }
  }

  header.site-header .nav-link {
    transition:
      background 0.2s ease,
      color 0.2s ease,
      border-color 0.2s ease,
      transform 0.18s ease;
  }

  header.site-header .nav-link:hover {
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body {
    animation: none !important;
    background: linear-gradient(180deg, #0f1419 0%, #1a2332 50%, #0f1419 100%) !important;
    background-size: auto !important;
  }

  main article.pa3.pa4-ns,
  main .post-card {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .list-item {
    animation: none !important;
    opacity: 1 !important;
  }

  header.site-header .nav-link:hover {
    transform: none;
  }

  /* List-sectie _index fades uitschakelen voor consistent gedrag */
  .section-content-wrapper {
    animation: none !important;
    opacity: 1 !important;
  }
}

/* Leeslichtheid: meer lucht in lange teksten (FA’s / sectiepagina’s) */
main article .nested-copy-line-height > p {
  margin-bottom: 0.92em;
  line-height: 1.73;
}

main article .nested-copy-line-height li {
  line-height: 1.62;
}

main article .nested-copy-line-height h2,
main article .nested-copy-line-height h3,
main article .nested-copy-line-height h4 {
  margin-top: 1.55em;
  margin-bottom: 0.42em;
  scroll-margin-top: 4.5rem;
}

main article .nested-copy-line-height h2:first-child,
main article .nested-copy-line-height h3:first-child {
  margin-top: 0;
}

/* Toetsenbord / focus iets warmer dan browser-default */
:focus-visible {
  outline: 2px solid rgba(212, 168, 71, 0.7);
  outline-offset: 2px;
}