fix: update layout for improved readability

- remove narrow class from section inner div
- adjust CSS to enhance section styling

Author: stiwicourage

docs/assets/site.css

@@ -500,8 +500,6 @@ p {
     background: rgba(255, 255, 255, 0.03);
     border-top: 1px solid rgba(255, 255, 255, 0.04);
     border-bottom: 1px solid rgba(255, 255, 255, 0.04);
-    max-width: var(--max-width);
-    margin-inline: auto;
 }
 
 .section--accent {

docs/index.html

@@ -108,7 +108,7 @@ <h1>Build PowerShell modules with a workflow you can actually understand</h1>
 
 <main>
     <section class="section section--muted">
-        <div class="section__inner narrow">
+        <div class="section__inner">
             <h2>This site is organized around how developers actually adopt the tool</h2>
             <p>You should not need to read built-in help cover to cover to become productive. Start with the quickstart,
                 jump to the exact task you need next, and use the reference pages when you are tuning configuration or

tests/DocsSiteLayout.Tests.ps1

@@ -30,7 +30,7 @@ Describe 'docs site layout guardrails' {
 
         $indexPage | Should -Match '<header class="hero">'
         $indexPage | Should -Match '<p class="lead">'
-        $indexPage | Should -Match 'class="section__inner narrow"'
+        $indexPage | Should -Match 'class="section__inner"'
         $indexPage | Should -Match 'class="section-heading"'
     }