/* /leden/ (19 okt '26): inloggen als lid met alleen een e-mailadres. Alleen deze pagina laadt dit bestand (src/pages/leden.js, `head`);
   .leden, .leden-search en .leden-help staan in site.css. */
.leden-form { display: grid; gap: 10px; margin: 22px 0 12px; }
.leden-form .leden-search { margin: 0; }
.leden-form .btn { padding-top: 15px; padding-bottom: 15px; }
/* Veld + knop op één rij; Turnstile (tsField) eronder over de hele breedte. Zonder dit kwam de widget naast het veld, rekte het raster
   het veld op en zakte het envelopje onder de invoer (Robin, 29 okt '26). */
.leden-form .leden-search input { height: 100%; }
@media (min-width: 600px) {
  .leden-form { grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; }
  .leden-form .cf-turnstile { grid-column: 1 / -1; order: 1; margin: 2px 0 0 !important; }
}
.leden .flash { margin: 22px 0 0; }
.leden-sent { display: flex; align-items: flex-start; gap: 14px; margin: 22px 0 12px; padding: 16px 18px; border: 1px solid rgba(var(--accent-rgb), 0.4); border-radius: 16px; background: rgba(var(--accent-rgb), 0.08); }
.leden-sent svg { flex: none; width: 22px; height: 22px; margin-top: 2px; color: var(--accent); }
.leden-sent p { margin: 0; font-weight: 600; }
.leden-dev { margin: 0 0 10px; font-size: 0.85rem; color: var(--muted); word-break: break-all; }
.leden-dev a { color: var(--accent); }