style: implement design update request

src/components/Article/Article.Block.tsx

@@ -181,6 +181,10 @@ const Paragraph = styled(Typography)`
   &.u-text-align-center {
     text-align: center;
   }
+
+  & > strong {
+    margin-bottom: 16px;
+  }
 `
 
 const IframeContainer = styled.div<{ isSimplecast?: boolean }>`

src/components/Article/Article.Body.tsx

@@ -31,4 +31,38 @@ const ArticleContainer = styled.article`
   gap: 16px;
   max-width: 700px;
   padding-bottom: 80px;
+
+  h2,
+  h3 {
+    margin-bottom: unset;
+  }
+
+  // p tag does not include strong tag as a child
+  h3 + span + p {
+    margin-top: 16px;
+  }
+
+  h3 + span + p:has(strong) {
+    margin-top: unset;
+  }
+
+  /* h3 + span + p:has(strong) + span + p {
+    margin-top: 16px;
+  } */
+
+  h2 + span + p {
+    margin-top: 16px;
+  }
+
+  h2 + span + p:has(strong) {
+    margin-top: unset;
+  }
+
+  /* h2 + span + p:has(strong) + span + p {
+    margin-top: 16px;
+  } */
+
+  h2 + span + h3 {
+    margin-top: unset;
+  }
 `

src/components/Article/Header/Article.Header.tsx

@@ -77,6 +77,10 @@ const ArticleHeader = ({
 const ArticleHeaderContainer = styled.header`
   margin-bottom: 24px;
 
+  h1 {
+    margin-bottom: 16px;
+  }
+
   .mobileSummary {
     display: none;
   }

src/containers/HomePage/HomePage.tsx

@@ -348,6 +348,10 @@ const FeaturedFirst = styled.div`
     .post-card__subtitle {
       margin-top: var(--lsd-spacing-16) !important;
     }
+
+    .post-card-wrapper > div {
+      gap: 0 64px !important;
+    }
   }
 `