/* Lead-magnet: de Handwerk-checklist (/gids). Hairlines + tokens, geen schaduw. */
.gids-lijst { list-style: none; counter-reset: g; margin: 26px 0 0; padding: 0; max-width: 640px; }
.gids-lijst li { counter-increment: g; position: relative; padding: 14px 0 14px 46px; border-top: 1px solid var(--haarlijn); font-size: 16px; color: var(--inkt); }
.gids-lijst li:last-child { border-bottom: 1px solid var(--haarlijn); }
.gids-lijst li::before { content: counter(g, decimal-leading-zero); position: absolute; left: 0; top: 15px; font-family: var(--font-mono); font-size: 13px; letter-spacing: .04em; color: var(--koper); }

/* Navy paneel: de mk-capture-tekst is ontworpen voor donkere grond, daar leest hij. */
.gids-gate { margin-top: 40px; max-width: 620px; border: 1px solid var(--mk-rand-donker); border-radius: 18px; padding: 30px;
  background-color: var(--navy);
  background-image: radial-gradient(ellipse 60% 50% at 90% 6%, rgba(196,98,45,.14), transparent 60%), var(--mk-noise); }
.gids-gate .mono-label { color: var(--navy-gedempt); }
.gids-gate-tekst { font-size: 15.5px; line-height: 1.6; color: var(--mk-tekst-donker); margin: 10px 0 20px; max-width: none; }

.gids-download { margin: 4px 0 34px; }
.gids-vol { list-style: none; margin: 0; padding: 0; }
.gids-vol li { padding: 22px 0; border-top: 1px solid var(--haarlijn); }
.gids-vol li:last-child { border-bottom: 1px solid var(--haarlijn); }
.gids-vol h3 { font-family: var(--font-kop); font-weight: 700; font-size: 18px; line-height: 1.2; color: var(--navy); margin: 0 0 10px; }
.gids-vol p { font-size: 15px; line-height: 1.6; color: var(--inkt); margin: 6px 0; max-width: 660px; }
.gids-vol .gids-herken { color: var(--tekst-muted); }
.gids-vol .mono-label { display: inline-block; margin-right: 10px; color: var(--koper); font-size: 11px; }

.gids-reken { margin-top: 40px; max-width: 660px; border-left: 2px solid var(--koper); padding: 4px 0 4px 18px; }
.gids-reken p { font-size: 15.5px; line-height: 1.65; color: var(--inkt); margin: 8px 0 0; max-width: none; }
.gids-slot { margin-top: 44px; }
@media (max-width: 640px) { .gids-gate { padding: 20px; } }