/* PANEEL-ANKER — het es-markt-ankerpaneel (css/executive-search/es4.css) in de solo-stand:
   zonder de 20/80-figuur ernaast, met de twee alinea's in twee kolommen.
   GEDEELD. Draagt ws12, es4, hh3 en sr11.

   ⛔ 15-09-2026, feedbackronde Timo — DIT BESTAND HEETTE paneel-licht.css EN ZETTE HET PANEEL
   OP PAPER. Dat is teruggedraaid. Letterlijk: "dat doen we nergens op de site. Dus altijd
   gewoon als je een witte achtergrond hebt, is dat ding blauw. Een donkerblauw."
   Het argument waarmee het 14-09 licht werd (twee navy massa's op elkaar, want het
   probleemblok erboven is donker) weegt dus NIET op tegen die regel. De lucht tussen de
   donkere band en dit paneel doet dat werk: 2 x --space-section-s cream ertussen.
   Zet dit niet nog eens terug naar licht zonder dat Timo het vraagt.

   Wat hier staat is alleen nog LAYOUT; de kleur komt uit .es-markt-paneel in es4.css en uit
   .on-dark op het <article>.
   ⛔ Wijzig je dit bestand, meet dan elke pagina: grep -rl "paneel-anker.css" cms/templates/shells/ */

.paneel-anker--solo .es-markt-grid { grid-template-columns: minmax(0, 1fr); }
.paneel-anker--solo .es-markt-copy h2 { font-size: clamp(2.1rem, 3.6vw, 3.4rem); max-width: 22ch; }

/* .paneel-anker-tekst = twee alinea's naast elkaar (het hh3-recept), voor een paneel zonder
   figuur: een kolom tekst over de volle breedte leest slecht, en zonder figuur blijft de
   rechterhelft anders leeg. */
.paneel-anker-tekst {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: start;
  margin-top: 6px;
}
.paneel-anker-tekst > * { margin: 0; max-width: 46ch; }

@media (max-width: 860px) {
  .paneel-anker-tekst { grid-template-columns: 1fr; gap: 1rem; }
  .paneel-anker--solo .es-markt-copy h2 { max-width: none; }
}