.dlpa-expertises {
  background: var(--sec-bg, var(--dlpa-zacht-grijs));
  color: var(--sec-fg, var(--dlpa-blauw));
}

.dlpa-expertises__intro {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 407px;
  margin-bottom: 40px;
}

.dlpa-expertises__lead {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.13px;
  color: var(--sec-fg, var(--dlpa-blauw));
}

.dlpa-expertises__lead strong {
  font-weight: 700;
}

/* Cards slot: responsive grid that reflows for any number of cards. */
.dlpa-expertises__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
}

.dlpa-expertises__grid--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dlpa-expertises__grid--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dlpa-expertises__grid--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 920px) {
  .dlpa-expertises__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .dlpa-expertises__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 400px) {
  .dlpa-expertises__grid {
    grid-template-columns: 1fr;
  }
}
