/**
 * Stoke Turnstile — front end only.
 *
 * Deliberately unopinionated: this lands inside somebody else's theme, next to their
 * submit button, so it claims spacing and nothing else. No Stoke design tokens exist
 * on the front end, hence the plain hex and rem values.
 */

.stoke-turnstile {
    margin: 0 0 1rem;
    max-width: 100%;
}

/* Reserve the standard widget height so the form does not jump when the iframe
   arrives. Compact is taller and narrower; interaction-only usually draws nothing at
   all, so reserving space there would leave a visible gap. */
.stoke-turnstile__widget {
    display: block;
    max-width: 100%;
    min-height: 65px;
}

.stoke-turnstile[data-size="compact"] .stoke-turnstile__widget {
    min-height: 120px;
}

.stoke-turnstile[data-appearance="interaction-only"] .stoke-turnstile__widget {
    min-height: 0;
}

/* Cloudflare's iframe carries a fixed pixel width, which overflows any column
   narrower than 300px unless it is allowed to shrink. */
.stoke-turnstile__widget iframe,
.stoke-turnstile__widget > div {
    max-width: 100%;
}

.stoke-turnstile__noscript,
.stoke-turnstile__error {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    line-height: 1.4;
}

.stoke-turnstile__noscript {
    color: #50575e;
}

.stoke-turnstile__error {
    color: #b32d2e;
}