feat: design system — ambient motion, spacing/elevation/surface tokens, right-rail TOC, footer links, DESIGN.md

src/pages/search.astro

@@ -10,7 +10,8 @@ import Base from '../layouts/Base.astro';
     </div>
   </section>
 
-  <section class="container page">
+  <section class="band--moon">
+    <div class="container page">
     <form class="search-form" role="search" action="/search" method="get">
       <label class="sr-only" for="q">Search news</label>
       <svg class="ico search-ico" aria-hidden="true" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" /><path d="m20 20-4.3-4.3" /></svg>
@@ -20,6 +21,7 @@ import Base from '../layouts/Base.astro';
     <p class="notice" id="search-status" role="status" aria-live="polite">Type to search the news archive.</p>
     <ol class="search-results" id="search-results"></ol>
     <noscript><p class="notice">Search requires JavaScript. Browse all news on the <a href="/news">news page</a>.</p></noscript>
+    </div>
   </section>
 </Base>