/* Narrow-phone adjustments shared by the management campaign pages. */
/* Alleen het organisatieresultaat-model op de margepagina wordt compacter. */
.governable-map--margin .governable-elements--compact{grid-auto-rows:1fr}
.governable-map--margin .governable-elements--compact li{padding-block:16px;min-height:112px}
.governable-map--margin .governable-elements--compact strong{margin:0 0 4px}
/* In deze bestaande hero-layout zijn de kaarten breder en de teksten korter. */
@media (min-width:901px) and (max-width:1100px){
  .governable-map--margin .governable-elements--compact li{min-height:104px}
}
@media (max-width:600px){
  .governable-map--margin .governable-elements--compact li{padding-block:12px;min-height:106px}
}
@media (max-width:360px){
  .governable-map--margin .governable-elements--compact li{min-height:118px}
}
@media (max-width:700px){
  .bk-hero-close .btn{white-space:normal;line-height:1.25}
  .bk-cards--four{grid-template-columns:minmax(0,1fr)}
  .bk-cards--four h3{overflow-wrap:anywhere}
}
@media (max-width:500px){
  .governable-map--complexity .governable-elements,.governable-map--margin .governable-elements{grid-template-columns:minmax(0,1fr)}
}