Add CSS structure for country-specific style overrides (#7326) (#7327)

* feat: Add CSS structure for country-specific style overrides (#7326)

* refactor: apply Tailwind classes for Korean-specific styles (#7326)

* style: Comply with Tailwind Style Guide and Add Comments (#7326)

---------

Co-authored-by: lucas <[email protected]>
Co-authored-by: mpruser <[email protected]>

Author: 3 people

apps/site/styles/index.css

@@ -12,3 +12,4 @@
 @import './base.css';
 @import './markdown.css';
 @import './effects.css';
+@import './locals.css';

apps/site/styles/locals.css

@@ -0,0 +1,10 @@
+/**
+ * To enhance readability for Korean users, line spacing is increased,
+ * line breaks in the middle of words are prevented, and long words are
+ * managed to avoid disrupting the layout.
+ */
+html[lang='ko'] {
+  @apply break-words
+    break-keep
+    leading-7;
+}