fix: adjust line breaks for better readability in performance and learning sections

Author: lacolaco

adev-ja/src/app/features/home/home.component.html

@@ -65,7 +65,7 @@
           </g>
         </g>
       </svg>
-      <h2>スケーラブルなウェブアプリを確実に構築するフレームワーク</h2>
+      <h2>スケーラブルなWebアプリを自信を持って構築するフレームワーク</h2>
     </div>
   } @else {
     <!-- UwU logo -->
@@ -144,8 +144,8 @@ <h3>オールインワン</h3>
     <div class="performance-half">
       <h2>パフォーマンスが決め手のプロジェクトに</h2>
       <p class="secondary">
-        チーム規模に応じてスケールする高速で信頼性の高いアプリケーション構築で<br>
-        世界中の何百万もの開発者に選ばれています。
+        チーム規模に応じてスケールする高速で信頼性の高いアプリケーション構築で世界中の何百万もの開発者に選ばれています。
+
       </p>
       <div class="docs-card-grid">
         <a routerLink="/guide/signals" class="docs-card">
@@ -177,8 +177,8 @@ <h2>パフォーマンスが決め手のプロジェクトに</h2>
           </svg>
           <div class="card-content">
             <p>
-              SSR、SSG、ハイドレーション、次世代の遅延ロードで<br>
-              パフォーマンス目標を確実に達成
+              SSR、SSG、ハイドレーション、次世代の遅延ロードでパフォーマンス目標を確実に達成
+
             </p>
           </div>
           <span>レンダリング戦略を学ぶ</span>
@@ -365,8 +365,8 @@ <h2 id="learn-more">さあ、Angularを始めよう</h2>
         <div class="card-content">
           <h3>Angular初心者の方へ</h3>
           <p>
-            ブラウザ上で完結するインタラクティブなチュートリアルで、<br>
-            Angularの実践的なスキルを身につけましょう。
+            ブラウザ上で完結するインタラクティブなチュートリアルで、Angularの実践的なスキルを身につけましょう。
+
           </p>
           <p class="secondary">
             Angularが初めてで、まずはコードを書いて学びたい開発者におすすめ
@@ -383,8 +383,8 @@ <h3>Angular初心者の方へ</h3>
         <div class="card-content">
           <h3>じっくり読んで学びたい方へ</h3>
           <p>
-            コーヒー一杯分の時間で、Angularの基本概念を<br>
-            効率よく理解できるガイドをご用意しています。
+            コーヒー一杯分の時間で、Angularの基本概念を効率よく理解できるガイドをご用意しています。
+
           </p>
           <p class="secondary">
             他のフレームワーク経験があり、Angularの概要を素早く把握したい開発者におすすめ
@@ -463,8 +463,8 @@ <h3>なぜAngularを選ぶのか？</h3>
         <div class="card-content">
           <h3>AIとAngularの組み合わせに興味がありますか？</h3>
           <p>
-            効果的なプロンプト、開発戦略、ベストプラクティス、実践例など、<br>
-            AIとAngularを組み合わせた開発に役立つ情報が満載です。
+            効果的なプロンプト、開発戦略、ベストプラクティス、実践例など、AIとAngularを組み合わせた開発に役立つ情報が満載です。
+
           </p>
           <p class="secondary">
             ロボット用...そしてAngularとAIを最大限活用したい開発者におすすめ

tools/adev-patches/add-global-styles.patch

@@ -2,14 +2,14 @@ diff --git a/adev/src/local-styles.scss b/adev/src/local-styles.scss
 index f3c266a1e2..bac1fb9f9b 100644
 --- a/adev/src/local-styles.scss
 +++ b/adev/src/local-styles.scss
-@@ -5,3 +5,17 @@
+@@ -5,3 +5,21 @@
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
 +
 +// adev-ja overrides
 +
-+.docs-viewer, .docs-app-main-content {
++.docs-viewer, adev-home {
 +    // `balance` is not good for Japanese headings.
 +    h1,
 +    h2,
@@ -19,6 +19,10 @@ index f3c266a1e2..bac1fb9f9b 100644
 +    h6 {
 +        word-break: auto-phrase;
 +    }
++
++    p {
++        word-break: auto-phrase;
++    }
 +}
 
 diff --git a/adev/shared-docs/styles/_typography.scss b/adev/shared-docs/styles/_typography.scss