feat: Add post-content styles and improve breadcrumb and link styles

static/assets/css/theme.css

@@ -1884,17 +1884,6 @@ i {
   overflow: hidden;
 }
 
-a {
-  color: rgba(18, 21, 24, 0.9);
-  text-decoration: none;
-  -webkit-transition: linear 0.1s;
-  transition: linear 0.1s;
-}
-a:hover {
-  color: rgb(18, 21, 24);
-  text-decoration: none;
-}
-
 button {
   background: transparent;
   box-shadow: none;
@@ -5383,6 +5372,24 @@ button.mfp-close:hover {
   border-color: rgba(255, 255, 255, 0.2);
 }
 
+a {
+  color: #000;
+  text-decoration: none;
+}
+a:hover {
+  color: #0056b3;
+  text-decoration: none;
+}
+
+.post-content a {
+  color: rgba(18, 21, 24, 0.8);
+  text-decoration: underline;
+}
+.post-content a:hover {
+  color: #0056b3;
+  text-decoration: none;
+}
+
 *[class*=text-link-] {
   color: rgba(18, 21, 24, 0.9);
 }
@@ -5861,6 +5868,10 @@ button.mfp-close:hover {
   background: white;
 }
 
+.post-content p {
+  line-height: 2rem;
+}
+
 .blog-card-wrapper {
   position: relative;
   background-position: center center;
@@ -7098,25 +7109,6 @@ button.mfp-close:hover {
 .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child) {
   margin-right: 0.5rem;
 }
-.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after {
-  content: "";
-  display: inline-block;
-  width: 0;
-  height: 0;
-  border-left: 4px solid #6c757d;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  margin-left: 0.75rem;
-  opacity: 0.7;
-}
-@media (max-width: 576px) {
-  .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after {
-    margin-left: 0.5rem;
-    border-left-width: 3px;
-    border-top-width: 2px;
-    border-bottom-width: 2px;
-  }
-}
 .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
   color: #495057;
   text-decoration: none;
@@ -7179,8 +7171,8 @@ button.mfp-close:hover {
     background: linear-gradient(135deg, #343a40 0%, #495057 100%);
     border-bottom-color: #6c757d;
   }
-  .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after {
-    border-left-color: #adb5bd;
+  .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child):not(:only-child)::after {
+    color: #adb5bd;
   }
   .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
     color: #dee2e6;