fix: Stylign change in post page

assets/css/extended/custom.css

@@ -161,12 +161,17 @@ main a:hover:not(.entry-link, .anchor),
   stroke: var(--theme) !important;
 }
 
-/* Active Nav State - remain thick underline */
-nav #menu .active span::before {
-  height: 4px;
+#menu .active {
+  border-bottom: none !important;
 }
 
-nav #menu .active a:hover span::before {
+/* Active Nav State - 3x underline (6px) with same green shade */
+nav #menu a span.active::before {
+  height: 6px;
+}
+
+nav #menu a:hover span.active::before,
+nav #menu a:hover span::before {
   height: 100%;
 }
 
@@ -307,7 +312,7 @@ main .post-entry:hover {
 }
 
 /* *
-* POSTS SECTION - Same compact style as notes but with description
+* POSTS SECTION - Compact list style with title and date stacked
 * */
 .posts-list {
   list-style: none;
@@ -316,21 +321,17 @@ main .post-entry:hover {
 }
 
 .post-item {
-  padding: 12px 0;
-  border-bottom: 1px solid var(--tertiary);
-}
-
-.post-item:last-child {
+  padding: 10px 0;
   border-bottom: none;
 }
 
 .post-item a {
   position: relative;
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
+  display: flex !important;
+  flex-direction: column;
+  align-items: flex-start;
   text-decoration: none !important;
-  gap: 16px;
+  gap: 4px;
   padding: 8px 12px;
   margin: 0 -12px;
   color: inherit;
@@ -364,12 +365,13 @@ main .post-entry:hover {
   font-size: 1.1rem;
   font-weight: 500;
   color: var(--primary);
+  line-height: 1.4;
 }
 
 .post-date {
-  font-size: 0.85rem;
+  font-size: 1.1rem;
   color: var(--secondary);
-  white-space: nowrap;
+  line-height: 1.4;
 }
 
 .post-summary {
@@ -380,8 +382,7 @@ main .post-entry:hover {
 }
 
 /* Common list styles */
-.note-item a,
-.post-item a {
+.note-item a {
   display: flex !important;
   justify-content: flex-start;
   align-items: center;

layouts/posts/list.html

@@ -11,13 +11,9 @@
   {{- range .Pages }}
   <li class="post-item">
     <a href="{{ .Permalink }}">
-      <span class="post-title"># {{ .Title }}</span>
-      <span class="delimiter">&bull;</span>
+      <span class="post-title">{{ .Title }}</span>
       <span class="post-date">{{ .Date.Format "Jan 2, 2006" }}</span>
     </a>
-    {{- if .Summary }}
-    <p class="post-summary">{{ .Summary | plainify | truncate 150 }}</p>
-    {{- end }}
   </li>
   {{- end }}
 </ul>