refactor: a part of heti css style

src/components/MobileHeader.astro

@@ -19,7 +19,7 @@ const marginBottom = {
 ---
 
 <header class="mb-15 lg:hidden">
-  <h3 class={`${marginBottom} mt-3 text-5.375 c-secondary font-bold font-title`}>
+  <h2 class={`${marginBottom} mt-3 text-5.375 c-secondary font-bold font-title`}>
     <!-- Fix text cropping issues during view transition on ios by adding a div tag -->
     <div
       class="box-content inline-block pr-1.25"
@@ -30,7 +30,7 @@ const marginBottom = {
         {headerTitle}
       </a>
     </div>
-  </h3>
+  </h2>
 
   {headerSubtitle && (
     <div

src/components/PostList.astro

@@ -34,15 +34,17 @@ function getPostPath(post: Post) {
     >
 
       {/* post title */}
-      <a
-        class="hover:c-primary"
-        lg={isTag ? '' : 'font-medium text-4.5'}
-        href={getPostPath(post)}
-        transition:name={`post-${post.data.abbrlink || post.slug}-${lang}`}
-        data-disable-transition-on-theme
-      >
-        {post.data.title}
-      </a>
+      <h3 class="inline">
+        <a
+          class="hover:c-primary"
+          lg={isTag ? '' : 'font-medium text-4.5'}
+          href={getPostPath(post)}
+          transition:name={`post-${post.data.abbrlink || post.slug}-${lang}`}
+          data-disable-transition-on-theme
+        >
+          {post.data.title}
+        </a>
+      </h3>
 
       {/* mobile post time */}
       <div