/* De openbare pagina Koppelingen (#967). De opbouw (navy kop, inhoud links, Snel naar rechts) komt
   uit kennis-modules.css; hier staat alleen wat deze pagina erbij heeft. Geen pillen of labeltjes. */
.kp-kies { display: grid; gap: 4px; max-width: 340px; }
.kp-kies label, .kp-form label { font-size: 13px; font-weight: 700; color: var(--navy); }
.kp-kies select, .kp-form select, .kp-form input, .kp-form textarea {
  font: inherit; font-size: 15px; color: var(--navy); background: var(--white);
  border: 1px solid var(--navy-10); border-radius: 9px; padding: 9px 11px; width: 100%; }
.kp-form textarea { min-height: 90px; resize: vertical; }
.kp-kies select:focus-visible, .kp-form :focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
.kp-tegel { border-top: 4px solid var(--lime); }
.kp-tegel.kp-straks { border-top-color: var(--blue); }
.kp-tegel .kp-voedt { font-size: 13px; color: var(--navy); }
.kp-leeg { color: var(--muted); font-size: 15px; }
.kp-form { background: var(--white); border: 1px solid var(--navy-10); border-radius: 12px; padding: 18px;
  display: grid; gap: 12px; max-width: 560px; }
.kp-form > div { display: grid; gap: 4px; }
.kp-form button { justify-self: start; cursor: pointer; font: inherit; font-size: 14px; }
.kp-form button[disabled] { opacity: .6; cursor: default; }
.kp-melding { font-size: 14px; color: var(--navy); margin: 0; }
.kp-melding.kp-fout { color: #A3261F; }
.km-snel a { color: var(--blue); font-size: 14px; }
.kp-form > div[hidden] { display: none; }