Add bad espace with @media keyword

With code
```css
@supports not (inset: 10px) {
.articles-wrapper.grid {
margin: 0 0 5rem 0;
}

@media screen and (min-width: 750px) {
.articles-wrapper.grid {
margin-bottom: 7rem;
}
}
}
```
Be beautifyed like this
```css
@supports not (inset: 10px) {
.articles-wrapper.grid {
margin: 0 0 5rem 0;
}
@ media screen and (min-width: 750px) {
.articles-wrapper.grid {
margin-bottom: 7rem;
}
}
}
```

Reproduce the formatter output using the nested CSS example in the issue, then inspect the repository's CSS beautification entry point to trace how the nested @media keyword is handled. Done means the formatted output no longer inserts a space inside @media while preserving the surrounding indentation.

Written by the indexing model from the issue text.