/* MIS-PANEEL — de opbouw van "waar het misgaat" (ws12 op W&S) voor de drie andere dienstpagina's:
   in het navy ankerpaneel (es4.css + paneel-anker--solo) kop en lead links, een FIGUUR rechts, en
   daaronder twee punten naast elkaar onder één doorlopende lijn, met het oranje nummer vóór de kop.
   GEDEELD, 18-09-2026 (copy v4). De figuur verschilt per pagina en staat in het paginabestand:
   ES een 20/80-balk (es-v4.css), HH een teller (hh-v4.css), sales de tijdlijn (sr-v4.css).
   Laadt NA paneel-anker.css (gelijke specificiteit op de kop, dus volgorde beslist). */
.es-mis .es-markt-grid, .hh-mis .es-markt-grid, .sr-mis .es-markt-grid { grid-template-columns: minmax(0, 1fr); }
.es-mis-top, .hh-mis-top, .sr-mis-top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
.es-mis-head, .hh-mis-head, .sr-mis-head { max-width: 64ch; }
.es-mis .es-markt-copy h2, .hh-mis .es-markt-copy h2, .sr-mis .es-markt-copy h2 { max-width: 24ch; text-wrap: balance; }
.es-mis-head .lead, .hh-mis-head .lead, .sr-mis-head .lead { margin-top: 18px; max-width: 54ch; }
.es-mis-punten, .hh-mis-punten, .sr-mis-punten {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 64px);
  margin: clamp(2rem, 4vw, 3rem) 0 0;
  padding: clamp(24px, 3vw, 36px) 0 0;
  border-top: 1px solid var(--line-inv);
  list-style: none;
}
.es-mis-punt, .hh-mis-punt, .sr-mis-punt { padding: 0; border: 0; }
.es-mis-punt h3, .hh-mis-punt h3, .sr-mis-punt h3 { color: var(--text-strong-inv); margin-bottom: 10px; }
.es-mis-nr, .hh-mis-nr, .sr-mis-nr { color: var(--accent); letter-spacing: .06em; margin-right: .45em; }
.es-mis-punt p, .hh-mis-punt p, .sr-mis-punt p { margin: 0; color: var(--text-body-inv); max-width: 54ch; }
.es-mis-punt p + p, .hh-mis-punt p + p, .sr-mis-punt p + p { margin-top: 10px; }
.es-mis-keer, .hh-mis-keer, .sr-mis-keer { color: var(--text-strong-inv); font-weight: 600; }
@media (max-width: 880px) {
  .es-mis-top, .hh-mis-top, .sr-mis-top { grid-template-columns: minmax(0, 1fr); }
  .es-mis-punten, .hh-mis-punten, .sr-mis-punten { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .es-mis .es-markt-copy h2, .hh-mis .es-markt-copy h2, .sr-mis .es-markt-copy h2 { max-width: none; }
}