/* vermist.php — breedtes van de filters. Stonden als inline style="max-width" in de
   markup. De rest van de opmaak (.vm-*) staat in rebuild.css. */
.vm-filter-smal   { max-width: 9.5rem; }
.vm-filter-middel { max-width: 11rem; }
.vm-filter-breed  { max-width: 12rem; }
@media (max-width: 575px) {
  .vm-filter-smal, .vm-filter-middel, .vm-filter-breed { max-width: none; flex: 1 1 45%; }
}

/* ── Provincieblok ───────────────────────────────────────────────────
   Alleen zichtbaar op /vermist.php?provincie=... Geeft de bezoeker de cijfers en de
   vervolgstappen van zijn eigen provincie, en maakt van zeventien bijna gelijke
   overzichten zeventien pagina's met eigen inhoud. */
.vm-prov { margin: 1.25rem 0 1.5rem; padding: 1.1rem 1.25rem; border: 1px solid var(--border); border-radius: .9rem; background: var(--surface); }
.vm-prov h2 { font-size: 1.05rem; margin: 0 0 .85rem; }
.vm-prov-cijfers { display: flex; flex-wrap: wrap; gap: 1.75rem; margin: 0 0 1rem; }
.vm-prov-cijfers div { min-width: 7rem; }
.vm-prov-cijfers dt { font-size: .8rem; color: var(--text-muted); margin: 0; }
.vm-prov-cijfers dd { font-size: 1.5rem; font-weight: 700; margin: .1rem 0 0; color: var(--primary-dark); }
.vm-prov-acties { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; }
.vm-prov-acties a { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .8rem; border: 1px solid var(--border); border-radius: .6rem; font-size: .9rem; text-decoration: none; color: var(--text); background: var(--bg); }
.vm-prov-acties a:hover { border-color: var(--primary-border); background: var(--primary-light); color: var(--primary-dark); }
@media (max-width: 575px) { .vm-prov-cijfers { gap: 1.1rem; } .vm-prov-acties a { width: 100%; } }