All of a sudden, yesterday evening both G Suite and GMail (desktop/win) started really messing with the <style> tag in the <head>. At first its added prefixes didn't match up with the prefixes it added to my class attributes. Then it removed the <style> altogether, including media queries.

I verified that I had NO bad css in the <style> tag and even rolled back and copied the styles right from GMail's source rewrites when it was working yesterday (11/14/18).

Is anyone else experiencing this issue? Any help would be very much appreciated.

Full HTML below:

http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="initial-scale=1" name="viewport">
<title></title>
<meta content="" name="description">
<!--[if mso]>
<style type="text/css">
html, body, table, td, p, a, li, b, i { font-family: Arial, Sans !important }
table, tr, td {border-collapse: collapse}
</style>
<![endif]-->
<style type="text/css">
table, td{mso-table-lspace: 0pt; mso-table-rspace: 0pt}
img{-ms-interpolation-mode: bicubic}
.ReadMsgBody,.ExternalClass {width: 100%}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%}
table, td {border-collapse: collapse; border-spacing: 0px}
img {display: block; border: none}
html, body, table, td, p, a, li, blockquote {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Arial, sans-serif}
.b-div,.b-table{height: 100% !important; width: 100% !important; margin: 0; padding: 0; background-color: #68ACD6; color: #333332}
.padding-wide{padding:10px}
.padding-wide-body{padding: 0 15px; font-size: 13px}
.border-wide{max-width: 600px; border: 1px solid #017AC1; border-radius: 6px}
.b-pad{padding: 15px 10px}
.m-head{border-bottom: 1px solid #017AC1}
.m-pad{padding: 0 5px 15px}
.m-logo {width: 100%; max-width: 180px}
.m-phone {display: block; padding-left: 10px; font-size: 24px; line-height: 1; text-decoration: none; color: #017AC1 !important; font-weight: 600 !important}
.g-fix{display: none; white-space: nowrap; font: 15px courier; color: #ffffff}
.ver{font-size: 8px; color: #e1e1e1}
@media only screen and (max-width: 600px) {
html, body, table, td, p, a, li, b, i {font-family: Arial, sans-serif !important}
.padding-wide {padding: 0px !important}
.padding-wide-body {padding-right: 10px !important; padding-left: 10px !important}
.border-wide {border-width: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important}
.m-phone {font-size: 20px !important}
.t-sub {width: 100% !important}
.img-logo-wide {width: 100% !important; max-width: 100px !important}
}
</style>
</head>

<body class="b-div" style="height: 100% !important; width: 100% !important; margin: 0; padding: 0; background-color: #68ACD6; color: #333332" bgcolor="#68ACD6">

<table class="b-table" style="height: 100% !important; width: 100% !important; margin: 0; padding: 0; background-color: #68ACD6" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#68ACD6">
<tbody>
<tr>
<td class="padding-wide" style="padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top">

<table class="border-wide" style="max-width: 600px; border-width: 1px; border-color: #017AC1; border-style: solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #ffffff; border-collapse: separate; border-spacing: 0;" align="center" cellpadding="0" cellspacing="0" border="0" width="600" bgcolor="#ffffff">
<tbody>
<tr>
<td class="b-pad" style="padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px" align="center">

<table class="m-head" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #017AC1" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="m-pad" style="padding-top: 0px; padding-right: 5px; padding-bottom: 15px; padding-left: 5px">

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="50%">

<a title="iCruise.com" href="https://www.icruise.com/">
<img class="m-logo" style="display: block; width: 100%; max-width: 180px" src="https://d23n7ahjfnjotp.cloudfront.net/imgs/email/mobi_ic_logo400.png" width="180" border="0" alt="iCruise.com"></a>

</td>
<td nowrap="nowrap" width="50%" align="right">

<a class="m-phone" href="tel:800-427-8473">1-800-427-8473</a></td>
</tr>
</table>

</td>
</tr>
</tbody>
</table>

</td>
</tr>
<tr>
<td class="padding-wide-body" style="padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; font-family: Arial, sans-serif; font-size: 13px; background-color: #ffffff" align="center" bgcolor="#ffffff">

body goes here

<div class="g-fix" style="display: none; white-space: nowrap; font: 15px courier; color: #ffffff">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</div>
</td>
</tr>
<tr>
<td align="left" style="padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px">

<!-- FOOTER / T&C -->
<table style="border-collapse: collapse; border-spacing: 0px; text-align: left; width: 100%;" width="100%" cellpadding="0" cellspacing="0" border="0" align="left">
<tr>
<td style="padding-top: 15px; padding-right: 5px; padding-left: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #017AC1; font-family: Arial, sans-serif; font-size: 13px; color: #666665">
<p style="margin: 0px">
<a href="https://www.trustpilot.com/review/icruise.com?utm_medium=Trustbox&utm_source=EmailSignature3" target="_blank" style="text-decoration: none; text-underline: none"><img src="https://emailsignature.trustpilot.com/signature/en-US/3/5978d7ba0000ff0005a77cbe/text.png" border="0" height="16" style="display: inline-block; max-height: 16px; border: none" alt="Check out our reviews"><br><img src="https://emailsignature.trustpilot.com/signature/en-US/3/5978d7ba0000ff0005a77cbe/stars.png" border="0" width="160" style="display: inline-block; max-width: 160px; width: 100%; border: none" alt="Trustpilot Stars"><br><img src="https://emailsignature.trustpilot.com/brand/s/3/logo.png" border="0" width="79" style="display: inline-block; max-width: 79px; width: 100%; border: none" alt="Trustpilot Logo"></a><br>
<br>
<b>iCruise.com / WMPH Vacations</b><br>
220 Congress Park Drive, Suite 330<br>
Delray Beach, FL 33445<br>
<br>
<b>US Toll-free:</b>1-800-427-8473<br>
<b>UK Freephone:</b>0808 101 2793<br>
<b>Australia Freecall:</b>1800 251 657<br>
<b>Other Countries:</b>00-1-561-900-1856<br>
<br>
Fla. Seller of Travel Reg. No. ST35780<br>
California Seller of Travel #: 2100614-50<br>
Copyright (c) WMPH Vacations Inc.<br>
<br>
<span class="ver" style="font-size: 8px; color: #e1e1e1">v20181115.06</span>
</p>
</td>
</tr>
</table>

</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

</body>
</html>