/* Cloudflare Turnstile on the forms that send an e-mail (lib/Flux/Turnstile.php): main/head_styles.php loads this file only on
   a page whose module set $turnstile. Cloudflare draws the box itself (data-theme="dark", data-size="flexible": as wide as
   the form, never under 300 px); this only gives it its place in the form's grid (the .lk-form gap), its height before the
   script has drawn it, and the line for visitors without JavaScript. Uses loki.css tokens. */
.lk-turnstile .cf-turnstile {
  min-height: 65px;
  line-height: 0; /* no gap under Cloudflare's 65 px frame, so nothing moves when it appears */
  /* a phone form narrower than 300 px (286 px at 360 px wide): the box is centred over the form, inside the panel's padding */
  margin-inline: min(0px, calc((100% - 300px) / 2));
}
.lk-turnstile__noscript { margin: 0; font-size: var(--lk-fs-sm); color: var(--lk-danger); }