/* WS14 WAT JE KRIJGT: het lijnenkruis. Overschrijft aanbod-paneel.css (dat zet de scheidslijnen
   per kaart met marges en padding) en laadt erna.
   V1 17-09 (middag): gesloten 2x2 met gap 1px op de lijnkleur en een rand eromheen.
   V2 17-09 (avond, feedback Timo): "die lijn eromheen is helemaal niet nodig, alleen dat kruisje
   in het midden, en alles wat groter". Dus: geen rand, geen afgeronde doos; de oneven cellen
   dragen de verticale lijn rechts, de bovenste rij de horizontale lijn onder. Kop en body een
   maat groter, meer ruimte in de cellen, en de standaard lijn-svg's zijn vervangen door
   gegenereerde iconen in de stijl van de rest van de pagina (assets/icons/ws-k1..k4.png, lichte
   inkt omdat ze op navy staan; recept aanbod-ws-260917/icons/generate-r2.py). */
/* 17-09 (laat, Timo): "mega veel blauwe ruimte aan alle kanten": paneelrand 36 → 20px en celpadding 46/49 → 32/36px op 1440. */
.ws-aanbod .ws-zeker-paneel { padding: clamp(12px, 1.4vw, 20px); }
.ws-aanbod.aanbod-paneel .ws-zeker-pledges {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  background: none;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.ws-aanbod.aanbod-paneel .ws-zeker-pledge,
.ws-aanbod.aanbod-paneel .ws-zeker-pledge + .ws-zeker-pledge,
.ws-aanbod.aanbod-paneel .ws-zeker-pledge:nth-child(odd),
.ws-aanbod.aanbod-paneel .ws-zeker-pledge:nth-child(n + 3) {
  border: 0;
  margin: 0;
  padding: clamp(22px, 2.3vw, 32px) clamp(22px, 2.5vw, 36px);
  background: none;
}
.ws-aanbod.aanbod-paneel .ws-zeker-pledge:nth-child(odd) { border-right: 1px solid var(--line-inv); }
.ws-aanbod.aanbod-paneel .ws-zeker-pledge:nth-child(-n + 2) { border-bottom: 1px solid var(--line-inv); }
.ws-aanbod .ws-zeker-ico {
  display: block;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  color: inherit;
}
.ws-aanbod .ws-zeker-ico img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ws-aanbod .ws-zeker-pledge .ws-zeker-kop {
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
  margin-bottom: 12px;
}
.ws-aanbod .ws-zeker-body { font-size: 1rem; line-height: 1.65; }
@media (max-width: 880px) {
  .ws-aanbod.aanbod-paneel .ws-zeker-pledges { grid-template-columns: minmax(0, 1fr); }
  .ws-aanbod.aanbod-paneel .ws-zeker-pledge,
  .ws-aanbod.aanbod-paneel .ws-zeker-pledge + .ws-zeker-pledge,
  .ws-aanbod.aanbod-paneel .ws-zeker-pledge:nth-child(odd),
  .ws-aanbod.aanbod-paneel .ws-zeker-pledge:nth-child(-n + 2) {
    border: 0;
    margin: 0;
    padding: 26px 22px;
  }
  .ws-aanbod.aanbod-paneel .ws-zeker-pledge:not(:last-child) { border-bottom: 1px solid var(--line-inv); }
  .ws-aanbod .ws-zeker-ico { width: 56px; height: 56px; }
}