From d95f9e39014a894353a21f753a67cdf148d92981 Mon Sep 17 00:00:00 2001
From: Fake-User <45649815+Fake-User@users.noreply.github.com>
Date: Sat, 18 Oct 2025 03:13:18 -0400
Subject: [PATCH] amend explanation of css file imports

Docs described styles imported into a component as being scoped to the component. This is not the current behavior. Imported styles become global without the use of CSS modules or other dependencies.
---
 src/routes/concepts/components/class-style.mdx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/routes/concepts/components/class-style.mdx b/src/routes/concepts/components/class-style.mdx
index a334d1e72..c2c840de8 100644
--- a/src/routes/concepts/components/class-style.mdx
+++ b/src/routes/concepts/components/class-style.mdx
@@ -37,9 +37,8 @@ This is because they are not reusable, and they can be difficult to maintain ove
 The `class` attribute allows you to style one or more elements through CSS rules.
 This provides a more structured approach to styling, as it allows you to reuse styles across multiple elements.
 
-Classes are defined in CSS files, which are then imported into the component files that use them.
-You can import these files using the `import` statement at the top of your component file.
-Once imported into a component, the classes are scoped to that component and any of its children.
+Classes are defined in CSS files. You can import these files using the `import` statement at the top of your component file.
+The CSS file's contents will be inserted into a style tag in the document head.
 
 ```jsx
 import "./Card.css";