@scope([data-component=welcome]) to (:scope [data-component]>*){:scope{--gap:var(--space-3xl)}.hero{--gap:var(--space-m);align-items:start}h1{font-size:var(--text-3xl)}.aside{color:var(--ink-muted);font-size:var(--text-s)}.steps{--gap:var(--space-l);counter-reset:step;padding:0;list-style:none}.steps>li{--gap:var(--space-2xs);counter-increment:step}.steps>li:before{content:counter(step, decimal-leading-zero);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-s)}.steps p{color:var(--ink-muted)}}