Justify multi-line prose app-wide (p, li, pre-line text); centered sections keep centering

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/styles/index.css

@@ -79,6 +79,24 @@
   input, textarea {
     font: inherit;
   }
+  /* متنِ چندخطی (پاراگراف، گام‌های درس، متنِ سوال، حبابِ پی) دو‌طرف‌چین است تا لبه‌ی چپ
+     مرتب باشد. این‌ها در لایه‌ی base‌اند، پس هر جا کلاسِ text-center / text-left داده شده
+     برنده است و تیترها و برچسب‌های کوتاه سرِ جایشان می‌مانند. خطِ آخر طبقِ معمول راست‌چین
+     می‌ماند. text-justify فقط فاصله‌ی بینِ کلمه‌ها را باز می‌کند (کشیده‌نویسی در CSS نیست). */
+  p, li, .whitespace-pre-line {
+    text-align: justify;
+    text-justify: inter-word;
+    /* از تک‌کلمه‌ی یتیم در خطِ آخر جلوگیری می‌کند */
+    text-wrap: pretty;
+  }
+  /* پاراگرافِ داخلِ بخشِ وسط‌چین (حالتِ خالی، آنبوردینگ، اسپلش) وسط‌چین می‌ماند؛
+     بدونِ این، قاعده‌ی بالا ارثِ text-center را می‌شکست. */
+  .text-center :is(p, li, .whitespace-pre-line) {
+    text-align: center;
+  }
+  .text-left :is(p, li, .whitespace-pre-line) {
+    text-align: left;
+  }
 }
 
 @utility no-scrollbar {