/* usemarrow.com /waitlist (session twenty two, item 26): the launch waitlist form that {{block:waitlist}} prints.
   Linked from the block (no inline style anywhere; the Content Security Policy allows style-src 'self' only). The
   colours are the site's tokens, so both themes follow site.css. */
[data-waitlist] [hidden] { display: none !important; }
[data-waitlist]:not(.ready) .needs-js { display: none; }
[data-waitlist] input[type="email"] { direction: ltr; text-align: start; }
/* the honeypot: out of sight and out of the tab order, but still a text field that a script fills in */
[data-waitlist] .wl-hp { position: absolute; inset-inline-start: -10000px; inline-size: 1px; block-size: 1px; overflow: hidden; }
[data-waitlist] .wl-consent { display: flex; align-items: flex-start; gap: 10px; margin-block-start: 16px; }
[data-waitlist] .wl-consent input { flex: 0 0 auto; inline-size: 22px; block-size: 22px; margin: 2px 0 0; accent-color: var(--accent); }
[data-waitlist] .wl-consent label { margin: 0; font-weight: 400; }
[data-waitlist] .row { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 16px; }
[data-waitlist] .row button { flex: 0 0 auto; }
[data-waitlist] button[disabled] { opacity: .5; cursor: not-allowed; }
/* after the launch note (session 23): the download block that takes the form's place */
[data-waitlist] .wl-launched ul { margin-block: 8px 12px; padding-inline-start: 20px; }
[data-waitlist] .wl-result { margin-block-start: 14px; padding: 10px 12px; border-radius: 10px; background: var(--accent-soft); color: var(--ink); }
@media (max-width: 480px) { [data-waitlist] { padding: 18px; } }