/* ---------- Forside: "Det jeg arbejder med" uden runde hjørner ---------- */

#fagomraader .panel,
#fagomraader .cards li { border-radius: 0; }

/* ---------- Kilde under nøgletal (fx AI-tal på forsiden) ---------- */

.heltal .kilde {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.72rem;
  line-height: 1.3;
  color: var(--muted);
  opacity: 0.85;
}

/* ---------- Kunde-case (mørkt bånd, samme stil som kontaktbåndet) ---------- */

.case {
  border-radius: var(--r);
  padding: 3.25rem 2rem;
  background: var(--forest);
  color: #fff;
  text-align: center;
}

.case .eyebrow {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mint);
  margin: 0 0 0.5rem;
}

.case h2 { margin: 0 0 0.75rem; }
.case h2 em { font-style: normal; color: var(--mint); }
.case .lede { margin: 0 auto; max-width: 42rem; color: rgba(255, 255, 255, 0.78); }

/* Nøgletal i casen: store procenter med rå tal under */
.casetal {
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  text-align: left;
}

.casetal li {
  margin: 0;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--r-sm);
  padding: 1.1rem 1.25rem;
}

.casetal strong {
  display: block;
  font-family: var(--sans);
  font-size: 2.1rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--mint);
  margin-bottom: 0.45rem;
}

.casetal li span {
  display: block;
  font-size: 0.9rem;
  line-height: 1.3;
  color: #fff;
}

.casetal .casetal__raa {
  margin-top: 0.35rem;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.6);
}

.casefig { margin: 2rem 0 0; text-align: left; }

.casefig img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--r-sm);
}

.casefig img + img { margin-top: 0.85rem; }

.casefig figcaption {
  margin-top: 0.6rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.65);
}

/* ---------- Megamenu: fire kolonner i stedet for tre ---------- */

@media (min-width: 46rem) {
  .megamenu__indhold {
    min-width: 56rem;
    max-width: min(56rem, calc(100vw - 3rem));
  }

  .megamenu__kolonner { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---------- Undersider i .omdoc (Om, Presse m.fl.) ---------- */

/* .omdoc giver allerede luft under brødkrummen, så første blok
   skal ikke lægge sin egen margin oveni */
.omdoc > :first-child { margin-top: 0; }

/* Lister i prosa følger brødteksten i stedet for browserens 40px indryk */
.prose ul {
  margin: 0 0 1em;
  padding-left: 1.15rem;
  color: var(--muted);
}

.prose ul:last-child { margin-bottom: 0; }
.prose li { margin-bottom: 0.4rem; }
.prose li:last-child { margin-bottom: 0; }

/* Knap under en tekstblok */
.doc__knap { margin: 1.5rem 0 0; }