refactor styles and structure for wompum components; improve grid spacing and layout

layouts/articles/single.html

@@ -2,9 +2,9 @@
     
     <article class="single-article">
 
-      <header class="mb-4">{{ partial "article-wompum.html" . }}</header>
+      <header class="mb-4 wompum-container wompum-container--wide-gap">{{ partial "article-wompum.html" . }}</header>
 
-      <div class="flex gap-4">
+      <div class="flex gap-4 mt-4">
         <aside class="lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:w-1/3 p-4 font-iosevka">
           {{ if .Params.headshot }}
           <div class="narrator__container w-48 mb-2" data-text="{{ .Params.narrator }}">