Site layer is first on wide screens
@media (min-width: 50em) { @layer site; } @layer page { h1 { text-decoration: overline; color: red; } } @layer site { h1 { text-decoration: underline; color: green; } }
<h1>Is this heading underlined?</h1>