/* The Turnstile widget of Simple Cloudflare Turnstile (Misc.ChessStore.Turnstile's turnstile.css, on the
   plugin's own container class). It runs with appearance "interaction-only": Cloudflare usually decides
   without showing anything, and the container must then take no room. Its markup is in a closed shadow
   root, so the stylesheet cannot see whether it is showing; turnstile.js marks the moment it has a height
   with data-turnstile-interactive. The flexible size keeps the widget at 300px or wider, which fits the
   358px a 390px phone leaves inside the gutters. */

/* Out of the flow while there is nothing to see: the theme's forms lay their fields out as a grid or flex
   column with a gap, and even an empty item there would open a gap of its own. */
.cf-turnstile:not([data-turnstile-interactive]) {
  position: absolute;
}

/* Inside .form-fields the theme's gap spaces the checkbox like any field; after them it comes as a margin. */
.cf-turnstile[data-turnstile-interactive]:not(.form-fields > *) {
  margin-block-start: var(--space-lg);
}