Почему не работает @media (min-width: 640px) в почтовых шаблонах?

Необходимо сверстать письмо с адаптацией под мобильные устройства.
Пишу как для обычного html:

<style>
  .text--normal {
    font-size: 22px;
  }
  @media (max-width: 640px) {  /* или @media only screen and (max-device-width: 640px) */
    .text--normal {
      font-size: 16px;
    }
  }
</style>
<p class="text--normal">Произвольный текст</p>

Если проверяю в браузере то все Ок. Но в сервисе тестов писем стили для мобильных устройств игнорируются.

Как нужно верстать адаптивный дизайн для писем?
Можно ли как то запихать @media в нутро тега (<p style="{сюда}"></p>)?