/* inplan-keuze.css -- de keuzelijst Onderwerp op /in-gesprek/ (JP, 01-10-2026).
   Een eigen bestand en niet in site.css: dat bestand heeft openstaand werk van
   iemand anders. Niet inline: de CSP (style-src 'self') blokkeert <style>. */
.artikel__inhoud .inplan__soortknop{width:100%;min-height:52px;display:flex;
  align-items:center;justify-content:space-between;gap:10px;text-align:left;
  font:inherit;padding:7px 12px;cursor:pointer;border:1px solid var(--rand);
  border-radius:8px;background:var(--wit);color:var(--bruin)}
.artikel__inhoud .inplan__soortknop:hover{border-color:var(--bruin-zacht)}
.artikel__inhoud .inplan__soortknop:focus-visible{outline:none;border-color:var(--bruin)}
.artikel__inhoud .inplan__sk-tekst{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.artikel__inhoud .inplan__sk-t{font-size:16px;font-weight:600;color:var(--bruin)}
.artikel__inhoud .inplan__soortknop.is-leeg .inplan__sk-t{font-weight:400;color:var(--bruin-licht)}
.artikel__inhoud .inplan__sk-s{font-size:13px;font-weight:400;color:var(--bruin-licht)}
.artikel__inhoud .inplan__soortlijst{list-style:none;margin:2px 0 0;padding:6px;
  background:var(--wit);border:1px solid var(--rand);border-radius:12px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2px}
.artikel__inhoud .inplan__soortlijst[hidden]{display:none}
.artikel__inhoud .inplan__soortlijst li{display:flex;flex-direction:column;gap:1px;
  margin:0;padding:9px 11px;border-radius:8px;cursor:pointer;outline:none}
.artikel__inhoud .inplan__soortlijst li::before{content:none}
.artikel__inhoud .inplan__soortlijst li:hover,
.artikel__inhoud .inplan__soortlijst li:focus{background:var(--zand)}
.artikel__inhoud .inplan__soortlijst li[aria-selected="true"]{background:var(--zand);
  box-shadow:inset 3px 0 0 var(--perzik)}
.artikel__inhoud .inplan__soortlijst li.is-uit,
.artikel__inhoud .inplan__soortlijst li.is-uit:hover{cursor:default;background:none;opacity:.55}
.artikel__inhoud .inplan__soortnoot{margin:4px 0 0;font-size:13px;font-weight:400;
  color:var(--bruin-licht)}
.artikel__inhoud .inplan__soortnoot a{color:var(--bruin);font-weight:600}