I’m editing a page on a WordPress site and using <style> tags in the tex field, and everything is working correctly – except for this:

@media screen and (max-width: 1199px) {
  body .site-content {
    padding-top: 0 !important;
  }
}

Does WordPress intentionally ignore media queries on individual pages or is there something wrong with my syntax?