src/entities/experience/ui/ExperienceCard/ExperienceCard.test.tsx

@@ -50,10 +50,10 @@ describe('ExperienceCard', () => {
       expect(company).toHaveClass('opacity-80');
     });
 
-    it('description paragraph has text-base and max-w-[700px]', () => {
+    it('description renders via RichText with rich-text class', () => {
       render(<ExperienceCard {...DEFAULT_PROPS} />);
       const desc = screen.getByText('Built scalable frontend systems.');
-      expect(desc).toHaveClass('text-base', 'max-w-[700px]');
+      expect(desc.closest('.rich-text')).toBeInTheDocument();
     });
 
     it('card has brutal-border class (from Card component)', () => {

src/entities/experience/ui/ExperienceCard/ExperienceCard.tsx

@@ -1,4 +1,4 @@
-import { Card } from '$shared/ui';
+import { Card, RichText } from '$shared/ui';
 
 type Props = {
   /**
@@ -36,7 +36,7 @@ export function ExperienceCard({ title, company, period, description, className
         </div>
         <span className="brutal-border px-4 py-2 bg-blue text-cream text-sm self-start">{period}</span>
       </div>
-      <p className="text-base max-w-[700px]">{description}</p>
+      <RichText html={description} />
     </Card>
   );
 }

src/widgets/BioSection/ui/BioSection/BioSection.tsx

@@ -14,5 +14,5 @@ export default async function BioSection() {
     notFound();
   }
 
-  return <RichText html={data.content} className="prose prose-lg max-w-none" />;
+  return <RichText html={data.content} />;
 }

src/widgets/IntroSection/ui/IntroSection/IntroSection.tsx

@@ -14,5 +14,5 @@ export default async function IntroSection() {
     notFound();
   }
 
-  return <RichText html={data.content} className="prose prose-lg max-w-none" />;
+  return <RichText html={data.content} />;
 }