wrote more for the new blog post

src/lib/components/callout.svelte

@@ -22,9 +22,9 @@
     <div class="callout-text-container">
         {#each content as p}
             {#if type == "quote"}
-                <p class="callout-quote-text">{p}</p>
+                <p class="callout-quote-text">"{@html p}"</p>
             {:else}
-                <p>{p}</p>
+                <p class="callout-text">{@html p}</p>
             {/if}
         {/each}
     </div>
@@ -53,11 +53,13 @@
         /* font-style: italic; */
     }
 
-    p {
-        margin: 0;
-        font-size: 1.0rem;
-        line-height: 1.4rem;
-    }
+    :global {
+        .callout-text, .callout-text-container * {
+            margin: 0;
+            font-size: 1.0rem;
+            line-height: 1.4rem;
+        }
+}
 
     .callout-quote-text {
         font-style: italic;