docs: store identifier class

Author: jagoral

Diff for: docs/content/guides/7.multistore/3.patterns/5.subpath/1.subpath.md

@@ -247,12 +247,12 @@ There are two key steps to implement store-specific styling:
 
 ### 1. Applying Store Identifier Class
 
-First, you need to apply the store identifier as a CSS class to enable different styles for each store:
+First, you need to apply the store identifier as a CSS class to enable different styles for each store. The class should be applied to an HTML element that is as high as possible in the document hierarchy (like `html`, `body`, or the root layout element). This is crucial because it allows us to style any nested elements using the store-specific variants.
 
 ::tabs{:titles='["Next.js", "Nuxt"]'}
 
 #tab-1
-In your Next.js layout, apply the configId as a class:
+In your Next.js layout, apply the configId as a class to the root layout element:
 
 ```tsx
 // apps/storefront-unified-nextjs/app/[locale]/[configId]/layout.tsx
@@ -274,7 +274,7 @@ export default function Layout({ children, params: { configId } }: LayoutProps)
 ```
 
 #tab-2
-In your Nuxt app.vue, apply the configId as a class:
+In your Nuxt app.vue, apply the configId as a class to the `Body` component:
 
 ```vue
 // apps/storefront-unified-nuxt/app.vue