/* Kennismakingsformulier (Persoonlijke begeleiding) */
#kennismaking { position: relative; }
#kennismaking .km-balk { height: 4px; background: var(--groen-licht); border-radius: 2px; margin-bottom: 2rem; overflow: hidden; }
#kennismaking .km-balk span { display: block; height: 100%; width: 0; background: var(--groen); transition: width .35s ease; }
#kennismaking .km-scherm { border: 0; margin: 0; padding: 0; min-width: 0; }
#kennismaking .km-vraag { font-family: 'Playfair Display', serif; font-size: 1.45rem; line-height: 1.3; color: var(--groen-donker); margin: 0 0 1.4rem; font-weight: 700; }
#kennismaking .km-hulp { font-size: .88rem; color: var(--tekst-grijs); margin: -.8rem 0 1.2rem; }
#kennismaking .km-opties { display: grid; gap: .7rem; }
#kennismaking .km-optie { display: flex; align-items: center; gap: .8rem; margin: 0; padding: .95rem 1.1rem; border: 1px solid rgba(0,73,59,.25); border-radius: 4px; background: var(--creme); cursor: pointer; font-size: .95rem; font-weight: 500; letter-spacing: 0; color: var(--zwart); transition: border-color .2s, background .2s; }
#kennismaking .km-optie:hover { border-color: var(--groen); }
#kennismaking .km-optie input { accent-color: var(--groen-donker); width: 18px; height: 18px; margin: 0; flex: none; }
#kennismaking .km-optie:has(input:checked) { border-color: var(--groen-donker); background: var(--groen-licht); }
#kennismaking textarea { min-height: 110px; }
#kennismaking .km-knoppen { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.8rem; }
#kennismaking .km-terug { background: none; border: 0; padding: 0; font: inherit; font-size: .85rem; color: var(--tekst-grijs); text-decoration: underline; cursor: pointer; }
#kennismaking .km-fout { color: #b8500c; font-size: .88rem; min-height: 1.2em; margin: .8rem 0 0; }
#kennismaking .km-aanbeveling { font-size: 1.05rem; line-height: 1.6; margin: 0 0 1.2rem; }
#kennismaking .km-keuze { margin-bottom: 1rem; }
#kennismaking .km-klein { margin-top: 1.6rem; padding-top: 1.2rem; border-top: 1px solid var(--lijn); }
#kennismaking .km-klein textarea { min-height: 70px; }
#kennismaking .km-weg { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#kennismaking .km-bedankt h3 { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--groen-donker); margin: 0 0 1rem; }
@media (max-width: 700px) {
  #kennismaking .km-vraag { font-size: 1.25rem; }
  #kennismaking .rij2 { grid-template-columns: 1fr; }
}
#kennismaking .rij2 { row-gap: 0; }
.km-startvak { margin-top: 1.6rem; }
#kennismaking .km-knoppen-keuze { flex-direction: column; align-items: flex-start; gap: 1rem; }
#kennismaking .km-aanbeveling-tekst { font-size: 1.05rem; line-height: 1.6; }
#kennismaking .btn-outline-groen { border: 1.5px solid var(--groen-donker); padding: 1rem 1.6rem; text-align: left; font-family: inherit; }