99puxwol5: Delete legacy.css and move its last rules into the component stylesheets

src/app/globals.css

@@ -91,6 +91,8 @@
 @layer reset {
   *, *::before, *::after { box-sizing: border-box; }
   body { margin: 0; }
+  /* Form controls take the page font instead of the UA's 13.33px Arial. */
+  button, input, textarea, select { font: inherit; }
 }
 
 @layer base {

src/app/layout.tsx

@@ -16,7 +16,6 @@ import "../styles/trending.css";
 import "../styles/search.css";
 import "../styles/mobile.css";
 import "../styles/sheet.css";
-import "../styles/legacy.css";
 
 const manrope = Manrope({
   subsets: ["latin"],