.kompas-blad{max-width:880px;margin:0 auto;padding:0 1.25rem 4rem}.kompas-blad,.kompas-blad p,.kompas-blad a{overflow-wrap:normal}.kp-hero{padding:3.5rem 0 1.5rem;text-align:center}.kp-boven{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stil);margin:0 0 .6rem}.kp-hero h1{margin:0 0 .7rem;color:var(--pruim)}.kp-lead{max-width:34rem;margin:0 auto;color:var(--zacht)}.kp-sectie{margin:2.2rem 0 0}.kp-sectie h2{font-size:1.05rem;color:var(--pruim);margin:0 0 .8rem}.kp-gesprek{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--rond-l);padding:1.4rem 1.5rem;box-shadow:var(--s1)}.kp-invoer{display:grid;gap:.7rem;margin-top:.9rem}.kp-label{font-weight:600;color:var(--pruim)}.kp-tekst{width:100%;border:1px solid var(--lijn2);border-radius:var(--rond-m);padding:.8rem .9rem;font:inherit;color:inherit;background:var(--papier);resize:vertical}.kp-tekst:focus{outline:2px solid var(--vooruit);outline-offset:1px}.kp-knop{justify-self:start;border:0;border-radius:var(--pil);padding:.7rem 1.4rem;font:inherit;font-weight:600;cursor:pointer;background:var(--merkvlak);color:var(--wit);transition:transform var(--snel)}.kp-knop:hover{transform:translateY(-1px)}.kp-knop:disabled{opacity:.6;cursor:wait;transform:none}.kp-stil{color:var(--stil);font-size:.9rem;margin:.2rem 0 0}.kp-vleugelraster{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kp-vleugel{display:grid;gap:.35rem;padding:1.1rem 1.2rem;background:var(--vlak);border:1px solid var(--lijn);border-left:4px solid var(--lijn2);border-radius:var(--rond-m);text-decoration:none;color:inherit;transition:transform var(--snel),box-shadow var(--snel);min-height:44px}.kp-vleugel:hover{transform:translateY(-2px);box-shadow:var(--s2)}.kp-vleugel-titel{font-weight:600;color:var(--pruim)}.kp-vleugel-situatie{font-size:.9rem;color:var(--zacht)}.kp-vleugel[data-vleugel="nu"]{border-left-color:var(--nu)}.kp-vleugel[data-vleugel="vooruit"]{border-left-color:var(--vooruit)}.kp-vleugel[data-vleugel="dragen"]{border-left-color:var(--dragen)}.kp-vleugel[data-vleugel="vak"]{border-left-color:var(--vak)}.kp-lijst{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.kp-lijst a{display:inline-block;padding:.45rem 0;min-height:44px;box-sizing:border-box;color:var(--pruim)}.kp-antwoord{margin:2.4rem 0 0;padding:1.5rem;border-radius:var(--rond-l);background:var(--papier2);border:1px solid var(--lijn)}.kp-antwoord h2{margin:0 0 1rem;color:var(--pruim);font-size:1.05rem}.kp-kaarten{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kp-kaart{display:grid;gap:.3rem;padding:1rem 1.1rem;background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--rond-m);text-decoration:none;color:inherit;transition:transform var(--snel),box-shadow var(--snel)}.kp-kaart:hover{transform:translateY(-2px);box-shadow:var(--s2)}.kp-kaart-label{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stil)}.kp-kaart-kop{font-weight:600;color:var(--pruim)}.kp-kaart-uit{font-size:.9rem;color:var(--zacht)}@media (max-width:640px){.kp-hero{padding-top:2.2rem}.kp-gesprek{padding:1.1rem 1.1rem}}.hb-vraag{font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.15;color:var(--pruim);margin:0 0 .6rem}.hb-drempel{color:var(--stil);max-width:32rem;margin:0 auto}.hb-privacy{font-size:.85rem;color:var(--stil);margin:.7rem 0 0}.blok-antwoord{padding:22px 24px;border-radius:var(--rond-m,16px);background:var(--accent-l,var(--tint-lila))}.blok-antwoord .kaart{background:var(--vlak)}.blok-doorvraag .doorvraag{text-align:left;font:inherit;cursor:pointer;border:1px solid var(--lijn)}.blok-doorvraag .doorvraag:hover{border-color:var(--accent,var(--pruim))}.blok-doorvraag .doorvraag:focus-visible{outline:3px solid var(--accent-l);outline-offset:2px}.zoek-in .spreek{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--lijn2);background:var(--vlak);color:var(--pruim);display:grid;place-items:center;cursor:pointer;margin-right:6px;transition:background .2s ease,color .2s ease,transform .2s ease}.zoek-in .spreek svg{width:20px;height:20px}.zoek-in .spreek:hover{border-color:var(--accent,var(--pruim))}.zoek-in .spreek:focus-visible{outline:3px solid var(--accent-l);outline-offset:2px}.zoek-in .spreek.luistert{background:var(--accent,var(--pruim));color:#fff;border-color:transparent;box-shadow:0 0 0 4px var(--accent-l,var(--nu-l))}.spreek-melding{margin:8px 0 0;font-size:14px;color:var(--zacht)}