feat: update posts layout

src/css/blocks/archive.css

@@ -1,27 +0,0 @@
-.archive-divider {
-  border-color: var(--color-surface);
-  border-width: 1px;
-  border-style: dashed;
-  flex: 1;
-}
-
-.archive-date {
-  color: var(--color-fadeText);
-  letter-spacing: 0.05em;
-}
-
-.archive-item {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--s1);
-}
-
-.archive-item > * {
-  flex-grow: 1;
-  flex-basis: calc((30rem - 100%) * 999);
-}
-
-.archive-item > :nth-last-child(n + 4),
-.archive-item > :nth-last-child(n + 4) ~ * {
-  flex-basis: 100%;
-}

src/css/blocks/posts.css

@@ -0,0 +1,4 @@
+.posts-list-item {
+  display: grid;
+  grid-template-columns: 1fr auto;
+}

src/css/utilities/fonts.css

@@ -7,9 +7,25 @@
 }
 
 .font-size-l {
-  font-size: 2rem;
+  font-size: 1.5rem;
 }
 
 .font-size-xl {
+  font-size: 2rem;
+}
+
+.font-size-2xl {
   font-size: 3rem;
 }
+
+.line-height-s {
+  line-height: 0.8rem;
+}
+
+.line-height-m {
+  line-height: 1.125rem;
+}
+
+.line-height-l {
+  line-height: 1.5rem;
+}