.skill {
  display: flex;
  flex-direction: column;
  gap: var(--sp-15);
  padding: var(--sp-20);
  border: 1px solid var(--c-sage);
  border-radius: var(--r-md);
}

/* Die Überschrift gehört zu den Karten darunter, nicht in die Mitte zwischen
   beide Blöcke: darüber eine größere Zäsur, darunter engerer Anschluss. */
.lernziele__extra {
  display: flex;
  flex-direction: column;
  gap: var(--sp-20);
  margin-top: var(--sp-30);
}

.skill--extra {
  border-color: var(--c-coral);
  background-color: var(--c-white);
}

.skill__title {
  font-size: var(--fs-lead);
  font-weight: var(--fw-light);
  line-height: var(--lh-tight);
}

.skill__text { color: var(--c-body); }