Part Style Isolation

Use the part class as the top-level selector in CSS for that part. For example, the blog layout already has class='blog', so its CSS starts with .blog { }.

Correct

@layer partLayout {
    .blog {
        @apply grid;
    }
}
@layer themePart {
    .products {
        @apply rounded-lg;
    }
}

Incorrect

@layer partLayout {
    .layout {
        @apply grid;
    }
}

Fix

Use the existing part class as the top-level CSS selector.