/* Informatiepagina's (gidsen). Bouwt voort op landing.css + launch.css (.hulp-inhoud). */
.gids h1{font-size:clamp(32px,6vw,48px);line-height:1.1;margin:0 0 14px}
.gids .intro{font-size:19px;color:var(--zacht);margin:0 0 8px}
.gids section p,.gids section li{line-height:1.6}
.gids section ol,.gids section ul{padding-left:22px}
.gids .kruimel{font-size:14px;margin:0 0 18px;color:var(--zacht)}
.gids .kruimel a{color:var(--zacht)}
.gids .cta{margin:28px 0;padding:24px;border-radius:20px;background:var(--paars-z)}
.gids .cta p{margin:0 0 14px;font-weight:800}
.gids .cta .knop{margin:4px 8px 4px 0}
.gids details{padding:12px 0;border-top:1px solid var(--rand)}
.gids summary{font-weight:850;cursor:pointer}
.gidsen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none}
.gidsen a{display:block;height:100%;padding:16px 18px;border:2px solid var(--rand);border-radius:16px;background:var(--wit);text-decoration:none;color:var(--tekst);font-weight:800}
.gidsen a span{display:block;font-weight:600;color:var(--zacht);font-size:15px;margin-top:4px}
.gidsen a:hover{border-color:var(--paars)}
.voet nav{flex-wrap:wrap}