.kerne-checklist {
  --kh-dark: #373D3D;
  color: var(--kh-dark);
}
.kerne-checklist.kh-bg-lys { background: #DAE5E7; }
.kerne-checklist.kh-bg-lavendel { background: #D8D9E6; }
.kerne-checklist.kh-bg-teal { background: #96B7BC; }
.kerne-checklist.kh-bg-laks { background: #E0A492; }
.kerne-checklist.kh-bg-rosa { background: #CA9B9C; }

.kerne-checklist .kh-eyebrow {
  font-family: MaisonNeueBook, sans-serif;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.kerne-checklist .kh-h2 {
  font-family: MaisonNeueBold, sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.15;
  color: var(--kh-dark);
  margin: 0 0 40px;
}
.kerne-checklist .kh-cl-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 2.2vw, 36px);
}
.kerne-checklist .kh-cl-card {
  background: #D8D9E6;
  padding: clamp(32px, 3.5vw, 48px) clamp(24px, 3vw, 48px);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.kerne-checklist.kh-bg-lavendel .kh-cl-card {
  background: #DAE5E7;
}
.kerne-checklist .kh-cl-icon {
  flex-shrink: 0;
}
.kerne-checklist .kh-cl-text {
  font-family: MaisonNeueBold, sans-serif;
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
  max-width: 480px;
}
@media (max-width: 767px) {
  .kerne-checklist .kh-cl-grid {
    grid-template-columns: 1fr;
  }
}