ContactForm7の中に埋め込んだ<style>や<script>が途中から認識されないとき

WordPressプラグインのContactForm7を使用してフォーム内に<style><script>を定義したときに、最初のほうは認識されるものの途中から認識されないことがありました。

TL;DR

<style><script>の中に空行があると、それ以降が効かなくなる。

詳細

バージョン情報: Contact Form 7 version 4.9.1

例えば、

<style>
  input#your-name {
    color: #0f0;
  }

  input#your-email {
    color: #f00;
  }
</style>

<label> お名前 (必須)
    [text* your-name id:your-name akismet:author] </label>

<label> メールアドレス (必須)
    [email* your-email id:your-email akismet:author_email] </label>

[submit "Send"]

これで見てみると、お名前部分は入力文字が緑になるのですが、メールアドレスは黒くなってしまいます。本来であれば赤になっているはずです。

5行目の空行をなくしてやると意図した動きになります。

<style>
  input#your-name {
    color: #0f0;
  }
  input#your-email {
    color: #f00;
  }
</style>

<label> お名前 (必須)
    [text* your-name id:your-name akismet:author] </label>

<label> メールアドレス (必須)
    [email* your-email id:your-email akismet:author_email] </label>

[submit "Send"]