diff --git a/themes/powershell-community/layouts/_default/list.html b/themes/powershell-community/layouts/_default/list.html
index 888852e6d..83febc26d 100644
--- a/themes/powershell-community/layouts/_default/list.html
+++ b/themes/powershell-community/layouts/_default/list.html
@@ -60,7 +60,7 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex items-center space-x-4">
                             <a href="{{ .RelPermalink }}" 
                                class="inline-flex items-center bg-purple-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-purple-700 transition-colors duration-200">
@@ -81,7 +81,27 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                 
                 {{ else }}
                 <!-- Regular Article Layout -->
-                <div class="p-6">
+                <div class="lg:flex">
+                    <div class="lg:w-1/4 p-6 lg:pr-0">
+                        {{ with .Params.featured_image }}
+                        <a href="{{ $.RelPermalink }}" class="block aspect-square rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 transition-colors duration-200">
+                            <img src="{{ . | relURL }}" alt="{{ $.Title }}" loading="lazy" class="w-full h-full object-cover">
+                        </a>
+                        {{ else }}
+                        <a href="{{ .RelPermalink }}" class="block aspect-square bg-gray-900 rounded-lg p-4 flex flex-col justify-center border border-blue-400 hover:border-blue-300 transition-colors duration-200">
+                            <div class="flex space-x-1.5 mb-3">
+                                <div class="w-2 h-2 bg-red-500 rounded-full"></div>
+                                <div class="w-2 h-2 bg-yellow-500 rounded-full"></div>
+                                <div class="w-2 h-2 bg-green-500 rounded-full"></div>
+                            </div>
+                            <div class="font-mono text-xs">
+                                <span class="text-blue-400">PS C:\&gt;</span>
+                                <div class="text-blue-300 mt-2 line-clamp-3">{{ with .Params.categories }}{{ index . 0 }}{{ else }}Get-Article{{ end }}</div>
+                            </div>
+                        </a>
+                        {{ end }}
+                    </div>
+                    <div class="lg:w-3/4 p-6 lg:pl-8">
                     <div class="flex items-center justify-between text-sm text-gray-500 mb-3">
                         <div class="flex items-center space-x-3">
                             <time>{{ .Date.Format "Jan 2, 2006" }}</time>
@@ -103,7 +123,7 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                         </a>
                     </h2>
                     
-                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                     
                     <div class="flex items-center justify-between">
                         <a href="{{ .RelPermalink }}" 
@@ -122,6 +142,7 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                         </div>
                         {{ end }}
                     </div>
+                    </div>
                 </div>
                 {{ end }}
             </article>
diff --git a/themes/powershell-community/layouts/index.html b/themes/powershell-community/layouts/index.html
index 8fefb6f44..12bca5078 100644
--- a/themes/powershell-community/layouts/index.html
+++ b/themes/powershell-community/layouts/index.html
@@ -167,7 +167,7 @@ <h3 class="text-lg font-semibold text-gray-900 mb-3 line-clamp-2">
                             {{ .Title }}
                         </a>
                     </h3>
-                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                     <a href="{{ .RelPermalink }}"
                         class="inline-flex items-center text-blue-600 font-medium hover:text-blue-700">
                         Listen Now <i class="fas fa-play ml-2"></i>
@@ -211,7 +211,7 @@ <h3 class="text-lg font-semibold text-gray-900 mb-3 line-clamp-2">
                             {{ .Title }}
                         </a>
                     </h3>
-                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                     {{ with .Params.author }}
                     <div class="flex items-center text-sm text-gray-500">
                         <i class="fas fa-user-circle mr-2"></i>
diff --git a/themes/powershell-community/layouts/podcast/list.html b/themes/powershell-community/layouts/podcast/list.html
index 910c1145d..9d31aa46e 100644
--- a/themes/powershell-community/layouts/podcast/list.html
+++ b/themes/powershell-community/layouts/podcast/list.html
@@ -62,7 +62,7 @@ <h2 class="text-xl lg:text-2xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex flex-wrap items-center gap-4">
                             <a href="{{ .RelPermalink }}"
                                class="inline-flex items-center bg-purple-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-purple-700 transition-colors duration-200">
diff --git a/themes/powershell-community/layouts/taxonomy/author.html b/themes/powershell-community/layouts/taxonomy/author.html
index 4f0d3f3bb..d79f803a2 100644
--- a/themes/powershell-community/layouts/taxonomy/author.html
+++ b/themes/powershell-community/layouts/taxonomy/author.html
@@ -100,7 +100,7 @@ <h2 class="text-xl lg:text-2xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex flex-wrap items-center gap-4">
                             <a href="{{ .RelPermalink }}"
                                class="inline-flex items-center bg-purple-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-purple-700 transition-colors duration-200">
@@ -133,7 +133,7 @@ <h2 class="text-xl lg:text-2xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex flex-wrap items-center gap-4">
                             <a href="{{ .RelPermalink }}"
                                class="inline-flex items-center bg-blue-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors duration-200">