Mobile: stack notice pill above centered text

index.html

@@ -209,6 +209,20 @@
     white-space: nowrap;
   }
 
+  /* Mobile: stack the pill above centered text (no flex side-by-side). */
+  @media (max-width: 600px) {
+    .notice {
+      flex-direction: column;
+      align-items: center;
+      gap: 10px;
+      text-align: center;
+    }
+
+    .notice p {
+      margin: 0;
+    }
+  }
+
   .notice-label--beta {
     background: #c98a2b;
   }