fix(markup): wrap section child-page content in outer <p> to match live

text.html.twig in the live theme wraps the rendered markdown in
`<p>{{ content }}</p>`. The outer <p> auto-closes on the first inner
<p>, yielding a leading empty <p></p> with margin-bottom 10px — that's
what makes the first float-right image align with the first text line
on the services pages. Without the wrap the image starts 10px higher
than on live.

templates/section.html

@@ -27,7 +27,13 @@
       {{ st::section_title(title=page.title, anchor=page.extra.anchor | default(value=page.slug)) }}
       <div class="container">
         <div class="row">
-          {{ page.content | safe }}
+          {# Live's text.html.twig wraps the rendered markdown in
+             `<p>{{ content }}</p>`. The browser auto-closes the outer
+             <p> on the first inner <p>, leaving an empty <p></p> at
+             the top of each section — which adds the 10px margin that
+             aligns the first float-right image with the first text
+             line. #}
+          <p>{{ page.content | safe }}</p>
         </div>
       </div>
     </section>