A bare `@scope { ... }` block (no prelude) is written inside a `<style>` element embedded in the markup. What does the scoping root resolve to, and why does this differ from wrapping the same rules in a normal stylesheet?
<div class="widget">
<style>
@scope {
p { color: green; }
}
</style>
<p>scoped?</p>
</div>