
.zk-form { display: flex; gap: 8px; margin: 0 0 18px; }
.zk-form input { flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 0 14px; font: inherit; border: 1.5px solid var(--rand); border-radius: var(--radius-s); background: var(--wit); }
.zk-form input:focus { outline: 3px solid var(--zon); outline-offset: 1px; border-color: var(--zee); }
.zk-form .knop { flex: none; min-height: 48px; }
.zk-groep { margin: 0 0 22px; }
.zk-groep h2 { font-size: 1.2rem; margin: 0 0 8px; }
.zk-lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.zk-lijst li { padding: 10px 12px; background: var(--wit); border: 1px solid var(--rand); border-radius: var(--radius-s); overflow-wrap: anywhere; }
.zk-lijst a { font-weight: 600; }
.zk-lijst .hint { display: block; }
.zk-meer { margin: 6px 0 0; }
