continue working on post layout, add typography styles

src/layouts/BaseLayout.astro

@@ -1,4 +1,6 @@
 ---
+import '@fontsource-variable/figtree';
+import '@fontsource-variable/merriweather';
 import '@styles/main.css';
 ---
 

src/layouts/PostLayout.astro

@@ -1,56 +0,0 @@
----
-import BaseLayout from '@layouts/BaseLayout.astro';
----
-
-<style>
-/* 3-column grid: left gutter, center content, and right gutter */
-article {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, var(--content-width)) minmax(0, 1fr);
-    /* a bit of breathing room for narrow screens */
-    padding: 0 var(--content-padding);
-}
-
-.left-gutter {
-    grid-column: 1 / 2;
-    justify-self: end;
-}
-
-.right-gutter {
-    grid-column: 3 / 4;
-    justify-self: start;
-}
-
-.title {
-    grid-column: 2 / 3;
-}
-
-.subtitle {
-    font-size: 0.9em;
-    font-style: italic;
-    margin-top: -0.75rem;
-}
-
-.post {
-    grid-column: 2 / 3;
-}
-</style>
-
-<BaseLayout>
-    <article>
-        <header class="title">
-            <h1>Working Title</h1>
-            <p class="subtitle">Subtitle</p>
-        </header>
-
-        <div class="left-gutter" />
-
-        <section class="post">
-            <slot />
-        </section>
-
-        <div class="right-gutter" />
-
-        <footer />
-    </article>
-</BaseLayout>