Remove the <ul> and <li> from the blog list

assets/styles/blog/050_list.css

@@ -1,8 +1,4 @@
 @layer section {
-  :root {
-      --body-item-spacing: 1rem;
-  }
-
   .blog.list {
     gap: 8rem 0;
   }
@@ -11,63 +7,52 @@
     grid-column: content-start / content-end;
   }
 
-  .blog.list > ul,
-  .blog.list > ul > li {
+  .blog.list > .post {
     grid-column: wide-content-start / wide-content-end;
   }
 
   @supports (grid-template-columns: subgrid) {
-    .blog.list > ul,
-    .blog.list > ul > li,
-    .blog.list > ul > li > article {
+    .blog.list > .post {
+      --body-item-spacing: 2rem;
+
       display: grid;
       grid-template-columns: subgrid;
       gap: var(--body-item-spacing) 0;
     }
   }
 
-  /*
-  @media (max-width: 415px) {
-    .blog.list > ul,
-    .blog.list > ul > li {
-      display: block;
+  .post header {
+    grid-column: wide-content-start / content-end;
+  }
+
+  @supports (grid-template-columns: subgrid) {
+    .post header {
+      display: grid;
+      grid-template-columns: subgrid;
     }
   }
-  */
 
-  .blog.list > ul {
-    gap: 8rem 0;
-  }
-
-  .blog.list > ul > li {
-    gap: 1rem 0;
-    margin: 0;
-  }
-
-  li > time {
+  .post time {
     font-variant-numeric: tabular-nums;
     grid-column: wide-content-start;
     justify-self: end;
   }
 
   @media (max-width: 960px) {
-    li > time {
+    .post time {
       grid-column: content-start / content-end;
       justify-self: start;
       line-height: var(--line-height);
     }
   }
 
-  li > .title {
-    grid-column: content-start / content-end;
-  }
-
-  li > article {
+  article.post {
     grid-column: gutter-start / gutter-end;
   }
 
-  li > p,
-  li > .tags {
+  .post p,
+  .post .tags,
+  .post .title {
     grid-column: content-start / content-end;
   }
 
@@ -75,18 +60,6 @@
     margin-block-end: 0;
   }
 
-  @media (max-width: 414px) {
-    li > article > figure,
-    li > article > figure img {
-        border-radius: 0;
-    }
-  }
-
-  .blog.list > ul,
-  .blog.list > ul > li {
-    margin-inline-start: 0;
-  }
-
   .title {
     font-size: var(--h5-size);
   }