/* The inline waitlist form: the home page hero and the band at the top of
   every blog page. One row for the address and the button, the adult
   confirmation and the privacy line under it. */
.waitlist-form{display:grid;gap:9px;max-width:520px;margin:4px 0 0}
.waitlist-row{display:flex;gap:8px;align-items:stretch}
.waitlist-row input[type=email]{flex:1 1 auto;min-height:46px;font-size:15px}
.waitlist-row .btn{flex:0 0 auto;white-space:nowrap;cursor:pointer}
.waitlist-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--body)}
.waitlist-consent input{flex:0 0 auto;margin-top:1px}
.waitlist-privacy{font-size:11.5px;color:var(--muted);margin:0}
.waitlist-privacy a{color:var(--accent)}
.waitlist-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.marketing-hero .waitlist-form{margin:22px 0 12px}

/* At the top of every blog page. */
.blog-waitlist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:center;
  background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:16px 18px;margin:0 0 26px}
.blog-waitlist-copy{margin:0;font-size:14.5px;line-height:1.5;color:var(--body)}
.blog-waitlist-copy strong{display:block;color:var(--ink);font-size:15.5px;margin-bottom:2px}
.blog-waitlist .waitlist-form{max-width:none;margin:0}

@media(max-width:760px){
  .blog-waitlist{grid-template-columns:1fr;gap:12px}
}
@media(max-width:520px){
  .waitlist-row{flex-direction:column}
  .waitlist-row .btn{width:100%}
}