Incorporate @begin/masthead

app/api/docs/$$.mjs

@@ -13,7 +13,7 @@ import redirects from '../../lib/docs-redirects.mjs'
 const arcdown = new Arcdown({
   pluginOverrides: {
     markdownItToc: {
-      containerClass: 'toc mbe2 mis-2',
+      containerClass: 'toc mbe2 mis-2 leading2',
       listType: 'ul',
     },
   },

app/docs/md/routing/lifecycle.md

@@ -8,8 +8,7 @@ The journey of an HTTP request through Enhance isn't complicated, but it's helpf
 
 </doc-callout>
 
-<doc-enhance-diagram class="block mbe2">
-</doc-enhance-diagram>
+<img src='/_public/img/docs/routing-lifecycle.svg' class='block mbe2 si-100' />
 
 ## Routing
 

app/elements/begin-masthead.mjs

@@ -0,0 +1 @@
+export { Masthead as default } from '@begin/masthead'

app/elements/doc/content.mjs

@@ -1,9 +1,6 @@
 export default function DocContent({ html }) {
   return html`
     <style>
-      :host {
-        padding: 1rem;
-      }
       :host > * {
         max-width: 52rem;
         margin: auto;
@@ -18,7 +15,15 @@ export default function DocContent({ html }) {
       :host > ::slotted([slot]) > h3,
       :host > ::slotted([slot]) > h4 {
         margin-bottom: 0.75rem;
-        font-weight: 500;
+      }
+      :host > ::slotted([slot]) > h1 {
+        font-weight: 700;
+      }
+      :host > ::slotted([slot]) > h2,
+      :host > ::slotted([slot]) > h3,
+      :host > ::slotted([slot]) > h4 {
+        margin-bottom: 0.75rem;
+        font-weight: 600;
       }
       h1 {
         font-size: 1.953rem;
@@ -34,7 +39,7 @@ export default function DocContent({ html }) {
       }
 
       strong {
-        font-weight: 500;
+        font-weight: 600;
         color: var(--black-white);
       }
       small {