header: align ticker + browse bar to featured card's visual edges (px-4 inside max-w-container)

src/components/DualSpeedTicker.tsx

@@ -107,6 +107,7 @@ export default function DualSpeedTicker() {
   }, []);
 
   return (
+    <div className="max-w-container mx-auto px-4">
     <aside className="bbt-root" aria-label="News + forum live ticker">
       <Row
         label="THE LATEST"
@@ -132,8 +133,6 @@ export default function DualSpeedTicker() {
           border-bottom-color: rgba(0,212,255,0.18);
           font-family: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
           color: #d1d5db;
-          max-width: 1200px;
-          margin: 0 auto;
         }
         .bbt-row {
           position: relative;
@@ -223,5 +222,6 @@ export default function DualSpeedTicker() {
         }
       `}</style>
     </aside>
+    </div>
   );
 }

src/components/Header.tsx

@@ -535,8 +535,8 @@ export default function Header() {
       <DualSpeedTicker />
 
       {/* BROWSE BAR — search left, primary nav right */}
-      <div className="bb-browse-bar hidden md:block" role="navigation" aria-label="Browse sections">
-        <div className="max-w-container mx-auto px-4">
+      <div className="max-w-container mx-auto px-4 hidden md:block">
+        <div className="bb-browse-bar" role="navigation" aria-label="Browse sections">
           <div className="bb-browse-row">
             {/* Search (left) — with autocomplete dropdown */}
             <div className="bb-browse-search-wrap">

src/styles/tailwind.css

@@ -822,8 +822,6 @@ h1, h2, h3 {
   border-bottom: 2px solid var(--color-accent);
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.02);
   position: relative;
-  max-width: 1200px;
-  margin: 0 auto;
 }
 
 .bb-browse-bar::after {