/* ─────────────────────────────────────────────────────────────────────
   ALLE ANALYSER — indeks, ikke tabell
   CEO 03.09: «det ser jo lidt dårligt ud med at det ikke helt passer en
   design». Tre årsaker: raden hadde ingen breddegrense, så pilen fløy
   1200px fra tittelen på desktop; partikkelfeltet lyste rett gjennom
   teksten; og radene hadde ingen egen flate å hvile på.

   Nå leser den som innholdsfortegnelsen i en rapport — samme språk som
   kortene med rapport-tykkelse rett over.
   ───────────────────────────────────────────────────────────────────── */

.innsikt-hub__list {
  max-width: 980px;
  margin-inline: auto;
  border-top: 1px solid rgba(239, 234, 225, 0.14);
  /* egen flate så partikkelfeltet ikke leser gjennom teksten */
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--bg) 72%, transparent),
    color-mix(in srgb, var(--bg) 84%, transparent)
  );
  backdrop-filter: blur(2px);
}

.innsikt-hub__list-item {
  /* pilen følger teksten i stedet for å bli presset ut i kanten */
  grid-template-columns: minmax(104px, 148px) minmax(0, 1fr) 2.2rem;
  gap: 0.28rem 1.6rem;
  padding: 1.2rem clamp(14px, 2.2vw, 30px);
  border-bottom: 1px solid rgba(239, 234, 225, 0.08);
  transition: background 0.32s var(--ease), padding-left 0.32s var(--ease);
}

.innsikt-hub__list-item:hover,
.innsikt-hub__list-item:focus-visible {
  background: color-mix(in srgb, var(--fg) 4%, transparent);
  padding-left: clamp(20px, 2.8vw, 40px);
}

/* kategorien er en marginnote, ikke en kolonneoverskrift */
.innsikt-hub__list-cat {
  align-self: start;
  padding-top: 0.18em;
  opacity: 0.58;
}

.innsikt-hub__list-title {
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.35;
  max-width: 46ch;
}

.innsikt-hub__list-arrow {
  justify-self: end;
  align-self: center;
  opacity: 0.34;
  transition: opacity 0.32s var(--ease), transform 0.32s var(--ease);
}

.innsikt-hub__list-item:hover .innsikt-hub__list-arrow,
.innsikt-hub__list-item:focus-visible .innsikt-hub__list-arrow {
  opacity: 0.9;
  transform: translateX(4px);
}

.innsikt-hub__list-intro {
  max-width: 980px;
  margin-inline: auto;
  padding-inline: clamp(14px, 2.2vw, 30px);
}

/* eyebrow og intro flukter med listens ramme i stedet for å sveve til venstre */
.innsikt-hub__articles > .eyebrow {
  display: block;
  max-width: 980px;
  margin-inline: auto;
  padding-inline: clamp(14px, 2.2vw, 30px);
  margin-bottom: 0.9rem;
}

@media (max-width: 767px) {
  .innsikt-hub__list-item {
    grid-template-columns: 1fr 1.8rem;
    padding-inline: 4px;
  }
  .innsikt-hub__list-cat { grid-column: 1 / -1; }
  .innsikt-hub__list-title { grid-column: 1; max-width: none; }
  .innsikt-hub__list-arrow { grid-column: 2; grid-row: 2; }
  .innsikt-hub__list-item:hover { padding-left: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .innsikt-hub__list-item,
  .innsikt-hub__list-arrow { transition: none !important; }
}