Scoped styles

A <style> block in a slide applies to that slide only.

# Red title

<style>
h1 { color: red; }
</style>

The CSS is placed inside the slide's own element with native CSS nesting, so every selector matches only inside that slide, layout elements included. For example .two-cols-header { column-gap: 20px } works. Nested rules and & work too.

UnoCSS directives such as --uno: ... do not work. Use utility classes in the HTML instead, see Styling.