Inline Newsletter Form

<!--
  The smallest honest email capture: one row, one field, one button.

  "Smallest" does not mean the label is negotiable. It is hidden with a
  clip-rect, which keeps it in the accessibility tree - an input whose only
  description is a placeholder announces as "edit text, blank" the moment the
  user starts typing.
-->
<form class="nl-inline" action="/api/subscribe" method="post">
  <label class="nl-inline__label" for="nl-inline-email">Email address</label>
  <input
    class="nl-inline__input"
    id="nl-inline-email"
    name="email"
    type="email"
    autocomplete="email"
    placeholder="you@company.com"
    required
  />
  <button class="nl-inline__submit" type="submit">Subscribe</button>
</form>